INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

Создание собственных HTML-страниц

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

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

С помощью каких инструментов можно создавать страницы Интернета? Существуют два типа программ. Первая группа предназначена в первую очередь для создания HTML-страниц. В зависимости от сложности программы можно создать либо простой в оформлении документ, либо документ с внедрением любой современной технологии оформления. Таких программ очень много — от бесплатных версий до коммерческих продуктов.

В нашем примере мы покажем, как можно создать страницы с помощью инструмента, который всегда «под рукой», — стандартных офисных программ, установленных практически на каждом компьютере.

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

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

Такие вопросы возникают постоянно, а удержать всю структуру сайта в памяти при большом объеме невозможно. Вторая группа программ и предназначена, в первую очередь, для контроля целостности структуры сайта, для автоматизации замены страниц на сайте Интернета на документы, которые разработаны на локальном компьютере, и т. п. Обычно такие пакеты имеют достаточно мощные редакторы HTML-документов, которые позволяют разрабатывать и отдельные страницы. Но основной акцент в данных программах делается именно на операции с уже готовыми документами, а не на редактирование конкретных страниц. Одной из таких программ в составе офисного пакета от Microsoft является программа FrontPage.


 Создание собственного сайта. Шаг 1

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

Несмотря на условность, этот документ содержит основые элементы оформления реальных страниц сайта: заголовок, рисунок, меню навигации

по сайту

Инструкция «в картинках»  

Мы покажем, как можно создать собственный сайт с помощью той программы, которая имеется практически на любом компьютере, — Microsoft Word.

Для простоты примера предположим, что сайт будет состоять из двух документов — из домашней странички и странички фотоальбома. Создадим такие условные страницы в программе MS Word.

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

St*? Для удобства работы целесообразно предусмотреть специальную папку, в которой будут сохраняться все файлы, используемые для создания сайта. Это облегчит последующие операции. Документы можно сохранять с любыми именами. Но предпочтительно использовать имена в формате 8.3, состоящие только из английских символов: это упростит размещение страниц на любом информационном сервере.

Имя файла домашней страницы (home page) определяется информационным сервером, на котором мы собираемся разместить сайт. Обычно этот файл должен называться index. html или default. htm. Это значение

необходимо уточнить в рекомендациях информационного сервера.

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

Аналогично создадим в редакторе MS Word второй документ и сохраним его в этой же папке, например, под именем album. htm.

Затем мы создадим гиперссылки с домашней страницы на


этот документ. Пусть переход на вторую страницу должен осуществиться по щелчку по строке Фотоальбом или по фотографии.

Выделим мышью слово Фотоальбом и выполним команду Вставка > Гиперссылка.

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

Аналогично выделим курсором фотографию и выполним команду создания гиперссылки к этому же документу. Обратите внимание, что слово Фотоальбом выделилось голубым цветом и подчеркиванием, — это типовое оформление гиперссылок.


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

В левом столбце окна создания гиперссылки нажмем


на кнопку Электронной почтой. Введем адрес электронной почты, по которому должно быть отослано письмо при щелчке по данной гиперссылке, впишем предполагаемую тему сообщения . Завершим операцию нажатием кнопки ОК.

Таким образом мы уже создали простейшую домашнюю страницу сайта и включили в нее иллюстрации и ссылки на другие страницы информационного сервера.

Проверим работоспособность нашего «сайта» с помощью программы обозревателя Интернета.

Откроем обозреватель и введем в строку адреса локальный путь к домашней странице (можно воспользоваться командой просмотра). Обратите внимание, что в программе обозревателя документ практически не изменил своего вила (Ъис. 94).


 Вид созданного документа в обозревателе Интернета

Созданный с помощью программы Microsoft Word документ практически не изменил своего вида при просмотре обозревателем Интернета (сравните с ). А если щелкнуть по любой гиперссылке, то обозреватель загрузит в окно просмотра соответствующий документ.

Обратите внимание, что в строке заголовка документов (отображается в строке заголовка программы на темном фоне) отображается первый заголовок документа

После локальной проверки работоспособности сайта необходимо скопировать все файлы на информационный сервер Интернета. Какой сервер можно использовать для размещения сайта?

© 2009 internet-web.ru. All Rights Reserved