Создание сайта.

 Задание 1. Предположим, что лично Вас попросили сделать сайт для какой-нибудь компании, которая решила открыть свой сайт в Интернете. Придумайте, какая это будет фирма. Может быть, это будет магазин игрушек, или школа танцев, или салон красоты… Попробуем вместе создать сайт вашей гипотетической фирмы.

Как правило, структура таких сайтов достаточно общая:

1.  Новости компании

2.  Информация о фирме

3.  Услуги фирмы

4.  Каталог товаров

5.  Сотрудничество

6.  Контактная информация

Попробуем такую структуру "примерить" под свой сайт. Сначала разберемся с разделами. Сколько их будет, решать только вам. Многие считают, что разделов должно быть не больше семи, другие утверждают, что это не так. Можно согласиться и с теми, и с другими. Но 20 разделов меню действительно сложно воспринимаются. А если у вас будет шесть - семь разделов, и на каждый из них приходится по 3-4 подраздела, то это будет гораздо удобнее для посетителей сайта. Значит, всего у вас примерно будет 21-28 пунктов.  Попробуем такую структуру нарисовать сначала в обычном блокноте или просто на листе бумаги.

Если ничего в голову пока не приходит, то будем вместе делать сайт косметической фирмы с названием, например, «Ручеек». Структуру возьмем стандартную.

Выбор шаблона и цветовой гаммы сайта.

Выбор шаблона.

Тему для сайта мы придумали, структуру сделали. Теперь можно начинать делать сайт. Для этого нам понадобится какой-нибудь редактор создания страниц и сайтов для Интернета. Чаще всего для этих целей используется Microsoft FrontPage. Хотя у него и есть один большой недостаток - он добавляет свои тэги, и из-за этого страница дольше грузится. Но с таким редактором сайт делать гораздо проще. Можно создавать свой сайт в редакторе HomePage. Надо просто выбрать тот, который больше нравится (хотя бы по названию).

  Начинающему сайтосоздателю построить сайт без шаблона очень сложно. Что такое шаблон? Шаблон - это основа сайта. Поэтому начинать мы вместе с вами будем с шаблонов. Потом, когда вы уже поймете, что к чему, то сами легко сможете сделать свой сайт без шаблона, но начинать так значительно легче.  Возникает резонный вопрос: "Где взять шаблон?" Во-первых, на сайте woweb.ru с адресом <http://woweb.ru/> можно скачать довольно много различных шаблонов. Да и на других сайтах такая возможность существует.

Задание 2. Скачать любой шаблон на http://woweb.ru/ без графики, элементов там всяких...

Мы получим в результате практически голую таблицу. Это - основа для вашего будущего сайта.

Выбор цветовой гаммы.

Теперь необходимо выбрать цветовое сочетание для вашего сайта. И не просто выбирать, а подойти к этому с психологической точки зрения. Т.е. при выборе цвета мы еще будем учитывать психологию посетителей.
Рассмотрим интересную таблицу влияния цвета на эмоции:

Первый цвет - преобладающий.

Исходя из этой таблицы можно сделать вывод о том, что черный цвет лучше не выбирать основным фоном сайта – посетители могут разозлиться, а вот синий, особенно светло-синий, их только успокоит.

Существует несколько приемов, которые обычно используются при выборе цветовой гаммы.

1.  Светлый фон. Если у вас на сайте много текста (а так и должно быть, потому что информация - это главная составная сайта), то на светлом фоне любой текст гораздо лучше воспринимается. Для печати светлый фон тоже хорош. Напоминание: светлый фон - это не обязательно белый!!!

2.  Различные оттенки одного цвета. Возьмем, например, серый цвет. У него, как и у любого другого цвета существует очень много разных оттенков. Ссылки можно темно-серого цвета, а текст немного посветлей... и т.д. Здесь все зависит от вашей фантазии. Такой сайт выглядит очень элегантно!

3.  Противоположные цвета. В любых графических редакторах существует функция Invert (Обратить цвета). Выбираешь, например, синий цвет, затем нажимаешь уже выше сказанную кнопочку Invert, и получаешь противоположный цвет, т.е. желтый. Контрастные сайты всегда очень информативны.

4.  Желтый и оранжевый цвета. Большинство объявлений и предупреждающих знаков выполнено в желтом цвете. Это сделано потому, что желтый цвет больше других привлекает к себе внимание. Для баннеров желтый цвет использовать хорошо, но для сайта этого делать лучше не надо. Немного желтого цвета, безусловно, не повредит, но желтый фон при долгом смотрении будет сильно раздражать глаза, и посетитель может попросту уйти с вашего сайта. Почти то же самое можно сказать и об оранжевом цвете. Оранжевый цвет (и желтый отчасти тоже) как бы гипнотизирует и притягивает наш взгляд, - именно это свойство оранжевого цвета и используется для окраски предметов, имеющих повышенные требования к их обнаружению. Можно использовать светло-желтый и очень светло-оранжевый. Вот эти цвета поднимают настроение и относятся они просто к светлому фону.

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

Если вы все ещё не определились с выбором цвета, можно предложить один очень простой прием. - Чёрный, белый, серый. Самый простой метод подбора цветовой гаммы. Тут присутствуют три цвета. Фон - белый, текст - чёрный, ссылки - серые. Просто и официально.

Задание 3. Выберите цветовую гамму своего сайта. Постарайтесь учесть влияние цветов на психику посетителей сайта.

   Сайт - дело ответственное. И отнестись к нему надо серьезно.  Вам обязательно должно быть интересно делать сайт. Главное при создании сайта - это цель и интерес. А уже потом идет само техническое создание сайта. Конечно, создать красивый и удобный сайт не так просто, но намного легче, чем придумать и воплотить в реальность все остальное.

Задание 4. Будем создавать простейший сайт. Для этого необходимо:

1.  Зайти на сайт <http://www.narod.ru/>

2.  Найти наверху страницы табличку "занять имя для сайта". - Занять. Над именем можно много не думать, т.к. все равно потом мы этот сайт, скорее всего, удалим.

3.  Далее вам предложат регистрацию. Надо зарегистрироваться и войти в мастерскую.

4.     В мастерской очень интересно и делать почти ничего не надо. Надо ввести свою информацию и все.

5.     Если что-то не понятно, долго не надо разбираться. Просто делайте, что понятно.

Данный опыт можно повторить на www.boom.ru <http://www.boom.ru>, там почти то же самое. Только, если narod.ru  дает хоть какую-то свободу в плане дизайна, то на boom.ru <http://www.boom.ru>  этого нет. Да и многие, конечно, задались вопросом, как сделать боковое меню, как убрать значок Народа... и т.д. Или вообще сделать что-то совершенно свое, индивидуальное, непохожее на шаблонный Народ...