[Angelohek24]

Ребят подскажите пожалуйста как сделать шаблон для сайта! если можно распишите по шагам и желательно с размерами! Заранее благодарна!!!

[Lulinda]

Вопрос конечно интересный. html знаете? Это если самой полностью с нуля код писать. Без спец программ. Я пыталась изучить. Не хватило меня. Точнее времени. Есть ещё php и таблицы каскадных стилей. Есть программы для создания шаблонов. Все они разные. Код не всегда чистый и корректный.

[Angelohek24]

я имею ввиду в фотшоп

[viktor450]

Создаете документ 1600x1200 px
Линуете на 450, 900, 300 px. по горизонтали, что бы было легче самому и для сетки.
Затем делаете папки со слоями, например header, center, footer, news и т.д. Эти папки делаются для слоев div. Когда будете кодировать, поймете.
В каждую папку создаете слои с графикой.
Заметьте, что все должно быть выравнено по линейкам, которые вы сделали до этого.
Графику размещайте между линеек 450 и 900, что бы люди с маленькими мониторами могли тоже видеть сайт без ошибок.
Если вы все сделали, то есть графику запихнули по папкам, то теперь нужно начать кодировать.

Добавлено через 8 минут

Часть первая - рисуем в фотошопе


Урок 1. Введение, подготовка нового документа и его разметка
http://photoshop-master.org/epopovezine/35/lesson1.zip

Урок 2. Создаем верхнюю часть сайта
http://photoshop-master.org/epopovezine/35/lesson2.zip

Урок 3. Создание шапки и логотипа
http://photoshop-master.org/epopovezine/35/lesson3.zip

Урок 4. Создание области контента
http://photoshop-master.org/epopovezine/35/lesson4.zip

Урок 5. Работаем над центральной частью сайта
http://photoshop-master.org/epopovezine/35/lesson5.zip

Урок 6. Создаем блок слайдшоу
http://photoshop-master.org/epopovezine/35/lesson6.zip

Урок 7. Создаем текстовый блок напротив слайдшоу
http://photoshop-master.org/epopovezine/35/lesson7.zip

Урок 8. Рисуем навигационные вкладки
http://photoshop-master.org/epopovezine/35/lesson8.zip

Урок 9. Создаем блок для вывода записей с блога
http://photoshop-master.org/epopovezine/35/lesson9.zip

Урок 10. Создаем блок твиттера
http://photoshop-master.org/epopovezine/35/lesson10.zip

Урок 11. Создаем футер и копирайты, исправляем ошибки
http://photoshop-master.org/epopovezine/35/lesson11.zip


Часть вторая - кодируем

1 урок
http://photoshop-master.org/epopovezine/36/1_9.zip

2 урок
http://photoshop-master.org/epopovezine/36/10_15.zip

3 урок
http://photoshop-master.org/epopovezine/36/16_22.zip

Добавлено через 34 секунды

Если что-то непонятно пишите в л.с.