- •Лабораторная работа №1
- •Краткие сведения из теории
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ со следующими данными:
- •2. Сохраните полученный документ под названием lab1.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №2
- •Краткие сведения из теории
- •Задание.
- •2. Сохраните полученный документ под названием lab2.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №3
- •Краткие сведения из теории
- •Задание.
- •2. Сохраните полученный документ под названием lab3.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №4
- •Краткие сведения из теории
- •Задание.
- •Флаги-команды для вставки в текст объектов нетекстовой информации
- •Параметры графического изображения
- •Задание.
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ. В документ включите ссылки для более наглядного перемещения по документу.
- •Небольшая статья об Актюбинском Университете.
- •2. Сохраните полученный документ под названием lab6.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №7
- •Краткие сведения из теории
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ с табличным представлением данных.
- •2. Сохраните полученный документ под названием lab7.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №8
- •Краткие сведения из теории
- •Задание.
- •Задание.
- •1. Создайте многоконный интерфейс в html-документе, используя фреймы.
- •2. После сохранения полученных документов на диск запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №10
- •Краткие сведения из теории
- •Задание.
- •Задание.
- •Задание.
- •Основные теги
- •Теги оглавления
- •Атрибуты тела документа
- •Теги для форматирования текста
- •Гиперссылки
- •Форматирование
- •Графические элементы
- •Атрибуты таблицы
- •Атрибуты кадров
- •Формы Для форм, выполняющих какие-то функции должны быть запущены соответствующие cgi скрипты на сервере. Html только создает внешний интерфейс формы.
2. Сохраните полученный документ под названием lab3.Htm.
3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №4
Тема: Цветовое оформление текста..
Цель работы: Научиться правильно и красочно оформлять HTML-страницы.
Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.
Краткие сведения из теории
Значение атрибута типа "color" (%Color;) относится к определениям цветов. Значение цвета может быть шестнадцатеричным числом (которому предшествует знак диеза) или одним из следующих шестнадцати названий цветов. Названия цветов учитывают регистр.
Названия цветов и значения RGB
Black = "#000000" Green = "#008000"
Silver = "#C0C0C0" Lime = #00FF00"
Gray = "#808080" Olive = "#808000"
White = "#FFFFFF" Yellow = "#FFFF00"
Maroon = "#800000" Navy = #000080"
Red = "#FF0000" Blue = "#0000FF"
Purple = "#800080" Teal = "#008080"
Fuchsia = "#FF00FF" Aqua = "#00FFFF"
То есть, значения "#800080" и "Purple" оба означают пурпурный цвет.
<BODY BGCOLOR>- определяет цвет фона документа.
<BODY TEXT> - определяет цвет текста
<FONT COLOR> - определяет цвет шрифта.
Задание.
1. Запустите текстовый редактор и создайте HTML-документ используя цвета.
Название страницы: Работа с цветом.
Содержимое страницы: Примеры работы с цветом.
Например
<BODY BGCOLOR=BLACK TEXT= WHITE>
Различное цыетовое оформление текста.
<BR>
<FONT COLOR=SILVER> Цвет этого текста серебрянный. </FONT>
<BR>
и так далее
</BODY>
2. Сохраните полученный документ под названием lab4.htm.
3. Запустите браузер MS Internet Explore для просмотра данного документа.
Лабораторная работа №5
Тема: Использование графики в HTML-документе..
Цель работы: Научиться правильно и красочно оформлять HTML-страницы с использованием графики.
Инструменты: Текстовый редактор NotePad. Графический редактор MS Paint. HTML-браузер MS Internet Explore.
Краткие сведения из теории
Поддержка изображений в HTML - путь в мир графики. Чтобы вставить рисунок в ваш документ Вы используете элемент IMG. Вставленное изображение является частью Вашего документа; когда пользователь обращается к Вашему документу, изображение загружается вместе с ним и выводится, как его часть.
Пользователь увидит изображение, если только броузер поддерживает специальный графический формат. Наиболее поддерживаемые форматы - GIF и JPEG. Зачастую - это единственные форматы, поддерживаемые для вставляемых изображений.
Флаги-команды для вставки в текст объектов нетекстовой информации
<IMG SRC ="file.gif"> или <IMG SRC =" file.jpg"> - команда для вставки графического изображения
<IMG SRC =" file.wav"> - команда для вставки звукового фрагмента
<IMG SRC =" file.avi"> - команда для вставки видео фрагмента
Параметры графического изображения
WIDHT - ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графического изображения
VSPACE - вертикальный отступ
ALT - альтернативный текст, служит для обозначения изображения
<BODY BACKGROUND>- позволяет использовать в качестве фона документа рисунок.
Пример :
<IMG SRC="http://www.hut.fi/~lsarakon/sae.gif" ALT="[Picture of Siamese algae eater]">