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

[GoodProject]

Доброе.

Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал.

 

Вот что из этого получилось:

Макет:



Верстка(демо):

http://goodproject.tk/verstka/

Код:
HTML: http://2paste.in/rfvg
CSS: http://2paste.in/pbgc

Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, так же не сделал ещё поиск, ибо до изучения инпутов я ещё не дошёл.

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

Заранее спасибо.
 

[Aleksandr.L]

— Горизонтальная прокрутка

— Это форма поиска такая? Туда даже ввести ничего нельзя.

— Классы названы ужасно

 

Дальше смотреть нет смысла.

Edited October 31, 2014 by Aleksandr.L

[GoodProject]

— Горизонтальная прокрутка

— Это форма поиска такая? Туда даже ввести ничего нельзя.

— Классы названы ужасно

 

Дальше смотреть нет смысла.

 

У меня нету прокрутки.

А по поводу поиска - я же написал выше, читать для начала нужно было.

А классы от балды называл. =)

Edited October 31, 2014 by GoodProject

[Get to heaven]

валидатором проводил? че говорит?

[pangurban]

Дай ссылку на psd шаблона

[swandev]

Все плохо. Очень.

 

1. Вы не хотите тратить время на макет, а это плохо, если делать, то делать нужно хорошо.

2. Все сделано картинками, поверх текст наложен + relative позиционирование

 

Больше смотреть нечего

[PeaceInside]

Странно именуете классы : вот "вверху" .Dropbox .home . Пишите одним способом -или первая буква строчная, или всегда заглавная.

Ну и "далее" .left-menuColor .left-menu1. menu-Profile1 - или используйте ВЕЗДЕ «Верблюжью нотацию» (camelCase) , или вообще не нада так...

смотрите статью:  http://novice2ninja.ru/other/camelcase.html

Пройдите какой-нибудь курс полностью.... Хоть вот этот  - раздел "сетки". http://htmlacademy.ru/courses

Иначе , макет лучше сразу выкладывать в http://govnokod.ru/best/

Edited October 31, 2014 by PeaceInside

[GoodProject]

Дай ссылку на psd шаблона

 

Нету псд, только картинка, которая есть в 1 посте.

 

 

валидатором проводил? че говорит?

 

Не, не проверял.

 

 

Все плохо. Очень.

 

1. Вы не хотите тратить время на макет, а это плохо, если делать, то делать нужно хорошо.

2. Все сделано картинками, поверх текст наложен + relative позиционирование

 

Больше смотреть нечего

 

По поводу времени и бэкграундов я же объяснил в 1 посте, или никто не читает?

А по поводу релатива что? Тут по подробнее, если можно.

 

 

Странно именуете классы : вот "вверху" .Dropbox .home . Пишите одним способом -или первая буква строчная, или всегда заглавная.

Ну и "далее" .left-menuColor .left-menu1. menu-Profile1 - или используйте ВЕЗДЕ «Верблюжью нотацию» (camelCase) , или вообще не нада так...

смотрите статью:  http://novice2ninja.ru/other/camelcase.html

Пройдите какой-нибудь курс полностью.... Хоть вот этот  - раздел "сетки". http://htmlacademy.ru/courses

Иначе , макет лучше сразу выкладывать в http://govnokod.ru/best/

 

Ок. Т.е писать не left-menuColor а например leftmenucolor ?

UPD: Почитал статью, именно так мне и нравится называть селекторы, просто знак "-" лишний. Но всё равно спасибо!

Edited October 31, 2014 by GoodProject