539. Тема 6: основы web-технологий

542. Лабораторная работа № 19. Разработка сайта средствами офисных программ

1. Цель: изучить возможности офисных программ для создания web-документов; развить практические навыки по созданию сайта.

3. Вопросы входного контроля:

1. Перечислите основные возможности работы офисных программ с web-документами.

3. Какой формат файлов имеют web-документы?

4. Как создать web-страницу?

5. Как разместить на web-странице надпись, таблицу, рисунок?

6. Где сохраняются файлы изображений, размещенных на web-странице?

7. Какие возможности форматирования web-страниц и отдельных их элементов Вам известны?

8. Как создать гиперссылку? Как использовать относительный адрес ресурса для гиперссылки?

9. Как создать web-сайт по шаблону?

10. Как подобрать параметры отображения web-документа в браузере?

546. Разработайте web-сайт, состоящий из нескольких страниц, следующей структуры (рис. 6.1):

547. Страница ссылок главная страница 1 страница 2 страница 3 …

     Отображение страниц, соответствующих ссылкам

549. Рис. 6.1. Структура сайта.

Самостоятельно определите тематику сайта, подберите для нее соответствующую информацию.

Задание 1.

1. Создайте отдельную папку для всех файлов сайта (в эту папку необходимо сохранять все используемые на сайте объекты – web-страницы, рисунки, фотографии, аудио и прочее).

2. Создайте и оформите главную страницу сайта, как на рис. 6.2.

1. картинка Текст-приветствие Автор: Ф.И.

3. Рис. 6.2. Пример структуры главной страницы сайта.

5. Сохраните эту страницу с именем Главная.html.

3. Создайте страницу ссылок, заполните ее соответствующим перечислением страниц сайта (в перечне вместо страница 1, 2, 3 укажите их тематику). Сохраните страницу с именем Содержание.html.

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

Задание 2.

1. Создайте страницу рамок в соответствии со структурой сайта, используя соответствующий шаблон.

2. В правой рамке задайте начальную страницу Главная.html.

3. В левую рамку загрузите страницу Содержание.html.

4. Сохранить страницу рамок с именем Index.html.

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

6. Просмотрите созданный сайт в браузере. Если необходимо, выполните редактирование отдельных страниц или объектов.

Задание 3.

1. Выполните оформление страниц сайта:

• Главная – однотонный фон;

• Содержание – фоновый рисунок;

1. Остальные страницы оформите самостоятельно.