Главная
Обратная связь
Дисциплины:
Архитектура (936) Биология (6393) География (744) История (25) Компьютеры (1497) Кулинария (2184) Культура (3938) Литература (5778) Математика (5918) Медицина (9278) Механика (2776) Образование (13883) Политика (26404) Правоведение (321) Психология (56518) Религия (1833) Социология (23400) Спорт (2350) Строительство (17942) Технология (5741) Транспорт (14634) Физика (1043) Философия (440) Финансы (17336) Химия (4931) Экология (6055) Экономика (9200) Электроника (7621)
|
Задания для самостоятельной работы. Перед выполнением задания выполнить все упражнения, описанные выше
Перед выполнением задания выполнить все упражнения, описанные выше.
Содержание отчета
Отчетом является файл СУБД_ФИО_студента.accdb, созданный в результате выполнения задания.
Технология выполнения работы
В данной работе должна быть создана база данных из трех таблиц, определены условия отбора информации и создание форм, запросов и отчета.
Вопросы для защиты работы
- Что включает понятие структура базы данных?
- Что такое ключевое поле?
- Зачем создаются связи между таблицами?
- Какие объекты СУБД вы знаете?
- Для какой цели используются формы в MS ACCESS?
- Какие запросы вы знаете?
- В каком режиме создается запрос на выборку?
Лабораторная работа № 9.
Создание web-страниц с помощью языка разметки HTML
Время выполнения
4 часа
Цель работы
Познакомиться с основами языка разметки HTML и научиться создавать собственные web-страницы с применением форматирования на основе HTML.
Задачи лабораторной работы
После выполнения работы студент должен:
- знать понятия: "HTML", "браузер", "гиперссылка", "тег";
- уметь применять основные теги для оформления web-страниц;
- знать назначение &-последовательностей, комментариев в языке HTML;
- научиться создавать и оформлять web-страницы.
Перечень обеспечивающих средств
Для обеспечения выполнения работы необходимо иметь компьютер с операционной системой и методические указания по выполнению работы.
Общие теоретические сведения
Внимательно ознакомьтесь с теоретическим материалом. Дальнейшие задания лабораторной работы будут ссылаться на представленный материал.
Понятие об HTML
Гипертекстовые документы создаются на специальном языке, который называется HTML (Hyper Text Markup Language – язык разметки гипертекста). Разработка этого стандарта позволила снять две существенные проблемы, которые возникали у пользователей больших сетей.
Первая из них – время доставки информации, оно существенно зависит от объема передаваемого файла. В стандарте HTML вводится иерархическая структура документов: вся информация по некоторой теме разбивается на небольшие смысловые блоки и посылается пользователю только по мере возникновения необходимости в ней. Это существенно сокращает время ожидания ответа на возникший вопрос и делает работу в сети более комфортной и дешевой. Для организации такого режима работы в языке HTML введено средство гиперссылка (см. п. 10).
Вторая проблема – распознавание пришедшей по запросу информации. Способы кодировки одних и тех же сведений в разных текстовых редакторах часто бывают разными. И если компьютер-получатель оснащен не тем текстовым редактором, на котором создавался документ, он не всегда может интерпретировать пришедшую на него информацию. Чтобы преодолеть это, в языке HTML установлены специальные правила.
- Весь документ набирается только текстовыми символами (их коды понятны всем редакторам), т. е. его можно набрать в любом текстовом редакторе (например, "Блокнот", "WordPad").
- Символы и конструкции, которые непонятны браузеру (программе, позволяющей просматривать web-страницы), игнорируются (а текстовые редакторы обычно прекращают интерпретировать документ, если встречают в нем непонятные коды).
- В текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками: < >.
- Файлы c HTML-кодом должны помечаться расширением .html или .htm.
Структура тегов
Каждый тег обязательно содержит пару угловых скобок < >, между которыми находится ключевое слово, обозначающее основную функцию тега. Например, ключевое слово HR в теге <HR> означает, что тег вставляет в документ серую горизонтальную линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксел.
Действие тега детализируется с помощью атрибутов. Например, применительно к тегу <HR> можно уточнить, какой длины, толщины и цвета должна быть линия. Каждому ключевому слову сопоставляется свой собственный набор атрибутов и стандартные значения для них.
Атрибуты размещают после ключевого слова и перечисляют в произвольном порядке через пробел. После каждого атрибута ставят знак = и нужное значение. Например, тег <HR WIDTH=50% SIZE=4> означает, что в документ следует вставить горизонтальную линию, которая должна доходить только до середины строки и иметь ширину четыре пиксела. Значения атрибутов в некоторых случаях полагается заключать в двойные кавычки.
Атрибуты, соответствующие одним и тем же свойствам, в разных тегах часто, но не всегда, обозначаются одинаковыми словами. Например, выравнивание текста в пределах строки, ячейки таблицы или около картинки задается одинаковым словом ALIGN. А свойство «цвет шрифта» для документа в целом задается атрибутом TEXT, но для отдельно взятого фрагмента документа – атрибутом COLOR. Соответствующие теги, задающие темно-синий цвет шрифта, выглядят так:
<BODY TEXT=NAVY>, <FONT COLOR=NAVY>.
Многие теги являются парными. Открывающий тег включает какое-нибудь действие, закрывающий прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги называются контейнерами. Например, контейнер <B>Я изучаю язык HTML</B> означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него.
Замечания:
- в ключевых словах и атрибутах строчные и прописные регистры букв не различаются;
- URL файлов-ссылок заключаются в двойные кавычки, и регистры букв в них учитываются;
- в последовательности пробелов, идущих подряд, учитывается только первый, остальные игнорируются;
- признак начала новой строки игнорируется. Поэтому при составлении кода можно клавишей <Enter> разрывать его на строки так, как код удобно просматривать и редактировать. На виде документа в окне браузера это не отражается. Если нужно сохранить при просмотре через браузер введенные в код HTML пробелы и разрывы строк, следует воспользоваться тегами компоновки текста (см. п. 6).
Списки основных тегов, их функций и атрибутов приведены в табл. 1, 2, 3. Пояснения по основным группам тегов – в п.п. 4-10.
Таблица 1. Основные теги форматирования и компоновки текста
Теги
| Действие
| <B>…</B> <I>…</I> <BIG>…</BIG> <SMALL>…</SMALL> <SUB>…</SUB> <SUP>…</SUP> <H1>…</Н1> <H2>…</Н2>, … <H5>…</Н5> <H6>…</Н6> <BR> <P>…</P> <HR> <PRE>…</PRE> <OL>…</OL> <UL>…</UL> <LI> <TABLE>…</TABLE> <CAPTION>…</ CAPTION> <TR>…</TR> <TH>…</TH> <TD>…</TD>
| Полужирный шрифт Курсив Более крупный шрифт Более мелкий шрифт Нижний индекс Верхний индекс Самый крупный размер заголовка Промежуточные размеры заголовков Самый мелкий размер заголовка Переход на новую строку Новый абзац Горизонтальная линия Компоновка текста, как в коде Нумерованный список Маркированный список Элемент списка Таблица Заголовок таблицы Строка таблицы Ячейка заголовка Ячейка данных
| Таблица 2. Теги внесения ссылок на дополнительную информацию
Теги
| Действие
| <A HREF="URL файла-ссылки">…</A> <A NAME="#имя метки">…</A> <IMG SRC="URL файла-изображения">
| Ссылка на текстовый файл или рисунок Установка метки внутри файла Вставка изображений
| Таблица 3. Основные атрибуты тегов
Атрибут
| Возможные значения
| Действие атрибута
| В каких тегах используется
| COLOR=
| GRAY (серый), AQUA (аквамарин), BLACK (черный), BLUE (синий), FUCHSIA (яркий пурпурно-красный), GREEN (зеленый), LIME (зеленоватый), MAROON (темно-бордовый), NAVY (темно-синий), OLIVE (оливковый), PURPLE (пурпурный), RED (красный), SILVER (серебристый), TEAL, YELLOW (желтый), WHITE (белый). Возможны также те же слова с приставками LIGHT и DARK, например LIGHTGREEN (светло-зеленый), DARKBLUE (темно-голубой)
| Задает цвет линий и шрифта в тексте или таблице
| <HR>, <FONT>
| BGCOLOR=
| Задает цвет фона
| <TABLE>, <TR>, <TH>, <BODY>
| BORDERCOLOR=
| Задает цвет внешнего контура таблицы
| <TABLE>
| TEXT=
| Задает цвет шрифта в документе в целом
| <BODY>
| LINK=, VLINK=, ALINK=
| Цвета соответственно непосещенных, посещенных и активных ссылок
| <BODY>
| BACKGROUND=
| "URL" файла с изображением для фона
| Создает фон-картинку
| <TABLE>, <TH>, <TD>, <BODY>
| BORDER=
| Целое число без размерности
| Задает толщину окантовки для изображения или таблицы
| <IMG>, <TABLE>
| ALIGN=
| LEFT, CENTER, RIGHT
| Горизонтальное выравнивание текстового фрагмента или таблицы в целом
| <P>, <H1>, <H2>, …, <H6>, <TABLE>, <HR>, <TH>, <TD>
| ALIGN=
| BOTTOM, ТОP
| Размещение заголовка над или под таблицей
| <CAPTION>
| ALIGN=
| BOTTOM, LEFT, RIGHT, ТОP, MIDDLE
| Размещение текстового пояснения к картинке
| <IMG>
| VALIGN=
| MIDDLE, TOP, BOTTOM
| Вертикальное выравнивание фрагмента
| <TABLE>, <TH>, <TD>
| WIDTH=
| Целое число без размерности или со знаком %
| Длина/высота фрагмента в пикселах или в процентах от ширины/высоты окна. Для всех ячеек, находящихся в строке/столбце, используется максимальное значение из заданных в ее/его ячейках
| <TABLE>, <HR>, <TH>, <TD>, <IMG>
| HEIGHT=
| SIZE=
| Целое число без размерности (по умолчанию 1)
| Толщина линии, размер шрифта
| <HR>, <FONT>
| TYPE=
| 1, A, a, i, I
| Тип нумерации элементов упорядоченного списка
| <OL>
| START=
| Номер первого элемента в выбранном типе нумерации
| Примечание. Первое из перечисленных значений атрибутов тегов – значение по умолчанию.
|