Обучение html, css, js.

[The Norb]

Здравствуйте!

Есть цель стать неплохим верстальщиком. =) На сколько я понимаю для этого необходимо овладеть как минимум html, css и js. (если я не прав - поправьте пожалуйста)

Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц?

Заранее благодарен.

p.s. как мне показалось, раздел вполне подходит для такого вопроса.

p.p.s. начальные знания в html есть. =) (могу сверстать простенький сайт)

Спасибо за уделённое время!

[Svatov]

Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц?

Заранее благодарен.

Советую поиск по форуму в правом верхнем углу под профилем.

p.s Вы не первый и вижу не последний, кто задает этот вопрос на форуме...на него уже ответили и не один раз.

Edited April 17, 2012 by Svatov

[MacPherson]

Найди подходящие для твоего уровня знаний PSD-макеты и начни их верстать, "ибо практика ставит вопросы и находит на них ответы" (с) ionicman21

[Viper]

1. Сразу пытаться верстать по стандартам HTML5 и CSS3, валидно ( постоянно проверять свою верстку на валидность и постепенно уменьшать количество ошибок валидации ). И разбераться почему они являються ошибками. Проверять можно с помощью сервиса - http://validator.w3.org/ или плагина для FF - https://addons.mozilla.org/en-US/firefox/addon/html-validator/

2. Забудь про ИЕ6!

3. При верстке старайся не просто преобразить макет в код, а использовать теги Только по их прямому назначению ( для этого изучай справочники HTML5 ), задумывайся о правильности стуктуры документа... По началу не получиться вот так взять и "правильно" верстать. Это приходит с опытом, а с ним и понимание мно-о-жества нюансов...

4. Найти человека-наставника, который будет тебя пинать в правильном направлении Очень полезно) Если повезет с таким, считайте вам повезло )

5. Постоянная практика ( как уже советовали ) и развивай в себе любопытство к "копанию" в чужем коде, его анализе )

6. Когда почувствуешь, что готов к свершениям, "я уже все мАгу" )) Добро пожаловать на след уровень

http://habrahabr.ru

http://www.xiper.net

http://web-standards.ru

http://javascript.ru

П.С. Удачи и терпения Они вам понадобяться )

Edited April 17, 2012 by Viper

[The Norb]

MacPherson и Viper, большое Вам спасибо за советы! Так и поступлю.

Ктстати, MacPherson, буду премного благодарен если у вас на примете есть сайт где можно найти качественные PSD макеты (что бы не тратить много времени на поиски)

Спасибо.

[Great Rash]

буду премного благодарен если у вас на примете есть сайт где можно найти качественные PSD макеты (что бы не тратить много времени на поиски)

Для начала можно делать любые, не обязательно качественные.

[The Norb]

ну я это и имел ввиду, просто ссылку где они есть.

просто в ps я могу в лучшем случае что-то немного поправить...

[olechic]

ну я это и имел ввиду, просто ссылку где они есть.

просто в ps я могу в лучшем случае что-то немного поправить...

divhack.com думаю это подойдет!

[Vin]

1. Сразу пытаться верстать по стандартам HTML5 и CSS3, валидно ( постоянно проверять свою верстку на валидность и постепенно уменьшать количество ошибок валидации ). И разбераться почему они являються ошибками. Проверять можно с помощью сервиса - http://validator.w3.org/ или плагина для FF - https://addons.mozil...html-validator/

2. Забудь про ИЕ6!

1. Очень спорно. Верстать лучше для браузеров и их пользователей, а не для валидатора Если прошерстите htmlbook, заметите, что многое из того, что невалидно, активно используется; и то, что соответствует стандартам, иногда не имеет широкой распостранённости. Почему?

2. В общем-то да, но иногда и это надо уметь (хотя бы что-то простенькое сверстать). В остальном — IE7+.

А вообще, напомнило «В итоге я принял решение изучать только HTML 5»

З.Ы. Миносувал не я, я этими вещами не сильно увлекаюсь.

