Создать шаблон – сайта в Photoshop ( фотошоп ). СМОТРИ И УЧИСЬ. НА ПРИМЕРАХ ( cjplfnm if,kjy cfqnf d ajnjijgt)

Дизайн

Чтобы создать красивый сайт, вам нужна программа Фотошоп (Photoshop) и редактор Dreamweaver.

В программе Фотошоп (Photoshop) рисуется шаблон сайта или графические блоки (шапка сайта, левый и правый блок, подвал сайта).
В редакторе Dreamweaver заполняется шаблон сайта содержанием. Если сказать другими словами, мы будем делать полноценный сайт с рабочими ссылками.

Итак. Давайте создадим сайт в фотошопе.

Для начала набросайте на бумаге эскиз будущего сайта. На эскизе должны быть указаны все тонкости и проработанные детали. Что я имел в виду, когда писал про тонкости и детали?

Вы должны на эскизе продумать:
1. где должно быть меню сайта
(Меню должно быть удобным для посетителей и роботов);
2. размещение счетчика;
3. размер графических элементов;
4. место для рекламы.

Да. Вы всё должны продумать на перёд. Это всеравно, что игра в шахматы. Вы должны продумывать на 2 хода вперёд.

1. Вот у меня вышел такой шаблон на эскизе.

шаблон сайта, if,kjy cfqnf

2. Всё, что я нарисовал на эскизе, я пытался отобразить на шаблоне в  Фотошопе (Photoshop).
Размеры шаблона должны быть примерно: ширина 500…..700, высота 400….500.

шаблон сайта, if,kjy cfqnf

3. Дальше мы выбираем в фотошопе инструмент «фрагмент» или «раскройка»  и разбиваем всё по блокам. Смотрите на пример снизу.

создать сайт в Photoshop. Создать красивый сайт
Создать сайт, создать сайт в фотошопе, создать сайт в Photoshop, Photoshop, создать, фотошопе, cjplfnm if,kjy cfqnf d ajnjijgt, создать шаблон в фотошопе

4. Теперь сохраняем шаблон в HTML расширении. Жмите в меню.
« Файл » _ « Сохранить для Web…. » _ « Save ( сохранить ) » _
« Указываем место, куда сохранить материал»
ЗАПОЛНИТЕ
*/Имя файла – index,
*/Тип файла – HTML and images (*.html).
_ жмите « Сохранить»

У вас должно получиться: файл «index.html» и «images»

создать красивый сайт в фотошопе

Если у вас всё получилось так, как у меня, значит переходите к следующему.

Читайте также:  Текст для страницы ошибки 404. Примеры текста страницы ошибки 404. Заказать текста и дизайн страницы ошибки 404

5. Файл «index.html» откройте в редакторе Dreamweaver и наполняйте его содержанием и картинками.

сайт в Dreamweaver
сайт в Dreamweaver

! Внимание: если вы не знаете HTML, вам следует поверхностно пройти материал “HTML для начинающих“.

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

? Если у вас возникли вопросы по созданию шаблона сайта в фотошопе  ( Photoshop ),  вы можете скачать бесплатно дополнительные и более подробные материалы.

Скачать бесплатно.
1. создать сайт в Photoshop (уроки-книга) – скачать.
2. работа с Dreamweaver-е (уроки-книга) – скачать
3. программа Dreamweaver (программа) – скачать.
4. самоучитель HTML для начинающих на примерах (уроки -книга) – скачать

Материал подготовлен с помощью сайта БинБинари

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий