9218

Лабораторная работа № 6

Тема: Использование таблиц при создании Web-документов.

Цель работы: познакомиться с практическими приемами создания таблиц с использованием HTML-тегов, рассмотреть основные теги и атрибуты, научиться проектировать структуру и форматировать таблицы; получить навыки практического применения таблиц для размещения соответствующих данных, а так же верстки Web-документов.

Лабораторная работа № 7

Тема: Создание пользовательских форм на Web-странице.

Цель работы: познакомиться с разными видами пользовательских форм, получить навыки создания и размещения различных элементов управления на формах в Web-документах.

Задания:

Задания по вариантам:

Лабораторная работа № 8

Тема: Каскадные таблицы стилей. Использование CSS для стилевого оформления Web-страниц.

Цель работы: изучить способы использования стилевой разметки; научиться создавать и применять таблицы стилей для управления представлением содержимого Web -страниц.

Задание к работе

1.Создать файл style.css для хранения таблицы стилей сайта.

2.Используя инструкции CSS создать таблицу стилей, реализующую заданный стиль.

3.Из всех html документов сайта удалить информацию о стиле (задание цвета, размера, выравнивания и т.д.)

4.Подключить файл таблицы стилей ко всем страницам сайта.

5.Просмотреть результат в браузере.

6.Создать стиль оформления Обложки для основного документа Web –сайта (использовать внутренний способ подключения).

7.Изменить стилевое оформление отдельных блоков нескольких страниц (цвет текста заголовков, фоновую заливку) используя внедренные стили. Просмотреть результат в браузере.

8.Сделать выводы по работе.

Лабораторная работа № 9

Тема: Работа с изображениями с использованием CSS. Создание фотогалереи на Web-странице.

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

Задание:

1.Предварительная работа ( подготовка фотографий, миниатюр) и загрузка файлов. Разработка адаптивной сетки.

2.Оформление миниатюр.

3.Стилизация подписей.

4.Выполнение дополнительных настроек стилей (документа в целом, указанных элементов, с использование встроенных стилей).

Лабораторная работа № 12

Тема: Объектная модель HTML-документа. Иерархия объектов и работа с DOM с использованием JavaScript.

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

Задание:

1Ознакомиться с теоретическими аспектами темы.

2Создайте веб-страницу с использованием принципов иерархии объектов.

3Создайте документ с использованием объектов

4. Создайте форму и оформите размещение элементов формы на основе скрипта JavaScript

Лабораторная работа № 13

Тема: Окна и динамическое управление документами.

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

Задание:

1Ознакомиться с теоретическими аспектами темы.

2Создайте веб-страницу, в которой в новое окно с помощью метода open() записывается другая страница.

3Создайте веб-страницу, в которой производится создание нового окна фиксированного размера.

4Создать документ с использованием методов объекта window.

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

Лабораторная работа № 14

Тема: Серверная база данных MySQL СЕРВЕРНАЯ БАЗА ДАННЫХ MySQL. Создание интерфейса к базе данных MySQL средствами PHP.

Цель работы: изучение возможностей серверной СУБД MySQL, получениение

практических навыков создания интерфейса к базе данных MySQL средствами PHP.

Задание:

1. В соответствии с вариантом задания спроектировать структуру базы данных.

2.Создать базу данных, используя менеджер баз данных phpmyadmin,

расположенной по адресу http://localhost/tools/phpmyadmin

3.Написать программу на PHP для организации Web-интерфейса к базе данных. Предусмотреть функции просмотра базы данных, добавления, редактирования, удаления записей.

4.Посмотреть результат выполненной работы в браузере.

5.Сделать выводы по работе.

Лабораторная работа № 15

Тема: Выполнение расчетно-графической работы по созданию тематического сайта с элементами интернет-магазина.

Цель работы: научиться создавать многооконные сайты с функциями интернет магазина.

Задание:

1.Выполните в соответствии с индивидуальным заданием необходимую разметку главной страницы (создайте блоки «main», охватывающий всю страницу , Блок «header» -заголовок сайта с логотипом, слоганом и блоком контактов; Блок «menu», представляющий собой горизонтальное меню ; Блок «content» для основной контент сайта в виде трехколоночной верстки

; Блок «footer».

2.Используйте стилевое оформление для задания стиля и положения каждого блока.

3.Добавьте необходимое содержание каждогому блоку, включая изображения и ссылки.

4.Используйте JavaScript для добавление динамических и интерактивных элементов к страницам Web-сайта. Создайте и настройте форму авторизации пользователя.

5.Разработайте структуру каталога и реализуйте базу данных для интернетмагазина с использованием MySQL .

6.Создайте необходимый интерфейс для работы с созданным каталогом средствами PHP.

7.Проведите тестирование работы сайта.

Цель работы: научиться создавать многооконные сайты с функциями интернет магазина.

Задание:

1.Оформить отчет по РГР.

2.Сдать отчет.

Отчет должен содержать:

1.Тему лабораторной работы.

2.Цель работы.

3.Формулировку задания.

4.Описание основных инструментов, программных средств реализации проекта.

5.Перечень используемых селекторов ( классов, идентификаторов, псевдоклассов и т.п.), создвнных для стилевого оформления проекта .

6.Логическая и физическая схема разработанного сайта.

7.Схема данных разработанной базы данных каталога.

8.Скрипты, написанные для реализации базовых функций сайта, с их описанием.

9.Скриншоты интерфейчрв при работе с созданным сайтом

10.Вывод по работе.