[Viper]

1. Очень спорно. Верстать лучше для браузеров и их пользователей, а не для валидатора Если прошерстите htmlbook, заметите, что многое из того, что невалидно, активно используется; и то, что соответствует стандартам, иногда не имеет широкой распостранённости. Почему?

2. В общем-то да, но иногда и это надо уметь (хотя бы что-то простенькое сверстать). В остальном — IE7+.

А вообще, напомнило «В итоге я принял решение изучать только HTML 5»

1. Спорно? да. Я разве говорил, что нужно слепо следовать указаниям валидатора? Валидаторы помогают изучить особенности спецификации W3C. Тот кто не может сверстать валидный сайт, соответственно, и не знает его спецификаций. Те эксперты, кто осознанно допускают ошибки валидатора, прекрасно осведомлены почему они могут их допускать и когда это не повредит сайту ( Ошибки быват разные! ) А для того, что бы знать какую ошибку можно проигнорировать, нужно сначала в ней разобраться. По этому я и написал - "И разбераться почему они являються ошибками". Это не советы как "нужно верстать", а советы что может помочь при изучении, улучшении уровня верстки. ИМХО

2. ИЕ6 похоронили в начале этого года (Майкрософтом). Поддерживать ИЕ6 прекратили большая часть (а может уже и все) мировых гигантов. Его поддержка не целесообразна ни для разработчика, ни для клиента. Мировые бренды отказиваються от ИЕ6-го. Изучение нюансов, даже не всех, займет у него не оправданно много времени, если учитывать, что ему вполне возможно не когда не прийдеться иметь с ним дело. И это все факты! Гугл и каунтеры в помощь.

П.С. Забивать голову новичку не существенными, но громоздкими нюансами, как по мне, самый плохой совет. Смотрите, что бы после попыток разобраться в особенностях ИЕ6, у него не начались кошмары )) А то испугаеться и забросит все к...

П.П.С. Извините, если грубо выразил свои мысли. Надоел он (ИЕ6) уже мне... и это мое ИМХО

Edited April 18, 2012 by Viper

[Vin]

Ну, я писал без учёта одного нюанса: если ты совсем новичок, то лучше вообще пока не думать особо о кроссбраузерности, точности соответствия макету и т.д., прогонять через валидатор регулярно. Вот я пока не супер-профи, при этом уже не обращаю особого внимания на валидность, но само по себе получается валидно))

Общая статистика по браузерам иногда расходится со статистикой конкретного сайта (но, к счастью поддержка ИЕ6 уже действительно редко бывает действительно нужна, чаще упёртость заказчиков).

HTML5 и CSS3 — "живые" стандарты, надо пока уметь обходиться без них. Теперь балом правит здравомыслие разработчика, а не мифические стандарты.

П.П.С. Извините, если грубо выразил свои мысли. Надоел он (ИЕ6) уже мне... и это мое ИМХО

Зато какая "школа жизни" для верстальщика. После него баги других браузеров щёлчаются как семечки

Edited April 18, 2012 by Vin

[Viper]

HTML5 и CSS3 — "живые" стандарты, надо пока уметь обходиться без них. Теперь балом правит здравомыслие разработчика, а не мифические стандарты.

Они уже давно не мифические, это скорее уже стереотип. По этой теме - ссылка

Да, вы правы, нужно уметь обходиться без них. Но при этом использовать их по максимому, а что (из необходимого) не поддерживаеться в "не понимающих" браузерах, писать в другом формате (Но это редко применяеться в веб-студиях среднего звена). Разработчики - двигатели прогресса. Считаю, что нужно агитировать молодежь изучать новые технологии, они (технологии) очень быстро розвиваються. "Теперь балом правит здравомыслие разработчика" - "здравомыслящие" разработчики? нет... не стречал. ))

Зато какая "школа жизни" для верстальщика. После него баги других браузеров щёлчаются как семечки

Ага.. если бы он не прикончил за это время, в лучшем случае, пару десятков нервных клеток...