С чего начинается сайт

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

Подготовка к разработке сайта

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

Структура проекта

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

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

Материалы — тут, как вы уже поняли, необходимо разместить все необходимые подсобные материалы для вашего проекта. Удобно, когда все под рукой...

Инфо — значение данной папки трудно переоценить. Тут будет храниться вся важная информация, связанная с вашим проектом, такая как пароли от аккаунтов почтовых ящиков, хостинга, баннерных сетей, сведения о партнерах проекта и многое другое. Следует создать бекап этой папки или распечатать ее содержимое на бумаге. В случае потери или «утечки» этой информации, могут возникнуть большие проблемы.

Структура каталогов проекта

При разработке web-проектов зачастую формируют структуру сайта в виде «дерева каталогов». Большинство начинающих web-мастеров пренебрегают этим советом, а потому в дальнейшем, при разработке проекта, они вынуждены разбирать огромные завалы разнообразных файлов (хтмл, графики, скриптов) из главного каталога сайта. Так или иначе, им приходится заниматься структурной переработкой ресурса.

Имена файлов

Имена файлов вашего сайта должны быть написаны только латиницей, так как интернет-хостинги не поддерживают кириллицу!

Начало разработки web-проекта

Мелкие недочеты

Закончив предварительную подготовку, можно приступить к разработке самого сайта. Давайте рассмотрим некоторые проблемы, которые могут у вас возникнуть.

Почему не работает ссылка?

Случается, что загрузив сайт на хостинг, вы пытаетесь перейти по одной из ссылок в меню, но она оказывается неправильной. Почему? Все очень просто, когда вы устанавливаете линки через некий html-редактор, они порой ведут к файлу на локальном диске и имеют вид: file:///..//С/Мой сайт/index.htm. Поэтому, перед тем как закачивать сайт на хостинг, обязательно проверить правильность ссылок. Для этого просто скопируйте сайт в другой каталог жесткого диска и перепроверьте все линки заново.

Ссылка правильная, но страничка не находится.

Еще одна знакомая ситуация. А все из-за того, что большинство начинающих разработчиков работают под платформой Windows, для которой имена файлов вида Index.htm и index.htm — это одно, в то время как для Unix, Linux и прочих платформ-хостингов это 2 разных файла, и ссылка index.html для документа Index.htm работать не будет.

Совет. В названиях файлов не используйте заглавных букв.

Навигационная система

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

Как же сделать так, чтобы система навигации (СН) получилась удобной, несложной и легко настраиваемой? Более продвинутые разработчики решают эту проблему с помощью технологий SSI, вставляя в каждую страницу раздела сайта код загрузки (СН) меню. То есть для того чтобы добавить раздел, нужно просто изменить файл, в котором находится меню. В противном случае пришлось бы вручную вносить изменения в меню всех страниц проекта (а представьте, что у вас их будет 500!)

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

Многие советуют избегать использования фреймов, так как возможны курьезные случаи. Например, в один из фреймов загрузится другой сайт с фреймами, в него еще один, и в конце мы получим «матрешку» (кучу вложенных в друг друга фреймов) и маленькое окошко, в котором будет отображаться кусочек последнего сайта. Поэтому следует ставить в свойствах ссылок, в строку «кадр назначения» слово «_blank», что при нажатии на линк приводит к открытию очередной странички в новом окне.

Выходит, что при правильном использовании фреймов никаких проблем не возникнет. Дерзайте!

Цветовая гамма, шрифты или дизайн в общем

Что касается этого вопроса, то вкусы у каждого разные, но я рискну дать несколько советов по этому поводу.

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

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

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

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

Старайтесь сделать сайт удобным для просмотра в трех разрешениях экрана: 640х480, 800х600, 1024х768. Ведь у посетителя может оказаться старый монитор, поддерживающий только одно низкое разрешение экрана, или, наоборот, суперновый, работающий лишь с высокими разрешениями.

Примерное соотношение используемых разрешений экрана: 640х480 — 2%; 800х600 — 48%; 1024х768 — 50%.

