В прошлом выпуске я говорил о программе для генерации html-кода - HTML Generator и давал ссылку для ее скачивания.

Надеюсь, Вы, уже скачали, установили и бегло ознакомились с ней (если нет, скачайте по этой ссылке).
Однако среди шаблонов HTML Generator ничего похожего нет, поэтому я сделал новый шаблон, который позволяет вкладкой "ссылки” программы, формировать левое боковое меню сайта. Скачайте этот шаблон здесь .

 

Распакуйте архив и сохраните его содержимое на своем компьютере по адресу: C:\Program Files\HTML Generator\gTemplates

Итак, приступим. Для начала создадим у себя на диске папку "site”, куда будем складывать созданные страницы. Запускаем HTML Generator, ждем 5 секунд и нажимаем "Ok”. Выбираем: "начать работу с программой” – "Далее”.
В меню "Файл” нажмем стиль генерации для выбора шаблона, я выбрал moi_shablon, для этого в окне выбора шаблона нажать кнопку "Другой” и выбрать файл moi_shablon.t.

Теперь на вкладке "Основные” вводим название страницы (это то, что будет содержать тэг <Title>), у меня это: Бесплатные электронные книги. Скачать книги бесплатно.

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

Далее, заполняем поле "Основной заголовок”, это то, что посетитель увидит в самом верху страницы, у меня: Библиотека бесплатных электронных книг по Интернет-бизнесу.

После вводим "Подзаголовок” в котором несколько больше раскрываем суть странички, У меня: Бесплатные электронные книги по электронной коммерции, с возможностью вставки своего рекламного блока.

Ну и, наконец, произвольно заполняем низ страницы, это может быть какой-нибудь девиз, слоган, копирайты или реквизиты автора, P.S. и т.д. Я это поле оставил пустым.

На вкладке "Фон”, я выбрал "Из клипарта” файл hgc114.jpg. С вкладкой "Цвета”, тоже все понятно интуитивно, просто выберите цвета текста и гиперссылок.

Далее идем на вкладку "Текст”. Здесь нужно ввести и отформатировать текстовое содержание страницы, и, если нужно, вставить рисунки. Текст страницы к этому моменту у Вас уже приготовлен? Вот и копируем его по абзацам.

Перед копированием каждого абзаца нажимаем "Paragraph” в правом, нижнем окошечке. Здесь же имеется возможность отформатировать текст по ширине страницы (Justify), по центру (Align center), вставить рисунок, выбрать шрифт, вставить таблицу и т.д.

Далее идет вкладка "Ссылки”. Здесь мы сформируем меню нашего сайта, к этому моменту общая структура сайта должна быть нами уже продумана. Количество страниц и их название должно быть известно, а потому просто вбиваем в поле "Адрес”: /имя_страницы.html.

Это справедливо, если предполагается, что все страницы сайта будут лежать в одной, корневой директории. Т.е. в той же папке, что и главная страница сайта - index.html. Для небольшого сайта такое решение вполне уместно.

 

Такая запись адреса (/имя_страницы.html) называется: относительная ссылка, т.е. ссылка относительно главной страницы. (В отличие от абсолютной, которая имеет вид: http://домен.ru/имя_страницы.html). При этом помним, что имя страницы пишется без пробелов, и может состоять только из латинских букв и цифр.

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

 

Для этого, сначала надо сгенерировать html-код: Файл – сгенерировать HTML . А после этого Файл – посмотреть во внешнем (или встроенном) браузере. Из внешних браузеров, желательно "по умолчанию” иметь Internet Explorer, программа легче работает с ним. И, если всем удовлетворены, нажимаем: Файл – Сохранить на диске, и сохраняем страничку в папку "site”.

 

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

 

 А сейчас я предагаю Вам отдохнуть с книгой, так сказать, "для общего развития". 

 

На сегодня все! С Уважением админ сайта www.onlinewm.at.ua