[nosok]

Jeremen, есть w3c документация на русском сайте

[Jeremen]

Люди подскажите какие-то уроки по созданию дизайна сайт в ФШ. Фотошоп-мастер и демиарт не предлогать!

[r.yevgeniy]

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

http://djdesignerlab.com/2010/11/13/...design-layout/

Надо учить по зарубежным, один фиг наши все оттуда переводят.

Вот еще 35 уроков http://vandelaydesign.com/blog/desig...hop-tutorials/

И еще 40 полезных уроков http://sixrevisions.com/web_design/4...out-tutorials/

[AProhorenko]

Jeremen, вот правильный порядок действий:
1. Делаем макет в ФШ
2. Верстаем фон. (цвет или изображеие)
3. Верстаем шапку.
4. Верстаем контейнер.
5. Верстаем "тело" + футер.
(Верстаем всё с книжкой по CSS+HTML в зубах или сайтами-энциклопелдиями)
6. Подстраиваемся при вёрстке под Opera
7. Вставляем текст.
8. Фиксим баги.
9. Настраиваем кроссобраузерность (я просто открываю сайт в других браузерах и делаю под "косячные" новый CSS, потом в HTML указываю для какого браузера - какие стили.
_________________________________________
Разумеется, резать шаб на "куски" в ФШ надо, но не весь! Только частично!!!
_________________________________________
Работай с: этим словарём HTML+CSS, интересными элементами.

[Zvеr]

1. Делаем макет в ФШ

Это называется не версткой

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

6. Подстраиваемся при вёрстке под Opera

Почему именно под оперу?

8-9 - это один пункт. А пункты 2,3,4,5 можно ускорить с помощью http://csstemplater.com/

[AProhorenko]

Zvеr, с Вами согласен. Но когда я лично учился, мне "сенсей" говорил так. Вот сейчас свободно верстаю и другими методами.

Почему именно под оперу?

-Оперу использует 40% жителей моего города. Она более востребована к HTML. Если сверстать под нёе, потом легче будет адаптироваться под другие браузеры.

8-9 - это один пункт

Кому как кажется... Я при вёрстке в DreamWeaver CS5 переходя в браузер нахожу очень мелкие надочёты(например: ссылки съехали на 1 пиксель). А кроссобраузерить лучше шаблон без багов.

А пункты 2,3,4,5 можно ускорить с помощью http://csstemplater.com/

Тут Вы абсолютно правы! Я сам теперь пользуюсь этим сервисом. Помогает экономить время!

[lordonx3]

Сначала сохраните для web и устройств а потом уже подгоняйте, но это очень трудоёмкий и нужный процес.
Рекомендую работать в adobe dreamweaver

[utb]

AProhorenko, правильного порядка не было нет и не будет!
А Вы наливаете молоко, а потом чай наливаете или наоборот??? че за вопрос))
Каждый верстальщик верстает как ему удобно! и как ему легче и быстрее сделать
я например, думаю, режу, чистый html, а затем css и счастье)) рисовать и тестировать это уже не верстка

[SrDEN]

Не где не учился, пришлось все быстро самому осваивать. Верстаю под битрикс, но думаю под любую cms подойдет:
1. Смотрю на PSD-шник и продумываю структуру шаблона (с колонками или без, какие типы меню будут использоваться для сайта и т.п.)
2. Собираю шапку
а) вырезаю из шаблона все картинки из шапки
б) создаю структуру шапки (логотип, ссылки на личный кабинет и т.п., главное меню и поиск)
в) работаю со стилями для шапки.
3. Собираю рабочую область.
а) вырезаю из шаблона все картинки для рабочей области.
б) создаю структуру рабочей области (левую, правую колонку, саму область)
в) работаю со стилями для рабочей области
4. Собираю подвал.
а) вырезаю из шаблона все картинки для подвала.
б) создаю структуру подвала (блок информации, копирайтов, дублирование клавного меню и т.п.)
в) работаю со стилями подвала.
5. Проверка на кросбраузерность.

Вот так и собираю время от времени :)