uzluga.ru
добавить свой файл
1




СОДЕРЖАНИЕ

ТЕМА 1. ВВЕДЕНИЕ 4

Урок 1. Общие понятия. 4

Что такое Internet? 4

Зачем нужен язык разметки? 4

Об истории HTML 5

Браузеры. 6

HTML-файлы. 6

Редакторы HTML-файлов. 7

Урок 2. Общая структура HTML-документа. 8

ТЕМА 2. ОФОРМЛЕНИЕ ТЕКСТА 11

Урок 3. Формирование абзацев и заголовков. 11

Абзацы 11

Заголовки 11

Горизонтальные линии 12

Бегущая строка 12

Урок 4. Работа со шрифтами. 16

Урок 5. Создание списков. 20

ТЕМА 3. ВСТАВКА ГРАФИКИ И МУЛЬТИМЕДИА. 24

Урок 6. Вставка изображений. 24

Урок 7. Вставка звука и видео 28

ТЕМА 4. ГИПЕРССЫЛКИ 30

Урок 8. Создание гиперссылок. 30

Урок 9 . Структура HTML-приложения. 34

ЦЕПОЧКА 34

ПРОСТОЕ МЕНЮ 34

ИЕРАРХИЯ 34

ТЕМА 5. ФРЕЙМЫ 36

Урок 10. Создание фреймов 36

Создание фреймов 36

Урок 11. Создание «плавающих» фреймов 39

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

ТЕМА 6. ТАБЛИЦЫ 42

Урок 12. Создание таблиц. 42

Урок 13. Создание сложных таблиц. 45

Урок 14. Оформление таблиц. 47

Урок 15. Создание форм. 50

Упражнение 3. 52

Приложение 1. FRONT PAGE 53

Введение 53

Создание WEB-узла из шаблона 54

Редактирование WEB-узла 59

Изменение текста 60

Использование таблиц 62

Использование ссылок 62

Вставка рисунков 63

Настройка панели навигации 64

Приложение 2. HTML-элементы 65

Приложение 3. Коды специальных символов 69

Литература 70

ТЕМА 1. ВВЕДЕНИЕ

Урок 1. Общие понятия.




Что такое Internet?


Интернет представляет собой всемирную сеть, которая связывает между собой миллионы компьютеров во всех странах мира.

На сегодняшний день это самый массовый и оперативный источник информации. В Интернет расположены электронные варианты большинства газет и журналов, работают радиостанции. Крупнейшие библиотеки и музеи мира имеют свои электронные фонды и каталоги. Свою страничку в Сети имеет практически каждая организация, ВУЗы, гимназии, лицеи, школы.

Интернет сегодня – это и крупнейший источник развлечений, и идеальное место для размещения рекламы, и средство виртуального общения, и возможность для занятий бизнесом.

А еще Интернет – это возможность заявить о себе на весь мир. Для этого нужно просто создать свою Web-страничку.

Зачем нужен язык разметки?


При создании обычного документа в любом текстовом процессоре, легко можно выполнить форматирование документа, например, задать размер и начертание шрифта, цвет букв, ширину полей. То, что вы делаете с документом на экране монитора, в том же виде переносится на бумагу при распечатке на принтере. Это возможно благодаря графическому интерфейсу пользователя (GUI), кото­рый поддерживает технологию точного отображения WYSIWIG (сокращение от «What You See Is What You Get» — что видите, то и получаете).

В случае Web-страниц пользователь имеет дело не с бумажными, а с элек­тронными документами, полученными через Internet. Принцип отображения документа средствами форматирования родительского приложения здесь не­приемлем. Слишком много приложений или всевозможных конверторов пользователю пришлось бы иметь на своем компьютере, чтобы эффективно ра­ботать с множеством возможных форматов документов.

Идея решения проблемы обмена документами между различными ком­пьютерами и приложениями через Internet основана на языке разметки гипер­текста HTML (HyperText Markup Language). Этот язык был создан более 20 лет назад как стандарт оформления документов и был принят подавляющим боль­шинством пользователей Internet, а главное, — всеми производителями про­граммного обеспечения и оборудования для Web. Документы, размеченные согласно HTML, могут читаться на любом компьютере, на котором установле­на всего лишь одна программа просмотра таких документов — браузер.

Благодаря языку разметки HTML клиент Web может на экране своего компьютера просмотреть документ в том виде, в каком его задумал разработ­чик: с определенными размерами шрифта и разбивкой на абзацы, с определен­ным расположением рисунков и гиперссылок. Текстовой документ, со­ставленный на HTML, имеет размер в байтах в несколько раз меньший, чем размер аналогичного документа, подготовленного в текстовом процессоре (на­пример, Word).

Разметка документа — это описание различных фрагментов документа и их взаимного расположения. Выполняется разметка с помощью команд языка HTML — тегов.


В языке HTML имеется множество тегов, среди которых — теги создания заголовка документа, задания параметров шрифта, вычерчивания линий, вставки гиперссылок, вставки графических элементов и т.д. В итоге Web-стра­ница, кроме текста и ссылок, может содержать графику, звуки, видео, то есть иметь такой вид, который вы и видите на экране компьютера.

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

Об истории HTML


История языков разметки уходит в 60-е годы 20 в., когда сотрудники ком­пании IBM взялись за решение задач переноса документов между различными платформами и операционными системами. Результатом их усилий стал язык GML (General Markup Language — общий язык разметки).

Следующий этап развития языков разметки связан с именами ученых-фи­зиков, сотрудников Европейского центра ядерных исследований (CERN) в Женеве. Так, в конце 80-х годов Тим Бернерс-Ли занялся проблемой хранения и отображения данных, полученных коллегами. Проблема состояла в том, что каждый специалист, приезжавший в Центр, при­менял собственные методы представления информации, и срочно требовалось создание универсальной системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.

В основу разрабатываемого языка Бернерс-Ли положил язык GML и приемы работы с гипертекстом, с чем и связано название созданного им языка — HTML. Новый язык использовал основные конструкции GML для опи­сания документов и гипертекстовых ссылок.

Возможность применения гипертекста была предсказана Ваневаром Бушем в 1945 году, а термин «гипертекст» впервые был введен Тедом Нельсоном в 60-х годах, то есть задолго до появления Internet.

Понятие «гипертекст» обозначает электронный документ, который содержит в себе ссылки на другие документы.


Разработка HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения World Wide Web, кроме языка HTML, потребовалась разработка протокола передачи гипертекста HTTP (HyperText Transfer Protocol — протокол передачи гипертекста), который позволил осуществлять обмен документами HTML. Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере.

Браузеры.


Чтобы отобразить на экране компьютера HTML-документы в том виде, как они задумывались разработчиками, необходимо иметь специальную программу, называемую «браузер». (От английского слова browse, которое переводится как «пастись, ощипывать молодые побеги, заниматься беспорядочным чтением»). Браузер Internet Explorer входит в виде интегрированного модуля в Windows.

HTML-файлы.


Web-страница, загружаемая в браузер, представляет собой HTML-файл. Это текстовой файл с расширением .htm, .html или .htmll. Файлы .htm созда­ются для обработки в операционной системе DOS (где принято расширения обо­значать тремя буквами). Для работы в Windows допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным яв­ляется использование расширения .html.

Для просмотра HTML-кода страницы в браузере Internet Explorer можно выполнить любое из следующих действий:

  • щелкните правой кнопкой мыши в окне документа и в появившемся контекстном меню выберите команду Просмотр в виде HTML;

  • выберите команду меню Вид — в виде HTML.

После этого на экране откроется окно приложения Блокнот с HTML-кодом просматриваемой вами страницы.

Если вы работаете в браузере Netscape, то просмотреть HTML-код загру­женного документа вы сможете с помощью команды View — Page source или нажатия клавиш Ctrl+U.

Редакторы HTML-файлов.


Так как HTML-документ представляет собой текстовый файл, для его создания и редактирования можно использовать любой текстовый редактор, например, Блокнот. Существуют также более серьезные программы для подготовки Web-страниц. Их можно разделить на два типа:

  • Редакторы HTML-текстов, которые автоматизируют набор кода. Наиболее известные из них это HomeSite, HotDog.

  • Визуальные редакторы HTML, в которых пользователь имеет дело не с кодом, а с графическими образами элементов HTML. К ним относятся редакторы Microsoft Front Page, Macromedia Dreamveawer.


Коротко о главном:


HTML – это язык разметки гипертекста (Hyper Text Markup Language). Используется для изготовления Web – страничек.

HTML-документ - это программа, в которой задана информация и правила показа этой информации на экране компьютера.

Теги - это определенные последовательности символов, заключенные между знаками < (меньше) и > (больше), задающие правила вывода на экран текстов, графики, звука и т.д.

Браузер – специальное приложение, которое выполняет HTML-программу и отображает гипертекстовый документ на экране.

Гипертекст – документ, содержащий ссылки, передающие управление на другие фрагменты текста или другие документы, находящиеся как на данном компьютере, так и на любом компьютере, подключенном к Интернету.




Урок 2. Общая структура HTML-документа.



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




<HTML>



Проба 1





Моя первая страничка









Привет! Меня зовут ....!

Это моя личная домашняя страничка.