Средства автоматизированной разработки веб-сайтов

   Веб-страницы являются текстовыми файлами, расширение их имен соответствует языку разметки и гипертекста, который использован при разработке страницы. У файлов, созданных на языке HTML, расширение файлов htm или html. В файлах такого формата содержится  HTML-код страницы, состоящий из данных двух типов:

·         текста, который будет отображаться на стнранице;

·         команд, которые определяют разметку текста – его структуру, формат фрагментов текста, обеспечивают вставку нетекстовых объектов на страницу и др. Такие команды в языке HTML называют тегами ( англ. Tag – ярлык, признак).

Просмотреть HTML-код веб-страницы, открытой в окне браузера Internet Explorer, можно, выполнив Вид – Просмотр HTML-кода.В других браузерах эта команда может быть Вид – Начальный код страницы (Mozilla Firefox), Меню – Страница – Инструменты разработчика – Источник (Opera ) и др.

   Разработка веб-страниц может выполняться с использованием следующих средств:

   - текстовых редакторов;

   -  прикладных программ общего назначения;

   - специализированных веб-редакторов;

   - систем управления веб-контентом WCMS.

Автоматизированное создание веб-сайта

Создание веб-сайта средствами он-лайн системы управления веб-контентом происходит за несколько шагов:

1.      Регистрация учётной записи на сервере.

2.      Выбор имени сайта и шаблона для его оформления.

3.      Создание страниц сайта, системы навигации.

4.      Заполнение страниц контентом.

Рассмотрим, как происходит процесс разработки веб-сайта средствами, бесплатно предоставляемыми пользователям веб-серверов  Google. Соответствующий сервис имеет название Сайты Google.

Прежде чем разработать сайт, нужно создать учётную запись - аккаунт Google. Для этого выполним следующее:

1.      Откройте в окне браузера главную страницу сайта Google.

2.      Выберите гиперссылку Войти/Создайте аккаунт прямо сейчас.

3.      Заполните поля формы Регистрация аккаунта на странице Аккаунты Google. Выберите кнопку Я принимаю условия. Создайте мой аккаунт.

4.      Активируйте ваш аккаунт, использовав гиперссылку в тексте письма, автоматически отправленного на электронный почтовый ящик, на который вы зарегистрировали ваш аккаунт.

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

6.      Заполните поля Электронная почта и Пароль данными, которые вы вводили во время создания учётной записи.

7.      Выберите кнопку Войти.

8.      Выберите гиперссылку Домашняя страница Google в нижней части веб-страницы.

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

 Для создания сайтов нужно:

 1. Открыть в окне браузера главную страницу сайта Google (http:www.google.ru)

 2. Выбрать в верхней части страницы гиперссылку Ещё/сайты.

 3. Заполнить на странице Сайты Google - бесплатные веб -сайты и вики поля Электронная почта и Пароль данными вашей учётной записи, если они не заполнены, выбрать кнопку Войти.

4. Выбрать на странице Сайты Google кнопку Создать сайт.

5. Выбрать один из перечисленных шаблонов для создания сайта.

6. Заполнить поле Дайте название своему сайту. Например, если вы создаёте сайт вашего класса, то название может быть Классная жизнь. Одновременно автоматически будет предложен URL-адрес главной странице сайта. Он будет иметь вид http://sites.google.com/site/<название сайта>.Часть название сайта не должна содержать букв кириллицы, а поэтому система предлагает запись русских слов буквами английского алфавита без пробелов. Для указанного названия сайта системой будет предложен адрес http://sites.google.com/site/klassnaazizn, но при желании его можно изменить. URL-адрес главной страницы сайта должен быть уникальным.

7. Открыть список Выбрать тему  и выбрать оформление сайта.

8. Ввести символы в поле Введите показанный код.

9. Выбрать кнопку Создать  сайт.

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

   Панель навигации содержит две гиперссылки: Главная страница и Карта сайта. Карта сайта в этот момент содержит ссылку только на домашнюю страницу.

Домашнее задание:

1. Учить конспект; владеть теоретическим материалом.

2. Создайте на сервере Google сайт с темой Автомобильный салон.

3. Составьте алгоритм создания этого сайта.

Источники:

Информатика: учеб. для 11 кл. общеобразоват. учеб. заведений: академ. уровень, профил. уровень: пер. с укр./ И.Я. Ривкинд, Т.И. Лысенко, Л.А. Черникова, В.В. Шакотько; под общ. ред. М.З. Згуровского. – К.: Генеза, 2011. – 304 с.: ил.