- •Лабораторная работа №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 только создает внешний интерфейс формы.
Министерство образования и науки Республики Казахстан
Актюбинский государственный университет им. К. Жубанова
Методические указания
для лабораторных работ по дисциплине «Web-технологии»
для студентов 2 курса по специальности
“Вычислительная техника и программное обеспечение”
дневной формы обучения
Актобе, 2011
Лабораторная работа №1
Тема: Основы работы с HTML-документами..
Цель работы: Создать простейший HTML-документ.
Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.
Краткие сведения из теории
Как известно, язык гипертекстовой разметки HTML (HyperText Markup Language) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы World Wide Web. В основу гипертекстовой разметки была положена таговая модель описания документа, позволяющая представить документ в виде совокупности элементов, каждый из которых окружен тагами. По своему значению таги близки к понятию скобок "begin/end" в универсальных языках программирования и задают области действия имен локальных переменных, определяют область действия правил интерпретации текстовых элементов документа и т.п.
Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:
<"имя элемента" "список атрибутов"> содержание элемента </"имя элемента">
Конструкция перед содержанием элемента называется тагом начала элемента, а конструкция, расположенная после содержания элемента, - тагом конца элемента.
Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Собственно, сам документ - это один большой контейнер с именем "HTML":
<HTML> Содержание документа </HTML>
Сам элемент HTML или гипертекстовый документ состоит из заголовка документа (HEAD) и тела (BODY):
<HTML>
<HEAD>
Содержание заголовка
</HEAD>
<BODY>
Содержание тела документа
</BODY>
</HTML>
Каждый документ в WWW имеет свое имя, которое указывается в его заголовке. Его можно видеть в первой строке программы-интерфейса. Имя HTML-страницы включается в заголовок при помощи тега <TITLE>.
Начиная писать HTML-документ, имеет смысл идентифицировать его как таковой. Такая идентификация достигается путем вставления в самое начало документа тега <!DOCTYPE HTML PUBLIC ``-//W3C//DTD HTML 3.2//EN''>. Тег DOCTYPE является тегом языка SGML и объявляет, что документ будет описан в соответствии со спецификацией HTML 3.2.
Как и во всяком языке программирования, в HTML есть способ закомментировать часть текста так, чтобы она не обрабатывалась программами просмотра. Комментарии заключаются между последовательностями < ! - - и - - >. Пример комментария:
<!-- этот текст закомментирован -->
Пример 1.
<!DOCTYPE HTML PUBLIC ``-//W3C//DTD HTML 3.2//EN''>
<HTML>
<!- Author: Irina Kuzina Date: December 5, 1996 ->
<HEAD>
<TITLE> This is a Baner</TITLE>
</HEAD>
<BODY >
Администрирование Internet
</BODY>
</HTML>
Задание.
1. Запустите текстовый редактор и создайте html-документ со следующими данными:
Название страницы: Личная страница (Ваша Фамилия и Имя).
Содержимое страницы: Напишите о себе.
(Например: Я родился в городе Актюбинск 5 февраля 2002 года. В 2019 году закончил среднюю школу №3. В 2019 году поступил в Актюбинский Университет им. Жубанова по специальности “информатика”. Мои увлечения – это компьютеры, детективная литература и музыка. Мой самый любимый компьютер-Pentium VI с 3000 Мц. Моя самая любимая книга – «Рассказы о Шерлоке Холмсе» Артура Конан Дойла. Мой самый любимый певец-Олег Газманов.)