web технологии

Рекомендации к выполнению лабораторных работ по дисциплине “Web технологии”

Цикл лабораторных работ включает в себя следующие работы:

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

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

Всего требуется выполнить три лабораторных работы.

Требования к оформлению отчета

Для проверки лабораторной работы необходимо представить следующее:

• Текст задания с данными своего варианта (в файле с расширением .doc);
• Документ в формате html с выполненной лабораторной работой и (при внешнем варианте подключения – файл содержащий таблицу стилей, лабораторная работа №2).

Лабораторная работа №1. Тема: создание веб-страниц

Задание: в настоящей лабораторной работе предлагается создать несколько простых веб-страниц (2 и более) по теме, представленной по вариантам:

№ варианта

Основная тема содержимого веб-страницы

1-3

 Книжная библиотека

4-6

 Цветочная коллекция

7-9

 Каталог товаров в магазине

10-12

 Объявления

13-16

 Музыкальная коллекция

17-20

 Видео-коллекция

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

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

Лабораторная работа №2. Тема: использование каскадных таблиц стилей

Задание: в лабораторной работе необходимо для веб-страниц, созданных в предыдущей лабораторной работе №1, видоизменить оформление содержимого с использованием таблицы стилей.

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

Лабораторная работа №3. Тема: использование JavaScript

Задание: в лабораторной работе необходимо для веб-страниц, созданных в предыдущей лабораторной работе №1 или №2, добавить сценарий JavaScript позволяющий вывести текущее время на html странице, а также добавить кнопку, после нажатия на кнопку выводится простое информационное сообщение.

Используемые html страницы могут быть оформлены с использованием тегов html или с использованием таблицы стилей.

Рекомендации к выполнению:

Для получения текущей даты и времени можно воспользоваться следующими функциями JavaScript:

        var now = new Date();

        var hours = now.getHours();

        var minutes = now.getMinutes();

Время отобразить в стандартном 24-часовом исполнении.

Вывод информационного сообщения можно представить в виде:

ВАЖНО!!! все работы по отдельности прикреплять зип архивом!