- •Задание 1: Создание простой web-страницы с текстом и изображениями
- •Задание 2: Создание страницы с якорем, списки
- •Задание 3: Создание страницы с гипертекстом, задание фона страницы, списки
- •Задание 4: Создание таблиц, использование рисунка в качестве фона
- •Задание 5: Создание изображений-ссылок
- •Задание 6: Создание ссылки на файл, не являющийся web-страницей
Задание 3: Создание страницы с гипертекстом, задание фона страницы, списки
Создайте новую страницу на новой вкладке. Эта страница будет главной страницей – на ней мы разместим текстовое меню, позволяющее переходить на разные страницы сайта.
Выполните Формат/Цвета и фон страницы…
Установите флажок Использовать цвета и щёлкните кнопку Фон. В открывшейся палитре выберите неяркий бежевый цвет.
Сохраните страницу под именем bd.html, задав ей заголовок Базы данных: основные понятия.
Введите вверху страницы текст «Базы данных: основные понятия», сделайте его заголовком первого уровня и выровняйте по центру.
Перейдите на несколько пунктов ниже и создайте список так, как это показано на рисунке (используйте нумерованный и маркированный списки). Примечание: для задания номера, с которого следует начать список, вызовите контекстное меню и выберите в нём пункт Дополнительные свойства.
Выделите строку Иерархическая и щёлкните на панели инструментов значок Ссылка.
В открывшемся диалоговом окне щёлкните кнопку Выбрать файл и укажите путь к web-странице ierarhiya.html.
Аналогичным образом свяжите пункты списка «Сетевая» и «Реляционная» с соответствующими web-страницами.
Сохраните страницу и откройте её с помощью браузера. Убедитесь, что все ссылки работают должным образом.
Самостоятельно на страницах с информацией о моделях данных добавьте гиперссылки, позволяющие перейти на главную страницу.
Задание 4: Создание таблиц, использование рисунка в качестве фона
Создайте новую страницу в новой вкладке.
Сохраните её под именем Termins.html с заголовком Основные понятия реляционных баз данных.
Выполните Формат/Цвета и фон страницы…
Установите курсор в строку Фоновое изображение и щёлкните кнопку Выбрать файл.
В открывшемся диалоговом окне укажите путь к файлу fon.jpg. Обратите внимание, что вся рабочая область документа будет заполнена данным изображением как мозаикой.
Разместите вверху страницы заголовок первого уровня: Основные понятия реляционных баз данных.
Скопируйте на web-страницу приведённых ниже текст и оформите его должным образом.
Сущность – отдельный тип объекта (например: человек, деталь и т.д.).
Атрибут - свойство, которое описывает некоторую характеристику объекта (например: фамилия, вес).
Домен – набор допустимых значений для одного или нескольких атрибутов.
Отношение – плоская таблица, состоящая из строк и столбцов.
Поле – именованный столбец таблицы.
Запись – набор данных, специфицирующих некоторый объект.
Перейдите на новую строку и добавьте заголовок второго уровня: Пример реляционной таблицы.
Перейдите на новую строку и щёлкните на панели инструментов значок Таблица.
В открывшемся диалоговом окне перейдите на вкладку Точно.
Задайте на этой вкладке 5 строк, 6 столбцов и 75% от ширины экрана, а так же задайте для рамки значение – 3 (ширина рамки).
Нажмите ОК.
Выделите рамку таблицы и сделайте двойной щелчок левой кнопкой мыши – у вас откроется окно свойств таблицы.
В этом окне на вкладе Таблица установите выравнивание таблицы по центру (данный параметр относится ко всей таблице целиком, а не к тексту в её ячейках).
Заполните таблицу так, как это показано на рисунке ниже.
Примечание: для выравнивания ширины столбцов используйте линейку вверху рабочей области:
Выделите ячейки шапки таблицы и, используя панель инструментов, установите выравнивание текста по центру, жирный шрифт насыщенного жёлтого цвета.
Выровняйте номера сотрудников в первом столбце и номера отделов в последнем столбце по центру ячейки.
Добавьте внизу страницы гиперссылку, ведущую на главную страницу.
Сохраните страницу и откройте её с помощью браузера.
Откройте страницу bd.html и привяжите к тексту «Основные понятия реляционных баз данных» ссылку на страницу termins.html.