Учебнометодическое пособие к лабораторнопрактическим занятиям по дисциплине Введение в информационные технологии для студентов направления подготовки 44. 03. 04 Профессиональное обучение всех форм обучения
 Скачать 1.6 Mb.
|
Вопросы для защиты работыЧто включает понятие структура базы данных? Что такое ключевое поле? Зачем создаются связи между таблицами? Какие объекты СУБД вы знаете? Для какой цели используются формы в MS ACCESS? Какие запросы вы знаете? В каком режиме создается запрос на выборку? Лабораторная работа №9. Создание web-страниц с помощью языка разметки HTMLЦель работы: Познакомиться с основами языка разметки HTML и научиться создавать собственные web-страницы с применением форматирования на основе HTML. Задачи лабораторной работы После выполнения работы студент должен: знать понятия: "HTML", "браузер", "гиперссылка", "тег"; уметь применять основные теги для оформления web-страниц; знать назначение &-последовательностей, комментариев в языке HTML; научиться создавать и оформлять web-страницы. Перечень обеспечивающих средств Для обеспечения выполнения работы необходимо иметь компьютер с операционной системой и методические указания по выполнению работы. Общие теоретические сведения Внимательно ознакомьтесь с теоретическим материалом. Дальнейшие задания лабораторной работы будут ссылаться на представленный материал. 1. Понятие об HTML Гипертекстовые документы создаются на специальном языке, который называется HTML (Hyper Text Markup Language – язык разметки гипертекста). Разработка этого стандарта позволила снять две существенные проблемы, которые возникали у пользователей больших сетей. Первая из них – время доставки информации, оно существенно зависит от объема передаваемого файла. В стандарте HTML вводится иерархическая структура документов: вся информация по некоторой теме разбивается на небольшие смысловые блоки и посылается пользователю только по мере возникновения необходимости в ней. Это существенно сокращает время ожидания ответа на возникший вопрос и делает работу в сети более комфортной и дешевой. Для организации такого режима работы в языке HTML введено средство гиперссылка (см. п. 10). Вторая проблема – распознавание пришедшей по запросу информации. Способы кодировки одних и тех же сведений в разных текстовых редакторах часто бывают разными. И если компьютер-получатель оснащен не тем текстовым редактором, на котором создавался документ, он не всегда может интерпретировать пришедшую на него информацию. Чтобы преодолеть это, в языке HTML установлены специальные правила. Весь документ набирается только текстовыми символами (их коды понятны всем редакторам), т. е. его можно набрать в любом текстовом редакторе (например, "Блокнот", "WordPad"). Символы и конструкции, которые непонятны браузеру (программе, позволяющей просматривать web-страницы), игнорируются (а текстовые редакторы обычно прекращают интерпретировать документ, если встречают в нем непонятные коды). В текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками: < >. Файлы c HTML-кодом должны помечаться расширением .html или .htm. 2. Структура тегов Каждый тег обязательно содержит пару угловых скобок < >, между которыми находится ключевое слово, обозначающее основную функцию тега. Например, ключевое слово HR в теге означает, что тег вставляет в документ серую горизонтальную линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксел. Действие тега детализируется с помощью атрибутов. Например, применительно к тегу можно уточнить, какой длины, толщины и цвета должна быть линия. Каждому ключевому слову сопоставляется свой собственный набор атрибутов и стандартные значения для них. Атрибуты размещают после ключевого слова и перечисляют в произвольном порядке через пробел. После каждого атрибута ставят знак = и нужное значение. Например, тег означает, что в документ следует вставить горизонтальную линию, которая должна доходить только до середины строки и иметь ширину четыре пиксела. Значения атрибутов в некоторых случаях полагается заключать в двойные кавычки. Атрибуты, соответствующие одним и тем же свойствам, в разных тегах часто, но не всегда, обозначаются одинаковыми словами. Например, выравнивание текста в пределах строки, ячейки таблицы или около картинки задается одинаковым словом ALIGN. А свойство «цвет шрифта» для документа в целом задается атрибутом TEXT, но для отдельно взятого фрагмента документа – атрибутом COLOR. Соответствующие теги, задающие темно-синий цвет шрифта, выглядят так: , . Многие теги являются парными. Открывающий тег включает какое-нибудь действие, закрывающий прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги называются контейнерами. Например, контейнер Я изучаю язык HTML означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него. Замечания: в ключевых словах и атрибутах строчные и прописные регистры букв не различаются; URL файлов-ссылок заключаются в двойные кавычки, и регистры букв в них учитываются; в последовательности пробелов, идущих подряд, учитывается только первый, остальные игнорируются; признак начала новой строки игнорируется. Поэтому при составлении кода можно клавишей Списки основных тегов, их функций и атрибутов приведены в табл. 1, 2, 3. Пояснения по основным группам тегов – в п.п. 4-10. Таблица 1. Основные теги форматирования и компоновки текста
|