Моя первая верстка

[zenw]

Попытался сделать верстку по несложному макету с этого форума (http://htmlforum.ru/index.php?showtopic=16763), оцените качество работы, пожалуйста.

http://just-a-test.hol.es/markup/uta/index.html

 

[oleg126]

В принципе наверное не плохо, единственное что не совсем по макету сделано!

 

 

Еще наверное если использовать <nav></nav>, то списки наверное теряют свой смысл, внутри этих тегов можно оставить просто <a href="#"></a> и ничего не изменится. Но по этому поводу лучше спросить у бывалых на этом форуме.

[cris7iano]

в навигации глупо задавать каждой лишке класс, если здесь такого не нужно, привязывайся к классу родителя лишки

по поводу ашки тоже самое, иными словами:

main-nav__list li {.........................}main-nav__list li a{........................}

при ховере должны хотя бы цвет ссылки менятся.

article-content__list————не нужно так писатьarticle-content-list—--в рекомендации к cms можно найти по поводу классов 

и вообще посмотри на сайтах названия классов, так как у тебя не очень название(понимания приходят со временем, особенно если начнешь работать с cms'кой)

article-header———--> block-title

тут тоже нужно править

 

http://prntscr.com/2i9rec

 

 

 

как бы я верстал этот блок

 

http://prntscr.com/2i9lvx

<article class="post">  <h2><span>Veroeros</span> sed dolor </h2>   <figure class="post-img">       <img src="img/fig1.jpg" alt="сюда пишут что-то внятное, чтоб если человек зашел с откл.картинками ему было понятно что здесь есть,а не твоё (fig1-что это????)">   </figure>   <div class="entry-text">       <p>         Fusce nec eros augue hendrerit erat. Nam dapibus lorem ipsum <a href="#"> dolor et suscipit semper.</a>           Lorem amet sed consequat.       </p>       <p>         Sed fermentum dui in bibendum tempus, est orci iaculis dolor vel gravida varius,          dui est <a href="#"> tincidunt augue vel</a>  facilisis          mauris turpis ac mauris. Etiam elementum odio ac erat convallis sit          <a href="#"> amet porttitor libero</a>  sed vestibulum.       </p>   </div>  </article>

Еще много работы! Дерзай! удачи! ;)

Edited January 11, 2014 by cris7iano