Как научиться верстке сайтов?

[Новенький]

Собственно вопрос в теме, как научиться верстке сайтов? Советуете ли использовать какие-то специальные программы или лучше просто в блокноте? И каким способом лучше верстать?

 

 

[ZiTosS]

Новенький,
Расскажу как я этому научился:
АЗЫ

В недалёком 2004 году, я играл в StarCraft - прикольная игрушка В один прекрасный день мы решили организовать клан, но для общения нужен был сайт. Я ещё тогда не знал про динамические и статические сайты, ничего не знал про хостинги, про PHP. Я знал, что у друга (соседа сверху) есть сайт на народе http://musictoday.narod.ru/. Вообщем я решил достать HTML-код это сайта и начать разбираться.
Вообщем потихоньку-помаленьку читая книжку с сайта http://postroika.ru/ , я редизайнил музыкальный сайт друга под сайт клана StarCraft.
Структуры конечно я не поменял, так как тогда для меня сложно было разобраться в ужасном коде подобных таблиц(можете заглянуть в исходники на сайте), я только поменял фон, текстовку, расширил некоторые блоки, и разобрался немножко в структуре. Но сами подумайте, когда редактируешь, всё равно приходится туда-обратно шнирять по коду в поисках того что тебе нужно, естественно во время поиска ты обращаешь внимание и на другие вещи.

Создание сайта на PHP:
Второе, что мне пришлось делать, это собственный сайт, со вставками PHP кода. Я написал собственный сайтик о новостях в мире спорта. Вот там я уже верстал страницы сам, естественно было сложно, но я взял простейшую структуру. Этот сайт благополучно умер, но опыт, как говорится, не пропьешь.

Всё отсальное:
Верстал около 100-150 макетов, в том числе и дизайн данного форума. Естественно всё сразу не получается, приходится излазить пол интернета, чтобы разобраться, но это того стоит! Знания крепнут с каждой работой, тут главное рвение к знаниям, желание верстать, если этого не будет, через силу и пинками себя не заставишь -> ничего получаться не будет.

Я бы посоветовал учить так:
1) Открываете сайт http://htmlbook.ru/ и в правом столбце, где ТЕГИ, открываем с самого верхнего и начинаем читать. Там всё подробно и чётко разжевано + благо есть примеры использования тегов.
2) Как только дочитаете все теги, попытайтесь придумать простенький макет и сверстать его естественно таблицами.
3) Затем начните изучать CSS(Каскадные таблицы стилей). Информация о CSS всё на том же сайте (ну или книжки умные читайте).
4) Затем чётко уясните себе чем табличне элементы отличаются от блочных, и попытайтесь сверстать свой простенький макет на блоках.
5) Как только вы это сделали, найдите в интернете макет(psd-шаблон) или возьмите любой сайт и сделайте printscreen. Затем попытайтесь его сверстать.
6) Следующим этапом идёт - закрепление осознанного. Нарабатывайте руку, сверстайте парочеку шаблонов.

[Rashambik]

Главное знать языки разметки! И для удобства пользуйся Adobe Dreamweaver Больше практики

[Braun]

Главное знать языки разметки! И для удобства пользуйся Adobe Dreamweaver Больше практики

кстати да Dreamweaver крутая штука все очень удобно в нем

[linktolinkru]

Собственно вопрос в теме, как научиться верстке сайтов? Советуете ли использовать какие-то специальные программы или лучше просто в блокноте? И каким способом лучше верстать?

поисчите видео курсы от евгения попова в сети так быстрее всего

[bestolloch]

кстати да Dreamweaver крутая штука все очень удобно в нем

В Dw удобно - но думаю один (пару) макет нужно сделать именно в блакноте, тк слишком он уж упрощает работу + можно просто навесего не запомнить те или иные теги.

поисчите видео курсы от евгения попова в сети так быстрее всего

А тут вообще помоему не то, видел одно видео. Но по мему многому не научишься. Тк подходит только под данный шаблон и используется далеко не все.

Практика и изучение тегов. Про css и html помоему уже уж очень много написано-найти не проблема

[serjcat]

Рекомендую ресурс http://divhack.com/
Там можно скачать psd макеты и сразу посмотреть, как они свёрстаны =)

[mhunter]

Не нужно никаких там всяких сайтов кроме одного. Который указали в первом ответе - http://htmlbook.ru/
Есть самоучители там и вперед :-) Мне на изучение верстки ушла неделя. После мог уже неплохо верстать)) Главное больше практики.

[Span415]

http://denweb.ru/
Вот товарищи. Очень хороший сайт и ооооочень понятные уроки на нем ))) Все разжеванно до мелочей.
Вот ссылка на раздел о верстке http://denweb.ru/cat...put-veb-mastera

[robot]