Лабораторная работа на тему: Разработка и создание Web-страниц с помощью конструкторов сайтов.

Лабораторная работа № 15. Тема: Разработка и создание Web-страниц с помощью конструкторов сайтов.

Цель: Научиться создавать Web-страницы с помощью редактора создания сайтов.

ПО и оборудование:

• ПК

• Программа – Web Page Maker

• Программа – браузер

• Выход в Интернет

Ход занятия:

I. Теоретический материал.

WebPageMaker – это программа, для создания и редактирования web-страниц, без знания HTML языка.

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

Основные возможности:

• Очень простое передвижение объектов в визуальном редакторе;

• Создание и легкое управление сайтом с несколькими страницами;

• Возможность импорта любой внешней web-страницы для редактирования в программе;

• Создание неограниченное количество сайтов;

• Множество функций: создание эскизов изображений, флэш слайд-шоу, аудио/видео, использование javascript эффектов и т.д.;

• Встроенные шаблоны сайтов для быстрого начала создания сайта;

• Для предварительного просмотра веб-страниц в веб-браузере достаточно сделать один клик;

• Встроенный FTP клиент для быстрой загрузки веб-страниц на сервер.

• Публикация веб-сайтов в интернете за один клик.

• Возможность использования каскадных таблиц стилей(CSS), чтобы контролировать отображение текста на сайте.

• Совместимость со всеми видами браузеров.

Для работы в данной программе необходимо:

1. Запустить данную программу. На экране появится окно программы.

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

Если в Свойствах перейти на вкладку Вид, то можно задать цвет фона, выравнивание. Во вкладке Фон можно задать фоновый рисунок.

1. На верхней панели размещены вкладки такие как: Файл, Правка, Страница, Вставить, Формат, Упорядочить и Справка.

При переходе на вкладку Файл можно выбрать Новый сайт, Новый сайт из шаблона, Открыть, Сохранить, Сохранить как, Сохранить как резервную копию, Сохранить как шаблон, Просмотр в браузере, Опубликовать, Параметры страницы, Выход.

Вкладка Страница позволяет производить некоторые манипуляции со страницей, где можно выбрать Добавить новую страницу, Клонировать страницу, Удалить страницу, Свойства страницы.

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

На вкладке Формат можно выбрать Стиль текстовых ссылок, Цвета и границы, Свойства, Свойства страницы.

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

1. Под верхней панелью расположены компоненты.

При нажатии на кнопку Новый создается новый сайт.

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

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

При нажатии Панель навигации откроется окно, в котором нужно будет выбрать стиль панели навигации

При нажатии на Фигура необходимо выбрать саму фигуру и выделить область, где она будет располагаться.

При нажатии Изменение цвета необходимо выбрать цвет и нажать на область где нужно изменить данный цвет.

При нажатии Просмотр созданная страница отобразится через браузер.

1. В меню справа расположена панель где отображается список страниц, а также список элементов которые расположены на данных страницах.

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

Также можно настроить цвет фона, границы, различные выравнивания, отступы и так далее.

В текст могут быть вставлены маркированные и нумерованные списки, изображения, гиперссылки, таблицы, а также различные элементы, такие как кнопки, выпадающие списки, текстовые поля и так далее. Кроме того, в электронное пособие можно вставлять ссылки на тесты. Для работы с электронным пособием необходим Интернет браузер. К браузерам относятся: Internet Explorer, Opera, Mazilla Firefox, Google Chrome и так далее. С помощью браузера можно просмотреть страницу, как она будет выглядеть, прежде чем разместить ее в интернете.

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

II. Выполнение заданий:

1. Создать главную страницу сайта на произвольную тему. Например, Услуги Интернета:

• Оформление фона страницы;

• Вставка рисунков, фото, текста, заголовков, фигур, бегущей строки.

2. Создать первую страницу, повторив оформление и вставку объектов.

2. Просмотр созданных страниц через браузер.

3