Jump to content

Оцените вёрстку страницы

lunozwetka

By lunozwetka,
in Discussion of works

 Share

Recommended Posts

lunozwetka Explorer

lunozwetka

Posted
Posted (edited)

Добрый день форумчане)

Я новичок в вёрстке. Сверстала свою первую страничку по макету. http://jsfiddle.net/Nku5Q/

Прошу посмотреть и раскритиковать, что сделано не верно или не корректно, чтобы в дальнейшем не повторять ошибок и понимать как правильно, а как нет.

P.S. макет был скачен с бесплатного сайта и используется только в учебных целях.

Edited by lunozwetka
Link to comment
Share on other sites
Viper Explorer

Viper

Posted
Posted

1. отсутствуют hover'ы

2. карандаш должен по макету налазить на пункт меню - "contacts"?

3. неверное применение тега <menu> - _http://forum.htmlbook.ru/index.php?showtopic=36592

4. не нашел заголовков <hN>

5. полное отсутствие семантики. Ссылки Категорий и Архивов сделаны не списками...

6. элементы поиска не в форме.

...

П.С. Как для первой верстки - хорошо, ИМХО.

Link to comment
Share on other sites
lunozwetka Explorer

lunozwetka

Posted
  • Author
Posted

1. отсутствуют hover'ы

2. карандаш должен по макету налазить на пункт меню - "contacts"?

3. неверное применение тега <menu> - _http://forum.htmlbook.ru/index.php?showtopic=36592

4. не нашел заголовков <hN>

5. полное отсутствие семантики. Ссылки Категорий и Архивов сделаны не списками...

6. элементы поиска не в форме.

...

П.С. Как для первой верстки - хорошо, ИМХО.

2. увы нет. не во всех браузерах шрифт отобразился корректно.

Спасибо большое)) пойду исправлять свои ляпы))

Link to comment
Share on other sites
SelenIT Explorer

SelenIT

Posted
Posted

Вообще JSfiddle, имхо, не лучшая площадка для выставления целых примеров вёрстки, т.к. не дает полного контроля. Всё содержимое окна "html" запихивается в <body> (так что указывать там доктайп и <head> с содержимым бесполезно — Фидл всё равно вставит своё), "нормализация CSS" (по факту обычный ресет) делает много не всегда нужного типа table { border-collapse:collapse } и т.п. Фидл хорош для демонстрации отдельных фрагментов, принципиальных возможностей (proof-of-concept) и т.п.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept