Чтобы создать красивый сайт, вам нужна программа Фотошоп (Photoshop) и редактор Dreamweaver.
В программе Фотошоп (Photoshop) рисуется шаблон сайта или графические блоки (шапка сайта, левый и правый блок, подвал сайта).
В редакторе Dreamweaver заполняется шаблон сайта содержанием. Если сказать другими словами, мы будем делать полноценный сайт с рабочими ссылками.
Итак. Давайте создадим сайт в фотошопе.
Для начала набросайте на бумаге эскиз будущего сайта. На эскизе должны быть указаны все тонкости и проработанные детали. Что я имел в виду, когда писал про тонкости и детали?
Вы должны на эскизе продумать:
1. где должно быть меню сайта
(Меню должно быть удобным для посетителей и роботов);
2. размещение счетчика;
3. размер графических элементов;
4. место для рекламы.
Да. Вы всё должны продумать на перёд. Это всеравно, что игра в шахматы. Вы должны продумывать на 2 хода вперёд.
1. Вот у меня вышел такой шаблон на эскизе.
2. Всё, что я нарисовал на эскизе, я пытался отобразить на шаблоне в Фотошопе (Photoshop).
Размеры шаблона должны быть примерно: ширина 500…..700, высота 400….500.
3. Дальше мы выбираем в фотошопе инструмент «фрагмент» или «раскройка» и разбиваем всё по блокам. Смотрите на пример снизу.
4. Теперь сохраняем шаблон в HTML расширении. Жмите в меню.
« Файл » _ « Сохранить для Web…. » _ « Save ( сохранить ) » _
« Указываем место, куда сохранить материал»
—ЗАПОЛНИТЕ—
*/Имя файла – index,
*/Тип файла – HTML and images (*.html).
_ жмите « Сохранить»
У вас должно получиться: файл «index.html» и «images»
Если у вас всё получилось так, как у меня, значит переходите к следующему.
5. Файл «index.html» откройте в редакторе Dreamweaver и наполняйте его содержанием и картинками.
! Внимание: если вы не знаете HTML, вам следует поверхностно пройти материал «HTML для начинающих«.
Это обязательно, иначе ваша творческая работа закончится сплошным не довольствием и бурчанием.
? Если у вас возникли вопросы по созданию шаблона сайта в фотошопе ( Photoshop ), вы можете скачать бесплатно дополнительные и более подробные материалы.
Скачать бесплатно.
1. создать сайт в Photoshop (уроки-книга) — скачать.
2. работа с Dreamweaver-е (уроки-книга) – скачать
3. программа Dreamweaver (программа) – скачать.
4. самоучитель HTML для начинающих на примерах (уроки -книга) – скачать
Материал подготовлен с помощью сайта БинБинари