- •«Национальный исследовательский томский политехнический университет» Лабораторный практикум по курсу Информатика 1.1
- •Лабораторная работа №1
- •Лабораторная работа №2
- •Лабораторная работа №3
- •Часть 1
- •Часть 2
- •Лабораторная работа №4
- •Лабораторная работа №5
- •1 Создание html-документа:
- •2) Метаданные и фреймы:
- •Лабораторная работа №6
- •3) Мультимедиа, графики, таблицы и списки в html-документах
- •4) Карты изображения и формы в html-документе
Лабораторная работа №6
Название
Разработка web-страницы на языке html.
Цель работы
изучить основы создания HTML-документов с использованием HTML-тэгов;
познакомиться с назначением метаданных. Научиться использовать фреймы. Освоить работу с FTP-сервером;
научиться применять мультимедиа, графику, таблицы и списки в HTML-документах;
научиться разрабатывать Web-ресурс, содержащий карты изображения и формы.
Задание
1 Создание html-документа:
ознакомиться с описанием лабораторной работы №6 (электронная копия – в файле Лаб_№6.doс, размещенному по адресу P:\Методички\ Кафедра 24\Информатика 1.1.
создать новый HTML документ с использованием какого-либо текстового редактора (например, notepad.exe). В тексте должны содержаться тэги необходимые для любого HTML документа (<HTML>,<BODY>). Добавить текст из приложения 1 методических указаний (Лаб_№6.doс). Сохранить данный документ в свою рабочую директорию (диск U:) под названием “index.html”;
задать заголовок, отображаемый в строке заголовка окна браузера. Текст строки заголовка – первая строка текста из приложения 1. Использовать при этом тэг <TITLE>;
установить необходимые цвета фона и текста документа. Для установки цветов документа используются параметры “BGCOLOR”, “TEXT”, внутри открывающего тэга <BODY>;
написать произвольный абзац текста самым крупным шрифтом. В данном случае следует использовать тэги-контейнеры отвечающие за размер шрифта, например <H2>. Осуществить выравнивание различных абзацев (отцентрировать, прижать вправо, влево, выровнять по ширине);
произвести логическое форматирование текста как небольшого фрагмента программного кода с выделением;
произвести физическое форматирование текста, как небольшого фрагмента с подчеркиванием и с эффектом мигания;
далее написать определения трех любых понятий по данной теме (взять из методических указаний) различными цветами и гарнитурами (Arial, Times, моноширинный шрифт). Сам термин должен быть выведен полужирным курсивом с подчеркиванием. Добиться данного эффекта можно использованием тэга <FONT> с параметрами;
добавить в Web-документ пять видов ссылок;
все сохранить.
2) Метаданные и фреймы:
открыть ранее созданный Web-документ. Проанализировать его содержимое и подготовить информацию для заполнения метаданных. Используя описание, приведённое в методических указаниях (Лаб_№6.doс), заполнить метаданные страницы;
создать Web-документ, состоящий из пяти или более фреймов. Для работы с фреймами необходимо будет создать или использовать не менее пяти страниц, каждая из которых будет в своей области отображения на главной странице;
создать фреймовую структуру вида:
Фрейм 1 |
Фрейм 2 |
Фрейм 3 |
|
подключиться к указанному в методических указаниях (Лаб_№6.doс), FTP-серверу. Создать на нём свою папку, и скопировать в него ранее созданный Web-документ. Вывести Web-документ на просмотр через браузер.
