Шаблоны страниц

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

в верхней части таблицы шапка (логотип), который правда придется делать самим. Как? Об этом чуть ниже. Дальше таблица, ширина которой 100%, т.е. она независимо от разрешения экрана размещается по всей ширине окна браузера. Другие шаблоны как правило расчитаны на какое-то одно разрешение. Таблица состоит их двух столбцов, левый столбец, в котором находится меню навигации, фиксированной ширины. Свою ширину вы зададите, когда определитесь с названиями ваших разделов. В идеале если эти названия будут умещаться в одну строку, но не будет лишнего пространства. В правом информация, туда же можно вставлять картинки. Как это сделать можно узнать из любого учебника по HTML.
    Шаблон представляет собой файл HTML

щелкнув по которому двойным щелчком, он скорее всего откроется в Internet Explorer, и вы сможете увидеть, как выгдядит страничка, сделанная при помощи этого шаблона.

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

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

которые никак на страничке не отобразятся, они нужны для того, чтобы помочь вам разобраться в тегах (элементы языка HTML, которые необходимы для форматирования странички, и которые "понимает" браузер). Эти комментарии потом за ненадобностью можно стереть, хотя это необязательно, просто из-за них данный файл будет чуть большего размера, а это значит страничка будет чуть дольше грузиться.
    Цвет фона и текста задается при помощи последовательности трех двухзначных чисел, записанных в шестнадцатеричной системе исчисления, где первое число означает интенсивность красного цвета (00 - самый темный, FF - самый светлый), второе - зеленый, третье - синий. В дальнейшем вам придется во всем этом более тщательно разбираться, но сейчас, чтобы подобрать цвет фона для вашей будущей странички вам будет достаточно программы Автоцвет скачать (469 КБ), в которой нужный вам цвет находится на большой площади. Это позволяет лучше его разглядеть и выбрать более подходящий. Цвет шрифта на нашем сайте черный, но если вас не устраивает, для подбора фона и цвета шрифта вместе вам поможет программка APE Цветик скачать (59 КБ), в которой можно посмотреть, как буквы заданного вами цвета смотрятся на определенном фоне.
    Количество разделов вашего сайта, конечно, будет отличаться от данного, лишнее можно удалить

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

и как будут называться файлы главных страниц разделов

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

к оглавлению