Перейти к содержимому

Сервис обмена электронных валют

Выбрать шаблон и создать сайт

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

#1 Новенький

Новенький
  • Пользователь
  • 71 сообщений
  • Репутация: 0
0

Отправлено 17 Декабрь 2009 - 02:55

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

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 17 Декабрь 2009 - 15:53

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

В недалёком 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) Следующим этапом идёт - закрепление осознанного. Нарабатывайте руку, сверстайте парочеку шаблонов.
  • 0

#3 Rashambik

Rashambik
  • Пользователь
  • 65 сообщений
  • Репутация: 0

Отправлено 13 Январь 2010 - 11:32

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

#4 Braun

Braun
  • Пользователь
  • 26 сообщений
  • Репутация: 0

Отправлено 16 Январь 2010 - 22:24

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

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

#5 linktolinkru

linktolinkru
  • Пользователь
  • 12 сообщений
  • Репутация: 0

Отправлено 29 Июль 2010 - 21:29

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

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

#6 bestolloch

bestolloch
  • Пользователь
  • 224 сообщений
  • Репутация: 1

Отправлено 31 Июль 2010 - 15:20

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


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


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


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

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

#7 serjcat

serjcat
  • Пользователь
  • 1 сообщений
  • Репутация: 2

Отправлено 12 Декабрь 2012 - 10:41

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

#8 mhunter

mhunter
  • Пользователь
  • 4 сообщений
  • Репутация: 0

Отправлено 14 Декабрь 2012 - 12:39

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

#9 Span415

Span415
  • Пользователь
  • 87 сообщений
  • Репутация: 6

Отправлено 17 Декабрь 2012 - 23:04

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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru