Информатика. Лекция «Инструментальные средства создания веб-сайтов»

Лекция Тема: Инструментальные средства создания веб-сайтов

План:

1. Способы создания сайтов

   1. Создание сайтов с помощью простейших текстовых редакторов

   2. Создание сайтов с помощью инструментальных средств высокого уровня

2. Рекомендации по созданию Web-страниц

1. Способы создания сайтов

Умение создавать Web-сайты со временем становится ак­туальным навыком пользователя ЭВМ. Опубликовать сайт в Интернете настолько просто и доступно (по сравнению с пуб­ликациями в «бумажных» изданиях), что эта возможность привлекает все большее число людей. Сайты могут быть ча­стными, могут быть официальными — производственными. Практически отсутствуют какие-либо ограничения на тема­тику сайтов; в Интернете нет цензуры. Однако Web-сайт, как и всякая публикация, может привлечь к себе внимание лишь в том случае, если его содержание вызывает какой-то общественный интерес и если он имеет привлекательное внешнее оформление. Нередко разработчики Web-сайтов уделяют гораздо больше внимания внешнему оформлению страниц, чем их содержанию. Оформление Web-страниц ста­новится своеобразным видом прикладного искусства. У него даже появилось свое название — «Web-дизайн». Одна­ко каким бы хорошим Web-художником вы ни стали, со­блюдайте золотое правило: если вам нечего сказать Миру, не стоит засорять Сеть!

Если вы все-таки решили публи­коваться в Интернете, то следует разобраться — как и каки­ми средствами создаются Web-страницы?

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

1.1. Создание сайтов с помощью простейших текстовых редакторов

Web-страница представляет собой текстовый файл, содержащий описание страницы на языке НТМL — (НуреrТехt Маrk-Uр Language — язык раз­метки гипертекста). Это текстовый файл, содержащий воспроизводимый на экране текст, управляющие команды (теги), с помощью которых форматируется текст, организуются гиперссылки, присоеди­няются встроенные объекты, создаются формы для интерак­тивного контакта с пользователями.

Но одиночная Web-страница, не связанная ссылками с другими Web-страницами, в настоящее время почти не встречается. Обычно при создании сайта несколько страниц связываются между собой ссылками, образуя Web-узел. Значит, Web-узел - это связанная система Web-страниц, и, говоря о Web-странице, мы подразумеваем Web-узел, или сайт. Выражаясь техническим языком, базовая страница (homepage) - это интерактивный Web-узел. Web-узел может быть малым (2... 3 с.), средним (10...20 с.) или большим (порядка 30 с. и более).

Как известно, текстовые файлы со­здаются с помощью простых текстовых редакторов. Таким текстовым редактором в операционной системе Windows яв­ляется «Блокнот». Но чтобы создавать сайты в Блокноте, требуется знание языка НТМL. Это наиболее сложный спо­соб Web-дизайна. Фактически он сводится к программиро­ванию на языке НТМL.

Вот пример содер­жания файла family.htm главной странички семейного сайта, открытого в Блокноте:

В результате семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страница­ми father.htm,mother.htm, son.htm, timka.htm, связанных с главной страницей с помощью гиперссылок. Кроме того, к странице присоединен графический файл photo.gif, в кото­ром хранится семейная фотография.

Фактически файл типа *.htm — это программа на языке НТМL. Браузер является интерпретатором этой программы, в результате выполнения которой на экране появляется изображение страницы в том виде, в каком ее задумал ав­тор. Вот как будет выглядеть данная страница в среде обо­зревателя Internet Explorer.

Среда браузеров, работающих в операционной системе Windows, имеет характерный вид для приложений этой сис­темы. Рассмотрим элементы среды Internet Explorer по изображению на рис. 1 в последовательности сверху вниз.

Рис. 1. Окно MS Internet Explorer с семейной Web-страницей

Строка заголовка расположена вверху. В ней отражается титульное название открытой Web-страницы.

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

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

Адресная строка отображает URL-адрес текущей Web-страницы.

Рабочее поле содержит образ текущей Web-страницы.

Строка состояния (самая нижняя строка на экране) во время загрузки документа отражает ход процесса загрузки; кроме того, в ней можно получить URL-адрес документа, на который указывает гиперссылка, если установить указатель мыши на эту гиперссылку.

Итак способ создания Web-страниц с помощью простых текстовых редакторов достаточно трудоемкий, так как приходится самому расписывать все тэги.