Верстка. Профессионалы, оцените мою первую работу.

1 23
Flash.UA
На сайте с 11.09.2007
Offline
46
#21

Я считаю, что верстать так меню это вообще не прикольно.

Я бы сделал это списком

<ul>

<li><a href="#"></a></li>

<li><a href="#"</a></li>

<li><a href="#"</a></li>

</ul>

Это не принципиально, конечно, но...

И еще, зачем им классы, если они имеют одинаковый стиль отображения?

А еще, я бы все таки сделал спрайты с фоновыми картинками, как минимум, я бы объеденил картинки меню обычные и при наведении и просто менял бы background-position. Это тоже вроде мелочь, но когда проект большой, то это становиться принципиально важным, т.к. каждая картинка это дополнительный запрос к серверу.

И еще, тег h1 не должен быть использован больше одного раза на странице....

galaystra:
У меня появился вопрос, может он уже не в тему, но не судите строго! После того, как я засунул <a href="#"></a> вовнутрь параграфа, у меня перестал меняться цвет ссылки при наведении мышки на кнопку. Не на саму ссылку, а именно на кнопку! Как мне решить эту проблему?
<div id="nav">
<p class="n1"><a href="#">INSURANCE BASICS</a></p>
<p class="n2"><a href="#">BUYING A POLICY</a></p>
<p class="n3"><a href="#">SAVING MONEY</a></p>
<p class="n4"><a href="#">SAFETY TIPS</a></p>
</div>
wwwwww
На сайте с 29.04.2011
Offline
195
#22
Flash.UA:
И еще, тег h1 не должен быть использован больше одного раза на странице....

Где такой постулат написан?

Видишь? Свободная подпись.
G
На сайте с 28.03.2010
Offline
50
#23
Flash.UA:
И еще, зачем им классы, если они имеют одинаковый стиль отображения?

Это можно назвать как угодно, типа педантичность, что ли... Просто в PSD все эти кнопки имеют разные оттенки. Вот я и вошел в роль натурального исполнителя заказа - все до мелочей!

Flash.UA:
А еще, я бы все таки сделал спрайты с фоновыми картинками, как минимум, я бы объеденил картинки меню обычные и при наведении и просто менял бы background-position

Я потом тоже об этом подумал, когда все сделал, но не стал уже заморачиваться.

ne0n91:
Было бы правильнее для меню использовать <ul><li>..

Не поспорю! Здесь я тоже протупил - меню же....

M3
На сайте с 06.07.2011
Offline
7
#24
galaystra:
Да, я прогнал! Приношу свои извинения! Перезалил. вот адрес: http://fomichefff.narod.ru

назад в 90-ые! ;)

Yapy
На сайте с 30.01.2012
Offline
2
#25

Вот похожий по дизайну сайтик reklamgarant.com

galaystra, вы сами верстали с нуля или брали, возможно, какой-то пример?

CN
На сайте с 29.09.2007
Offline
155
#26

Возьмите картинку с любого сайта хорошей веб-студии с хорошим дизайном и тренируйтесь на хорошем дизайне. То что у вас уже не актуально, сейчас другие подходы к верстке.

Не нужно брать плохое - берите хорошее.

G
На сайте с 28.03.2010
Offline
50
#27

Yapy, я взял первый PSD-шаблон с этого сайта.

conturov.net, я считаю, что не обязательно выбирать из того, на чем ты собираешься учиться. Но, скорее всего, следующий шаблон, который я буду делать будет красивее и функциональнее (JS,JQuery и т.д.)...

Кстати, не подкинет кто материала? Либо советов несколько?

Flash.UA
На сайте с 11.09.2007
Offline
46
#28
galaystra:
Кстати, не подкинет кто материала? Либо советов несколько?

Ну я как минимум попробывал бы начать верстать сразу под HTML 5, вместо XHTML

Попробуйте использовать новые CSS3 свойства. Благо, сейчас об этом много написано.

http://css3please.com/

http://css3pie.com/ (для ИЕ)

Вот еще интересная сборка http://ru.html5boilerplate.com/

G
На сайте с 28.03.2010
Offline
50
#29

Flash.UA, спасибо за инфу! Почитаем.....🚬

1 23

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий