Главная | Работа в Интернете | Каталог файлов

Шаблон сайта

Итак начнем. Предположим, что Вы уже прочитали книжку об языке HTML и основных его моментах. Вы уяснили, что Интернет страница, собсвенно, как и живое существо, состоит из двух основных частей, головы, заключенной между тегами <head> </head> внутри, которой, меджду тегами <title> </title> находится заглавие или титул Вашей страницы и тела заключенного между тегами <body> </body>, где собственно находится содержание страницы с различными таблицами, рисунками и т.п. Конечно - же для страницы необходим некоторый каркас, где будут размещаться меню, рисунки, сам текст с красивыми отступами и даже место, где будет находиться оплачиваемая реклама. Кстати об оплачиваемой рекламе, которая на сегодняшний день является одним из основных атрибутов любого сайта, мы поговорим чуть позже на страницах данного сайта. Ну вот, мы пришли к тому, что все это придется долго набирать в каком нибудь редакторе, постоянно обращаясь к книге о HTML, исправлять многие ошибки, мучить себя непонятными возникшими вопросами. Давайте пойдем немного другим путем. Воспользуемся готовым шаблоном сайта, в котором уже почти все есть, сам каркас сайта со всеми необходимыми меню, таблицами и одним из важнейших атрибутов сайта таблицей стилей CSS, о которой мы поговорим немного позже. Для этого можно воспользоваться одним из многих бесплатных шаблонов сайтов, которых в Интернете пруд пруди, но из этого пруда не выловишь рыбки без труда. Можно потратить цельный день и толку будет мало. Выбрать простой и понятный и в то же время имеющий подходящий Вам вид шаблон почти невозможно. А где-же выход? А вот выход. Давайте воспользуемся программой WonderWebWare Template Shaker. Скачать ее можно здесь. Программа одним щелчком мыши создает простой и понятный шаблон сайта с хорошо организованной внутренней структурой и таблицей стилей CSS. Большое достоинство сформированного этой программой шаблона, в отличии от большинства бесплатных шаблонов сайтов доступных в Интернете, это каркас построенный на базе контейнеров типа div, а не на базе таблиц. В чем преимущество? Очень просто. Первое это то, что такая структура является оптимальной для поисковых машин, бысторо загружается, имеет малый объем, лучше индексируется. Второе, сайт на базе такого каркаса прост и понятен. Что из себя представляют контейнеры div можно почитать, в самоучителе по Macromedia Dreamweaver здесь. Хотя можно себя и не утруждать, просто воспользуемся данным шаблоном, кстати если необходимо в шаблон вставлять таблицы, например для рисунков и фотографий, то это делается очень легко, далее мы рассмотрим этот вопрос. Ну, что-ж, исходим из того, что программа WonderWebWare Template Shaker скачана и запущена. Она имеет такой внешний вид...

Создание сайта на базе шаблона

В левом верхнем углу есть два выпадающих меню первое из которых Select Header Image определяет титульный рисунок сайта. Рисунков там много, есть из чего выбрать, всегда потом можно вставить свой со своим лого и т.п. Второе меню Select Page Border определяет цвет и форму границ сайта. Попробуйте поуправлять обеими меню и увидите эффект. Далее можно поуправлять другими кнопками в верхней части программы. Эффект будет виден сразу. Можно выбрать цвет текста, цвета ссылок, основной цвет саамой страницы и др. Но давайте не будем этого делать, дабы не запутать себя на этом начальном этапе. После экспериментов перезапустим программу и выберем только два параметра в меню Select Header Image и Select Page Border, это картинка и цвет бордюра, которые наиболее будут подходить для Вашего сайта. Еще один важный момент. Программа является условно бесплатной. Что это означает. Означает это всего лишь то, что используя шаблон сайта, сформированный данной программой в самом низу необходимо оставлять линк на разработчика этой программы написанный серым цветом и мелким шрифтом, который совершенно не испортит вид сайта "design by WonderWebWare.com ". Итак, после выбора титульного рисунка, цвета и формы бордюра необходимо сохранить шаблон. Для этого небходимо всего лишь нажать кнопку Save Template внизу открытого окна с програиммоой. Появитсят окно для выбора папки для сохранения шаблона. Особо менять ничего не стоит, если выбрать другую директорию, то могут не сохраниться файлы изображений. Можно к уже существующей директории добавить Template. Ну вот и все, теперь содержимое папки Template, которая по умолчанию будет находиться в директории Мои документы, можно перенести в удобное для Вас место на компьютере и с ним продолжать работать. Ну, что-ж, продолжим...

<-назад

вперед->