Основы создания сайтов без использования шаблонов

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

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

Определитесь с технологиями, которыми Вы воспользуетесь для создания сайта. Вам безусловно потребуется знание html. Выберете себе подходящий редактор. Для большинства задач вполне достаточно текстового редактора с подсветкой синтаксиса и автоматической подстановкой нужных тегов и их параметров. Многим нравится пакет Dreamweaver за возможность визуальной разработки и автоматизацию большинства задач. Современный сайт немыслим без использования технологии css, которая дает определенную гибкость при редактировании элементов дизайна, а также позволяет осуществлять сложную блочную верстку.

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

Достигать активного взаимодействия с пользователем можно и другими путями. Чрезвычайно часто используется javascript, или встроенный в html программный код, который активно задействует возможности популярных браузеров. Обработку полученных от пользователя данных удобно производить на стороне сервера. Для этого существует масса технологических решений. Самой популярной является связка php-mysql. Php — это язык программирования, по синтаксису напоминающий C. Mysql — это вариант реализации sql-языка, осуществляющего запросы к базам данных, расположенных на сервере. Технология ajax позволяет максимально эффективно организовать взаимодействие между клиентским ПО и программами на сервере.

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

Очень важно заранее спланировать информационную структуру сайта. Нужно четко определить какой контент будет наполнять его страницы. Возможно, Вам потребуется привлечение профессионалов для написания информационных или рекламных материалов для Вашего сайта. Нужно также определить возможное число страничек и пути перехода с одной странички на другую. Для этого можно нарисовать блок-схему. Однако помните, что хорошим тоном у разработчиков считается досягаемость каждой странички за 2-3 клика мышью, а также наличие функции поиска на объемных проектах.

Следующим этапом переходите к проработке дизайна страничек. Продумайте цветовую схему. Разработайте элементы навигации. Позаботьтесь о грамотной компоновке страниц, облегчающей последующие обновления. При этом, Вам поможет использование технологии ssi, при которой документы создаются на сервере из отдельных заготовок, прежде чем быть переданы на компьютер пользователя. Данную технологию не следует путать с построением сайта на основе фреймов, когда сборка частей осуществляется уже в клиентском браузере. Эти технологии сборки документов существенно облегчают работу по обновлению и модернизации готового сайта. Технология Ssi хороша еще и тем, что не вызывает сбоев в индексации распространенными поисковыми роботами.

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

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