Web технологии. Лабораторные работы №№1, 2, 3. Вариант №3

Веб технологии. Лаб работы 1-3. Вариант №3

Рекомендации к выполнению лабораторных работ по
дисциплине “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-часовом исполнении.
Вывод информационного сообщения можно представить в виде:

<input type="Button" value=" метод alert" onclick="alert(‘JavaScript сценарий');">

Уважаемый студент, дистанционного обучения,
Оценена Ваша работа по предмету: Web-технологии
Вид работы: Лабораторная работа 1
Оценка:Зачет
Дата оценки: 05.03.2018
Рецензия:Уважаемый ***
Ваша лабораторная работа ?1 по дисциплине "web-технологии" зачтена

Бунцев Иван Александрович

----

Уважаемый студент, дистанционного обучения,
Оценена Ваша работа по предмету: Web-технологии
Вид работы: Лабораторная работа 2
Оценка:Зачет
Дата оценки: 05.03.2018
Рецензия:Уважаемый ***,
Ваша лабораторная работа ?2 по дисциплине "web-технологии" зачтена

Бунцев Иван Александрович

--------

Уважаемый студент, дистанционного обучения,
Оценена Ваша работа по предмету: Web-технологии
Вид работы: Лабораторная работа 3
Оценка:Зачет
Дата оценки: 05.03.2018
Рецензия:Уважаемый ***,
Ваша лабораторная работа ?3 по дисциплине "web-технологии" зачтена

Бунцев Иван Александрович