G-041.07.01.78-2008

Основы языка HTML. Создание Web-страниц.

Ред. 2.

Страница 13 из 13

ГОСУДАРСТВЕННЫЙ МЕДИЦИНСКИЙ УНИВЕРСИТЕТ ГОРОДА СЕМЕЙ

КАФЕДРА ОБЩЕСТВЕННОГО ЗДРАВООХРАНЕНИЯ И ИНФОРМАТИКИ

Специальность 5B110100 «Сестринское дело» «Общая медицина»

5B110200 «Общественное здравоохранение»

5B110400 «Медико-профилактическое дело»

5B130100 «Общая медицина»

5B130200 «Стоматология»

Предмет Информатика

Курс 1

ИНФОРМАЦИОННО –ДИДАКТИЧЕСКИЙ БЛОК

И МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ДЛЯ СТУДЕНТОВ

К ПРАКТИЧЕСКМУ ЗАНЯТИЮ

Тема №

“ Основы языка HTML

Создание Web-страниц. .

Изучение языка HTML (HTML-Hyper Markup Language).”

Составитель

преподаватель Абдуакитова А.Е.

Семей, 2011 г.

Информационно-дидактический блок и методические указания для студентов к практическому занятию на тему «Основы языка HTML Создание Web-страниц. .Изучение языка HTML (HTML-Hyper Markup Language)».

обсуждена на заседании кафедры (курса) от 2011 года

Протокол №

Ответственный по курсу Буланова Р.К.

1. Тема: «Основы языка HTML. Создание Web-страниц. .Изучение языка HTML (HTML-Hyper Markup Language)».

2. Количество учебных часов: 3 академических часа (150 минут).

3. Актуальность темы (мотивация) :

4. Цель занятия: Изучить практические умения и навыки по созданию Web–страниц, а также изучить наиболее важные понятия и вопросы программирования в среде Іnternet.

5. Задачи обучения: Формирование умении и навыков создания HTML-документа, вставки графических объектов в HTML-документ.

6. Студент должен знать:

Принцип работы на компьютере в среде MS Windows

7. Студент должен уметь:

Создание папок, файлов, а так же копирование, перенос и удаление их.

8. Вопросы самопроверки :

а) по базисным знаниям:

1.  Устройство компьютера: системный блок и его элементы.

2.  Основные внешние устройства: накопители информации, монитор, клавиатура, принтер, мышь и др.

б) по теме занятия:

1. Какие возможности предоставляет служба World Wide Web?

2. Какой формат у Web-документов? Какая разница между ними и обычными текстовыми документами?

3. Что называют браузером? Какую функцию он выполняет?

4. Как устроена страница в Internet?

5. Что такое гипертекстовый язык?

6. Какова структура HTML-документа?

7. Какие тэги включаются при оформлении заголовка HTML-документа?

8. Каковы правила оформления текстовой информации?

9. Каковы правила оформления списков?

10. Каковы правила оформления таблиц?

9. Литература

1. Шарф Ш.Д. HTML 3.2. Справочник-С.-Пб.,1998.

2. Морис Б. HTML в действии-с. Пб., 1997

3. Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,

4. предпринимателей и банкиров.-М.,2001.

5. Под редакцией С.В.Симоновича. Информатика. Базовый курс.

6. Учебник для ВУЗов 2001, 640 с.

10. Информационно-дидактический блок (аннотация, пособия) Основы html-документа.

"Всемирная паутина" World Wide Web на сегодня является ведущим сервисом Интернет, постепенно вытесняющим или включающим в себя большинство других сетевых служб. Документы, составляющие содержание WWW, называются Web-страницами, а формат, с помощью которого подготавливаются Web-страницы, называется HTML (HyperText Markup Language) или “язык разметки гипертекста”. Под гипертекстом же в простейшем случае понимается текст, позволяющий не только последовательное прочтение, то есть, указателями-ссылками связанный с другими текстами.

HTML представляет собой достаточно простой набор команд, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу отдельно подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.

HTML не задает конкретные и точные атрибуты форматирования документа, как, например, Microsoft Word. Конкретный вид документа окончательно определяет только программа-браузер на Вашем компьютере. Необходимость именно такого подхода связана с разнородностью аппаратного и программного обеспечения компьютеров, подключенных к Интернет. HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы-скрипты на языках Javascript и Visual Basic Script и программы-апплеты на языке Java.

С точки зрения пользователя Windows, Web-страница – это просто файл типа *.htm или *.html, находящийся на сервере Интернет, в локальной сети или на жестком диске Вашей машины.

Структура HTML-документа <html> <head> -------- текст заголовка --------- </head> --------- текст документа --------- </html>

Пример 1. <html> <head> <title> Пример 1 </title> </head> <body> Асанбаева Айнур Муратовна </body> </html>

Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html> ) называется меткой (по-английски — tag, читается "тэг"). Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/". Метки можно вводить как большими, так и маленькими буквами.

Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тэгом контейнером <HTML>…</HTML> и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML.

Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта». Тэги, указываемые внутри раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тэг <HEAD>…</HEAD>.

Внутри раздела HEAD можно указывать следующие тэги HTML.

Парный тэг <TITLE>…</TITLE> предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы.

Раздел BODY является одним из самых важных компонентов любого HTML-докуманта, т.к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя.

Раздел описывается парным тэгом <BODY>…</BODY>, внутри которого размещается большинство существующих тэгов HTML.