Информационно-дидактический блок (аннотация, пособия)

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

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

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

Тема №

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

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

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

Составитель

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

Семей, 2010 г.

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. Каковы правила оформления таблиц?

Литература

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

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

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

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

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

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

Информационно-дидактический блок (аннотация, пособия)

Основы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-документа——— текст заголовка —————— текст документа ———

Пример 1. Пример 1

Асанбаева Айнур Муратовна

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

Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тэгом контейнером … и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML. Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта». Тэги, указываемые внутри раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тэг …. Внутри раздела HEAD можно указывать следующие тэги HTML. Парный тэг … предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы. Раздел BODY является одним из самых важных компонентов любого HTML-докуманта, т.к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя. Раздел описывается парным тэгом …, внутри которого размещается большинство существующих тэгов HTML.Форматирование текста.В большинстве случаев мы посещаем интернет-сайты в поисках именно текстовой информации: статей и художественных произведений, новостей и технической документации и т.п. И от того, как оформлен текст, как он преподнесен посетителю, зависит многое в судьбе любого Web-сайта. Область работы с текстом в HTML включает в себя большое количество всевозможных тэгов, составляющих две основные группы: тэги логического и физического форматирования. В группу тэгов логического форматирования входят тэги, отображающие на экране монитора элементы документа таким образом, как установлено по умолчанию в спецификации языка разметки HTML. Переопределить их параметры или свойства нельзя, за исключением использования стилевых шаблонов CSS и обособления тэгами физического форматирования. Результат действия разных тэгов логического форматирования визуально может совпадать, ибо основное их предназначение заключается в логическом акценте отдельных элементов HTML. Тэги физического форматирования позволяют разработчику HTML-документа визуально изменять текст, варьируя его параметры и значения. Другими словами, тэги физического форматирования предназначены для выделения отдельных тестовых фрагментов различными способами, установленными автором документа. Тэги логического форматирования

При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.

Атрибут	Функция
…	От английского emphasis — акцент. наклонный шрифт (аналог …)
…	От английского strong emphasis — сильный акцент. жирный шрифт (аналог …) Используется для демонстрации образцов сообщений, выводимых на экран программами.
…	Рекомендуется использовать для фрагментов исходных текстов. Текст отображается как код или формула (чаще всего как шрифт Courier)
…	От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.
…	От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. текст отображается жирным шрифтом
…	От английского variable — переменная. Рекомендуется использовать для написания имен переменных.
…	Такая пара меток описывает абзац. Все, что заключено между и , воспринимается как один абзац.

Меткии

могут содержать дополнительный атрибут ALIGN (читается элайн, от английского выравнивать), например:

ALIGN=”left”-значение параметра, принятое по умолчанию: текста выровнен по левому краю.
ALIGN=”center”-текст располагается посередине окна браузера.
ALIGN=”right”-выравнивание текста по правому краю.
ALIGN=”justify”-выравнивание по ширине окна браузера.

—…

Метки вида(где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.

Статьи к прочтению:

Создание уникальной базы дидактических пособий с учетом возраста и диагноза детей

Похожие статьи: