Построение таблиц разметки вручную

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РФ

ЮЖНЫЙ ФЕДЕРАЛЬНЫЙ УНИВЕРСИТЕТ

Факультет управления в экономических и социальных системах

Кафедра менеджмента

 

 

Отчет

ЛАБОРАТОРНАЯ РАБОТА №3

Задание и параметров и табличного макета HTML-страниц

По курсу

Web - дизайн

 

Выполнил:ст-т гр. УЭБО 3-4

Платонов В.С

Проверила: ст. преподаватель каф. менеджмента

Бричеева Н.Н

 

 

Таганрог 2014 г.

Цель работы:

· Изучить функциональные возможности и особенности настройки Adobe Dreamweaver;

· освоить возможности программы Adobe Dreamweaverпри задании параметров страниц;

· получить практические навыки в программе Adobe Dreamweaverпри задании таблиц.

 

Порядок выполнения работы

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

 

Отчет о выполненной работе

По результатам выполнения работы необходимо представить отчет в "бумажном" или "электронном" вариантах.

Отчет должен начинаться стандартным титульным листом и содержать следующие разделы:

1. Характеристика программы Adobe Dreamweaver, как Web-редактора (назначение, возможности, интерфейс по заданной теме).

2. Результаты выполнения практических заданий.

3. Выводы.

Электронный вариант отчета должен представлять собой файл, подготовленный с использованием редактора MS Word.

 

Протокол выполнения работы

 

Упражнение 1. Работа с параметрами страницы

Задаем параметры трех созданных Web-страниц в диалоговом окне Свойства страницы(Page Propertis), используем сведения из пункта 1.1 Теоретического введения. Представьте в таблице выбранные параметры и обоснуйте этот выбор

 

Упражнение 2. Создание и редактирование таблиц

Создаем новую web-страницу. Сохраняем ее в файле под именем 1.3.html. Нажимаем кнопку Таблица вкладки Общее панели Вставить.

 

 

При нажатии на кнопку появится диалоговое окно Таблица.

 

 

Упражнение 3 Упражнение 3. Форматирование таблиц

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

 

 

Упражнение 4. Табличный дизайн Web- страниц

Переделываем три созданные нами ранее Web-страницы. Основой их становится таблица с невидимыми границами. Это позволит ровно и аккуратно распределить подготовленную информацию по ячейкам.

 

Построение таблиц разметки вручную

Переключаемся на новый сайт, создаем новый файл default.htm и открываем его в окне документа Dreamweaver. Открываем диалоговое окно Page Propertiesизадаем для новой страницы следующие параметры:

· цвет фона — белый (#FFFFFF);

· цвет текста — черный (#000000);

· цвет гиперссылок — темно-красный (#990000);

· цвет посещенных гиперссылок — темно-серый (#666666);

· цвет активной гиперссылки — ярко-красный (#FF0000);

· название страницы — "Иван И. Иванов".

Теперь помещаем на странице таблицу.

 

 

 

 

Вывод:

В данной лабораторной работе мы изучили функциональные возможности и особенности настройки Adobe Dreamweaver,освоили возможности программы Adobe Dreamweaver при использовании графических материалов, получить практические навыки в программе Adobe Dreamweaver при задании таблиц.