Сайт автора-исполнителя

[sum41]

http://vadimgrigorev.ru/

Официальный сайт автора и исполнителя Вадима Григорьева.

Сайт моего отца, автора-исполнителя. Предназначен для людей, интересующихся авторской песней.

Прошу оценить верстку, код, дизайн, подборку цветов.

[homm]

Самую бестолковую вешь, которую возможно было написать на официальном сайте автора и исполнителя Вадима Григорьева, вы написали самым крупным шрифтом в самом верху. Поздравляю.

> Вы можете разместить мою кнопку на Вашем сайте:

«Моя кнопку»? Гм… Оффициальная кнопка автора и исполнителя Вадима Григорьева? Звучит интересно.

> http://vadimgrigorev.ru/pesni.shtml

> 22 Сын гулит

Если это про вас, то, наверное, правильно — гуглит

В целом не фонтан, но положительные моменты есть.

Если разделить почти любую страницу ровно пополам — получится отвратительный верх и неплохой низ. Верх отвратителен из-за упомянутого слогона и дешевых градиентов. Низ неплох из-за опрятности текста и строгости форм.

[Dimitry Wolotko]

Про дизайн не буду.

По коду.

Самое прикольное - что индекс - валиден

Но зачем меню делать таблицей? оО

<div class="line"><img src="http://vadimgrigorev.ru/images/line1.giff" width="270" height="1"></div>

Стили background-image, -position, -repeat тут будут уместней.

Название классов то по-русски, по по-английски. Путает.

А вообще - свёрстано паршиво.

[Ялекс]

"ХОРОШАЯ ПЕСНЯ" сказано с иронией, и даже взято в ковычки)

Меньше официоза...

Дизайн, дизайн...? Хм... Если бы не фото и непонятный заголовок, то мог бы прокатить за средний. Нужно переоформит шапку.

Разногласие шрифтов в основной части и футере... Verdana использован только в футере и в левых заголовках. Используйте Verdana в заголовках основной части, чтобы придуть целостность. Сделайте заголовки в меню меньшего размера.

"Обмен кнопками" нужно вынести на отдельную страницу.

[Victor Ananiev]

НЕ нравится толстая рамка вокруг окна, и не нравится что ссылки без ролловера. Про крупное меню, и хедер ненормальный, я вообще молчу.

Edited September 30, 2008 by Vindex10

[Pavel_html]

возьмите за основу сайта футер. он самый лучший.

[Searcher]

На мой взгляд все вполне аккуратно. Но...

Цвет рамки я бы не стал делать красным. Вообще с красным надо поаккуратнее в дизайне, это особый цвет, его психологическое восприятие сильно отличается от других цветов и не подходит для данной тематики.

Шапка великовата. И фотка в шапку не вписывается совсем. Как-то сама по себе... Не знаю, что тут предложить.

Область текста резиновая а сам текст нет - как-то нелогично.

Обмен кнопками выделен красиво, но нелогично, как будто это главное на сайте. Логичнее выделить меню.

Верстать таблицами уже нехорошо и нелогично. Таблица для таблиц, а блоки для блоков )).

Отцу большой респект. Уважаю бардов. Вобщем и сам имею отношение к этой области творчества ))

[sum41]

Всем спасибо за советы и рекомендации. Интересно было узнать мнения специалистов в области web-разработок.

Буду думать над изменением сайта в лучшую сторону.

Но зачем меню делать таблицей? оО

<div class="line"><img src="http://vadimgrigorev.ru/images/line1.giff" width="270" height="1"></div>

Стили background-image, -position, -repeat тут будут уместней.

Сделал меню таблицей, потому что это самый простой вариант для меня

Насчет линий. Пробовал такие варианты:

Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

<div style="background: #003399; height: 1px; width: 270px; margin: 0 auto;"></div>

Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

<div style="background: url('line1.gif') center no-repeat; height: 1px; margin: 0"></div>

Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

<div style="border-bottom: 1px solid red; width: 270px; margin: 0 auto;"></div>

Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

Но в первом варианте IE 6 делает высоту блока не 1px, а несколько.

Во втором он же добавляет ненужные отступы до и после блока с линией.

Ну и в третьем все в том же IE 6 появляется отступ сверху(в других браузерах таких ненужных отступов нет, поэтому получается неодинаково в разных браузерах)

Я так понимаю IE 6 не может корректно работать с блоком высотой в 1px

Разногласие шрифтов в основной части и футере...

А что лучше чтобы в основной части и в футере был одинаковый вид шрифта?

Область текста резиновая а сам текст нет - как-то нелогично.

Отцу большой респект. Уважаю бардов. Вобщем и сам имею отношение к этой области творчества ))

Я решил сделать область текста резиновую, а сам текст нет, потому что при большом разрешении строки становятся слишком длинными и их неудобно читать(узнал это на вашем сайте), хотя я еще подумаю над этим.

Вам тоже респект от него за помощь.