Создание сайта своими руками

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

CMS Joomla! 1.7

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

Добавление новых страниц на сайт. Проверка гиперссылок

Рано или поздно Ваш сайт будет расширяться, то есть будут появляться новые страницы. Если их немного, добавление очередной страницы не вызывает трудностей. В этом случае алгоритм действий веб-мастера достаточно прост.

Загрузка сайта на хостинг через Adobe Dreamweaver

Если Вы не хотите использовать различные FTP клиенты для загрузки файлов на хостинг, а хотите быстро и просто загружать файлы на сервер и редактировать в один клик, то, пора подключиться к Сети и выложить его на хостинг с помощью программы Adobe Dreamweaver. Это актуально для тех, кто работал в автономном режиме, то есть без связи с сервером, и сохранял файлы на локальном компьютере.

Создание якорей гиперссылок

Якори для организации внутренних ссылок и переходы к ним.

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

Игра со сценариями на веб-страницах

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

Оформление содержания index.html - главной страницы сайта

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