Структура разметки гипертекста

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

Касательно размеров страниц

Очень многие сталкиваются с проблемой долгой загрузки своих страниц. А ведь зачастую посетители, не дождавшись закачки в течение 20–30 секунд, просто покидают сайт. Решение этой проблемы существует — необходимо найти оптимальный размер для страничек ресурса. По моему мнению, он составляет 30 Кб, максимум — до 50 Кб.

Собственно преодолеть эту проблему возможно, оптимизируя html-код и графику. Хотя от последней можно отказаться вообще, используя в качестве альтернативы различные скрипты, таблицы и цветные палитры.

Контент, сэр!

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

Быстро и оперативно

Информация, размещенная на вашем сайте, должна обновляться в считанные часы или, исходя из темы проекта и количества людей, его разрабатывающих, минимум раз в 2–3 дня. Услышав о чем-то интересном, пользователь будет искать эту информацию через поисковую машину, и если в списке ваш сайт окажется на самом верху, будьте уверены, постоянный посетитель вам обеспечен. Если у вас средний по размерам ресурс, то обновление должно проходить минимум 1–3 раза в неделю. Посетители, видя такое усердие, будут приходить к вам чаще, в противном случае, у них не возникнет желания наведываться к вам. Не обновляющийся сайт — мертвый сайт!

Информация и орфография

Старайтесь избежать ошибок и опечаток. Это настолько вредит вашему имиджу, что вам и в страшном сне не снилось. Думаю, стоит установить программу проверки орфографии или пользоваться словарем.

Стиль изложения информации

Выберите для вашего сайта подходящий стиль изложения информации. Старайтесь не использовать таких сленговых выражений, как, например, «типа ваще крутой чувак и т.п.» :-).

Достоверность информации

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

Использование чужой информации

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

Я сюда еще вернусь, мне бы только выбрать дом…

После того, как сайт уже создан на компьютере, web-разработчик сталкивается с проблемой поиска места в Сети для своего ресурса. Выбор довольно широк, но у каждого сервера есть свои характеристики, такие как доменное имя, предоставляемое место, способ закачки файлов, поддержка различных скриптов и возможностей, надежностьсервера и другие. Поэтому каждый подбирает для себя оптимальный вариант. Давайте разберем основные характеристики хостинг-провайдеров.

Пространство под файлы

Один из самых важных и значимых атрибутов для web-мастера. Ведь для размещения и дальнейшего пополнения сайта должно быть достаточно места. Поэтому большой популярностью пользуются бесплатные хостинги, которые предоставляют от 50 Мб и больше. В большинстве случаев расплатой за подобную услугу является требование разместить на каждой странице сайта рекламный баннер. Хотя, по большому счету, это пункт зависит от того, как вы умеете договариваться с хостинг-провайдерами :-).

Доменное имя

При выборе сервера, на котором будет размещаться ваш проект, посмотрите, какое доменное имя вам предоставляют. Почти всегда это домен 3-го уровня, например, «ваше_имя.narod.ru». Надо помнить тот факт, что на посещаемость сайта в значительной степени влияет длина, читабельность и запоминаемость :-) доменного имени, — чем оно короче, тем лучше.

Иногда все условия хостинга вас устраивают — за исключением доменного имени, например, такого «ваше_имя.ubitiyniger.nigeriya.ng». В этом случае можно воспользоваться услугами сервиса переадресации, за что придется заплатить полоской рекламы. Альтернативный вариант — покупка собственного доменного имени и переадресация на бесплатный хостинг.

Надежность

Иногда при обращении к сайту, размещенному на «левом» сервере, выдается ошибка, и после этого его просто-напросто могут удалить, если он не исчезнет сам по себе :-). Чтобы избавиться от таких проблем, заранее обратите внимание на популярность и надежность выбранного вами сервера.

Поддержка скриптов и расширенных возможностей.

Если сервер поддерживает скрипты, это огромный плюс, который дает web-мастеру возможность использовать собственные «сценарии» форумов, гостевых книг и других дополнительных элементов.

Удачной разработки!