все примеры взяты из жизни Рунета

Несмотря на то, что многие профессионалы кривятся, услыхав о некоммерческих проектах, Якоб Нильсен, гуру веб-дизайна, утверждает, что именно небольшие некоммерческие тематические сайты составляют основу интернета, делая его по-настоящему интересным и информативным.

Да, действительно, хотя за информацией о погоде, курсах валюты и свежих политических новостях Вы не обратитесь к небольшому тематическому сайту, но именно там вы будете искать информацию для реферата, если Вы студент, новые узоры для вязания на спицах или оригинальные рецепты, если Вы домохозяйка, или информацию по вашему хобби, если оно у Вас не касается компьютеров, юмора, эротики и политики (некоторые удивляются тому, что существуют другие увлечения… ну, люди все разные, верно?).

Итак, если вы решили создать тематический сайт, чтобы сделать Рунет ещё более интересным и информативным, то в этой статье Вы найдёте несколько практических советов.

Любой сайт начинается с идеи. Идея — это не просто мысль: "А создам-ка я сайт!". Идеей в областях искусства называется краткая концепция проекта. Определите для себя и запомните, а лучше запишите на листе бумаги или напечатайте в отдельном файле следующее:

1) Чему посвящён Ваш проект? Просто слов "бисероплетение" или "историческое фехтование скамейками" будет мало. Сайт может быть посвящён истории бисероплетения, изучению бисероплетения, продвинутым приёмам бисероплетения или узорам для "фенечек". Подумайте, какую именно информацию по выбранной Вами теме вы можете и хотите предложить посетителю. Это, собственно, и есть идея сайта. Далее пойдёт разработка дизайна.

2) Придумайте название проекта (сначала, возможно, рабочее, потом можно будет сменить на более звучное). Например, сайт с психологическими тестами может называться "Психологические тесты", а может и "Пси-фактор". Главное, чтоб название было достаточно говорящим, чтобы возможно было определить тематику сайта хотя бы в общих чертах.

3) Продумайте структуру сайта. Нарисуйте или изложите письменно две схемы: проект на начальной стадии (пока посетителей и выложенной информации не очень много) и проект на продвинутой стадии (когда посетителей достаточно много, чтобы они могли уже общаться друг с другом, и увеличился объём информации). Именно от структуры сайта будет зависеть его визуальный (видимый) дизайн, а не наоборот.

Например, Вы собираетесь создать сайт, посвящённый фанфикам (то есть вариациям на тему, написанным поклонниками) Сергея Лукьяненко.

На продвинутой стадии он будет иметь страничку новостей, посвящённых творчеству Лукьяненко, иллюстрации к произведениям писателя и фанфикам и собственно фанфики, с возможностью просмотра каталога по теме и по авторству, кроме того, поклонники, скорее всего, захотят обсуждать произведения друг друга и общаться с автором проекта. Структура сайта, возможно, будет выглядеть следующим образом:

Обратите внимание: вы указываете не только тематику каждой странички, но и её краткое описание, и название файла и папки, и даже некоторые мысли по её визуальному дизайну, если он в чём-то будет отличаться от обычного или вас озарила идея, которую вы не хотите упускать. Кроме того, под каждую отдельную рубрику отводится своя папка — это значительно облегчит Вашу жизнь на том этапе, когда файлов станет много. 

А теперь поразмыслим, что из этого стоит реализовать уже на начальном этапе развития сайта, а что может — и должно — подождать лучших времён.

Итак: поначалу будет очень мало новостей, так что отдельный файл с их архивом не понадобится; посетителей сначала будет так мало, что форум будет пустовать, и любой забредший туда почувствует угнетение или презрение; скорее всего, пока нет никаких иллюстраций, зато есть 3-4 неплохих фанфика — Вас и Ваших друзей (конечно, если сайт будет посвящён не фанфикам, соображения будут несколько иными, но всё равно будут).

Поэтому упростим предыдущую схему, подгоняя её под "детство" сайта.

Обратите внимание: мы оставляем возможность для безболезненного дополнения сайта до первоначальной, "продвинутой схемы".

3) Разработайте визуальную концепцию дизайна:

цветовую гамму — цвет фона, цвет текста, цвет заголовков, цвета обычных, посещенных и активных ссылок; постарайтесь уложиться в три основных цвета,

шрифт текста — лучше использовать "по умолчанию",

шрифт заголовков — вот тут уже можно подобрать самый подходящий, по вашему мнению, к тематике сайта; только помните, что не у каждого пользователя может быть выбранный вами шрифт, в таких случаях лучше вставлять заголовки-картинки или подгружать средствами CSS нужный шрифт на компьютер посетителя; последнее имеет смысл только тогда, если вы уверены, что он ещё не раз вернётся на ваш сайт,

какие-то особые приёмы оформления текста — например, особое оформление первых букв абзаца или ссылок; что касается ссылок, я рекомендую делать их того же цвета, что и текст, но непременно подчёркнутыми, чтобы посетитель мог сообразить, что это именно ссылка; что касается посещённых ссылок, пусть они будут того же цвета, но заметно более блёклого оттенка, у большинства посетителей это вызывает вполне однозначную, правильную ассоциацию,

и, наконец, композицию основных типов страниц — в данном случае, главной страницы, страницы каталога и страниц описания фанфиков; помните, что "шапки" и "подвалы" страниц должны быть оформлены одинаково, вариации возможны только в области между ними; кроме того, меню на всех страницах, кроме, иногда, главной, должно находиться в одном и том же месте;

именно от сделанной Вами структуры сайта будет зависеть внешний вид и содержание меню на каждой из страничек.

4) А теперь создайте графические элементы сайта: кнопки, метафоры, логотип, иллюстрации, фоновый рисунок (хотя многие специалисты не рекомендуют его использовать, обратите на это внимание). Старайтесь, чтобы всё было оформлено в одном стиле и в цветовой гамме сайта. Поскольку графические элементы серьёзно влияют на композицию сайта, продумайте их размеры и расположение заранее, ещё на предыдущем этапе разработки.

5) Создайте отдельные файлы с контентом (информационным содержанием) для каждой странички. Если Вы пользуетесь FrontPage'ем для основной вёрстки, то для хранения текстов используйте блокнот, а не Word, последний имеет дурную привычку при копировании текста в редактор добавлять свои тэги, что увеличивает объём файла в 4-8 раз!!! Убедитесь, что тексты не содержат грубых грамматических, стилистических и пунктуационных ошибок.

И, наконец, последний этап создания сайта: собственно вёрстка. С тем, что вы уже сделали, это займёт считанные минуты на каждую страницу сайта.

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

И помните: создание сайта — это только начало. Впереди вас ждёт долгий и тернистый путь, включающий в себя поддержку, редизайн и продвижение сайта. Удачи!

[вернуться к меню]

CrazyLilya