Самая распространенная ошибка начинающих сайтостроителей - это попытка одновременно создавать все сразу: и дизайн, и содержимое сайта. Очень часто это приводит к тому, что в результате получается совсем не то, что было задумано в начале. Например, излишне увлекшись дизайном, автор забывает, про что же он хотел написать на своем сайте. И в итоге получается сайт, состоящий всего из одной странички с более или менее (в зависимости от таланта автора) красивым дизайном и надписью "Привет всем! Сайт находится under construction".
Поэтому начинать сайтостроительство надо с того, что является самым главным: с размещаемой на нем информации (также называемой контентом сайта), ведь посетители приходят в первую очередь ради нее, а не для того, чтобы полюбоваться на красивый дизайн.
Первое, что следует продумать, - это логичное разбиение сайта на тематические разделы, каждый из которых будет содержать одну или несколько страниц. Каждому разделу следует придумать название и краткое описание.
После того, как разделы определены, можно приступать к написанию их содержимого. Для начала можно воспользоваться обычным текстовым редактором, например в Notepad или MS Word, сохраняя каждую страницу сайта в отдельный текстовый файл, причем если раздел содержит более одного файла, то эти файлы следует располагать в отдельном подкаталоге (папке).
После того, как содержимое сайта готово, можно приступать к созданию дизайна. Для этого вам потребуется создания сайта вам потребуется HTML-редактор для создания Web-страниц, и графический редактор - для создания графической части оформления.
В качестве HTML-редакторов можно порекомендовать Namo Web Editor и DreamWeaver. Оба этих редактора - визуальные, т.е. вы видите страницу в процессе ее создания, но при необходимости можете переключиться в режим редактирования HTML-кода. Namo Web Editor хорошо подходит для начинающих пользователей: он во многом похож на Word, но при этом имеет ряд дополнительных функций: предварительный просмотр в броузере, несколько стандартных шаблонов страниц, вставка около десятка готовых Java-scriptов, проверка ссылок. DreamWeaver обладает более широкими возможностями и считается редактором профессионального уровня. Он хорошо подходит для создания серьезных проектов, но для начинающего пользователя, впервые решившего заняться созданием сайта, он сначала может показаться слишком сложным.
В качестве графического редактора обычно используют PhotoShop или аналогичные программы (например, Pixia). Но вместо них можно использовать программу Xara Webstyle, предназначенную для создания графических спецэффектов на основе готовых шаблонов. С помощью этой программы всего за несколько минут можно создать надпись, кнопку, фон или логотип с необходимыми параметрами, который будет выглядеть так, как будто бы он сделан профессиональным Web-дизайнером.
Создавая файлы и каталоги сайта, используйте в названиях файлов и каталогов только буквы латинсткого алфавита (желательно только строчные, т.е. маленьке), цифры, тире (-) и подчеркивание (_). Не нужно давать файлам имена, содержащие русские буквы, пробелы или спецсимволы, так как это может создать массу проблем при размещении вашего сайта в Интернете (и если вам даже удастся это сделать, то потом могут возникнуть проблемы с поисковыми системами: некоторые из них не могут зайти на такие страницы и добавить их в свою базу, что крайне негативно скажется на посещаемости вашего сайта).
Для загрузки созданного сайта на сервер используется специальная программа, называемая FTP-клиентом (некоторые хостинги позволяют также загружать файлы через специальную форму на сайте, но этот способ крайне неудобен и им лучше не пользоваться). В большинстве HTML-редакторов имеются встоенные FTP-клиенты, но они весьма ограничены по возможностями. Поэтому гораздо удобнее пользоваться либо специальной программой (например, BulletProofFTP или SmartFTP), либо встроенным в используемый вами файл-менеджер. Например, весьма удобные FTP-клиенты есть в Windows Commander (последние его версии называются Total Commander), FAR.
