Как вы научились верстать?

могу поделиться опытом изучения сайтостроительства с нуля:

1. покупаете любую книжку, где описывается базовые сведения, что такое Apache, MySQL, HTML, PHP, XML.

В моем случае это было: http://www.books.ru/shop/books/585721

Несколько дней на чтение

2. устанавливаете

- denwer: http://www.denwer.ru/

локальный сервер Apache + MySQL + phpMyAdmin

- netbeans - сборка PHP: http://netbeans.org/downloads/index.html

среда разработки - HTML, CSS PHP, Javascript, XML и т.д. русифицировано

в нем также есть интеграция с популярными фреймворками (Zend и Symphony), которая

может пригодиться в дальнейшем.

- xdebug: http://xdebug.com/download.php

пошаговый отладчик на стороне сервера - PHP, интегрируемый с NetBeans

- firebug: https://addons.mozilla.org/ru/firefox/addon/firebug/

это отладчик на стороне клиента (браузера) - Javascript

он также позволяет делать что угодно с HTML и CSS на стороне клиента,

что очень удобно в процессе изучения той же верстки

базовых сведений полученных на предыдущем этапе должно хватить, чтобы настроить все это для совместной работы.

если что, интернет в помощь

на установку и освоение должно хватить недели

3. прежде чем погрузиться в html и css,

необходимо разобраться с .htaccess и языком регулярных выражений

если сделаете это на раннем этапе, в дальнейшем избавите себя от массы проблем

http://www.htaccess.net.ru/

http://www.egoroff.spb.ru/portfolio/apache/

http://www.phpfaq.ru/regexp

знание регулярных выражений также может сильно пригодится в дальнейшем, для программирования в PHP и Javascript.

тема не самая простая, но вникнуть в основные моменты за неделю можно

4. Практика в верстке HTML + CSS,

создании статичных сайтов без HTML, шаблонов,

незаменимая помощь в освоении - упомянутый ранее:

htmlbook.ru

плюс курсы

5. Чтобы наполнить сайт графикой -

Photoshop

Illustrator/Corel Draw (по вкусу)

Flash

для трехмерной графики - Vectorworks - нереальная софтина, но обучалок практически нет

6. Погружение в PHP лучше начать с ознакомления с ООП (объектно-ориентированным программированием), с учетом того, что базовые вещи изучены на первом этапе.

Основы ООП лучше подчерпнуть из какой-нибудь тематической книжки,

в моем случае - http://www.kniga.ru/books/249146?from=mya

пару недель на чтение + параллельное изучение примеров в Netbeans

php.su - в помощь

7. Прежде чем писать свой движок, необходимо разобраться, действительно ли он нужен?

т.е. понять, какие преимущества он даст относительно бесплатных CMS,

насколько эти преимущества существенны.

если понимания нет, лучше не начинать - скорей всего оно и не нужно

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

на создание ядра и модулей с базовым функционалом ушло четыре месяца.

перед тем как приступить к создания движка, очень рекомендую изучить модель MVC

http://ru.wikipedia.org/wiki/Model-view-controller

а также освоить AJAX,

Javascript, Jquery

также обратите внимание на фреймворки - Sympony, Zend, Cake и прочие.

ps при желании к 2012 году можно сделать много чего

Спасибо за обширный ответ.

И блочная и табличная, но на 95% блочная. Иногда бывают случаи когда нужна табличная верстка.

Не пользуюсь никакими дримвейверами, пишу все в блокноте.

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

Вот это номер! Человек прогать не умеет и пытается начать верстать, а вы советуете ему сначала изучить основы работы с .htaccess и RegExp? А что же не с ассемблера начать? Проще же некуда!

Согласен только что по печатной литературе удобнее учиться. Начните с основ HTML, изучите тэги, как писали выше, htmlbook.ru хорошо подойдёт. Там же и про CSS почитайте. Но это только основы.

Далее бежим на cssplay.co.uk или xiper.net и учимся фишкам работы с CSS и HTML. Потом подтягиваем JavaScript (javascript.ru), AJAX и фреймфорки (ненавижу их).

Берём шабы из паблика (только диз) и пытаемся их сверстать, в код можете не смотреть, ибо там своего мусора хватает. Верстаем, совершенствуемся, параллельно изучаем особенности современных браузеров в отображении страниц. Учимся верстать блоками, можно начать с таблиц, чтобы понять как это плохо (или хорошо, кому как). Верстаем резиновые и фиксированные страницы. Изучаем CSS-фишки, юзаем CSS везде, где есть возможность заменить им JavaScript.

И, возможно, через 1-3 месяца вы сможете добиться превосходных результатов. А вообще, каждый начинает сам, уже писал об этом, что если человек не знает с чего начать, то в 70% случаев из него ничего не получится.

Но это только вёрстка.

Удачи.

)) вы правы. первый опыт программирования - на ассемблере, в далекие 90-е

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

Кидайте еще варианты, не тресну от информации.:)

mozg1 добавил 15.04.2011 в 16:14

Пока понравились варианты о изменение шаблонов на WORDPRESS и верстать с PSD которые в паблике.

Думаю пока такой модели обучения придерживаться, если не будет вариантов по интересней.

mozg1 изучаешь основы(ссылок дали кучу) и сюда. разбираешь примеры у топовых верстальщиков, шаг за шагам. как он сделал меню, как поиск, как прикрепил футер....

Автор, советую вам почитать эту статью:

http://softwaremaniacs.org/blog/category/primer/

очень полезная для новичков! Кратко описаны основы правильной вёрстки.

Ещё может пригодится вам данная статья:

http://www.maultalk.com/topic44787.html

Лично мне, лучше всего помогали видеоуроки HTML-верстки. Самыми лучшими считаю видеоуроки "Lynda.com". Там автор верстает и объясняет по-английски, но и без слов всё прекрасно понятно

Может вопрос не по теме будет, но я рискну спросить.

Благодаря каким технологиям создают такие сайты или в частности этот сайт на чем построен?

http://www.2advanced.com

Flash

по сути это ролик, вроде Масяни

http://www.2advanced.com/2A_v5_core.swf