Автор работы: Пользователь скрыл имя, 02 Декабря 2011 в 16:30, реферат
Язык гипертекстовой разметки HTML (HyperText Markup Language) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы World Wide Web.
Разработчики HTML пытались решить две задачи:
дать дизайнерам гипертекстовых баз данных простое средство создания документов
сделать это средство достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных.
Первая задача была решена за счет выбора таговой модели описания документа. Такая модель широко применяется в системах подготовки документов для печати. Примером такой системы является хорошо известный язык разметки научных документов TeX, предложенный Американским Математическим Обществом, и программы его интерпретации.
Введение…………………………………………………………………3
Глава 1
1.1 Принципы построения и интерпретации HTML…………………...5
1.2 Новые возможности HTML………………………………………….8
1.3Фреймы………………………………………………………………...9
1.4 JavaScript………………………………………………………………10
Глава 2
2.1 Понятие web страницы……………………………………………11
2.2 Анатомия web страниц. Создание Web стараниц………………………………………………12
2.3 Создание web-сираницы на моём опыте…………………………..15
Заключение………………………………………………………………………16
Список используемой литературы……………………..18
Как я создала свою web-страницу:
Создала нову папку,
скопировала в неё все нудные
мне картинки, открыла текстовый
документ и вписала в него нужные
мне теги. После того как все
нужные мне теги были записаны я
зашла в меню «ФАЙЛ» и выбрала
категорию СОХРАНИТЬ КАК…. В открывшемся
окне я записала название и после точки
с HTML сохранила WEB-страницу.
Для создания моей web-страницы я использовала следующие теги:
<HTML> -открывает и создаёт html документы
Тэг <font></font>
- многофункционален. Им может задаваться
не только цвет текста в конкретной
части документа, но и размер шрифта, и
вид шрифта (Arial).
Я ввела заголовок
третьего уровня <h2></h2> (мой любимый
размер:). Смотрите, что получилось. Как
мы видим, визуально заголовки отображаются
не только более крупным шрифтом, но к
тому же и полужирным. Также после закрывающего
</hx> происходит автоматически перенос
на другую строку.
<img src="my.jpg"> - вставляет картинки
в документ.
<img
src="pr1.png" align="left"> -
Это означает, что картинка будет прижата
к левому краю экрана.
<img
src="pr1.png" width="100">-
атрибут width - ширина самой картинки (в
пикселях). Если ширину не задавать специально,
то по умолчанию она будет равна реальной
ширине картинки (а так вы можете ее сделать
или уже, или шире).
<img
src="pr1.png" height="200">-
атрибут height - высота самой картинки (тоже
в пикселях). Так же как в случае с width высоту
(height) картинки можно и не задавать. Правда,
те же умные люди говорят, что размеры
картинок следует задавать, для тех же
особенных людей с отключенной графикой...
<img
src="pr1.png" border="5">-
атрибут border - рамка вокруг самой картинки
(в пикселях). Можно не задавать. Однако,
по умолчанию, рамка вокруг картинки есть
всегда. И если вы хотите убрать ее, то
выставляйте атрибут border равным нулю.
<CENTER></CENTER>- размещает информация посередине экрана.
<BR>- перебрасывает
на другую строку.
Заключение
Еще не так давно Microsoft Word использовался исключительно при создании документов для дальнейшей их печати на листах бумаги. Но в связи с постепенным переходом к безбумажным технологиям каждая новая версия программы предоставляет все больше средств для формирования альтернативного конечного продукта – документа, работа с которым будет вестись на компьютере, без его распечатки. В дальнейшем мы будем называть такие документы электронными. Это могут быть обычные документы Word или, теперь более часто встречающийся вариант – веб-страницы, то есть документы в формате HTML (Hypertext Markup Language – язык разметки гипертекста), размещенного на сервере в Интернете или в интранете компании (локальной сети, обладающими свойствами Интернета).
Документы такого типа не только приводят к экономии бумаги и сохранению лесов на планете, но и имеют другое, очень важное достоинство: они могут быть динамическими (меняющимися с течением времени) и интерактивными (реагирующими на происходящие действия). Часто они содержат гиперссылки, предназначенные для перехода к другим файлам, интерактивные формы для сбора информации, фреймы, позволяющие одновременно просматривать несколько страниц, фон, узоры, движущийся текст или графику, видео и звуковые клипы.
Для
создания веб-страниц и других электронных
документов Word в основном используются
обычные методы редактирования и форматирования.
Начиная с Word 2000, формирование веб-страниц перестало сильно отличаться от создания стандартных документов. Команды Word и интерфейс программы практически не зависят от того, над каким документом ведется работа: над обычным текстом или над веб-страницей в формате HTML, а существующие небольшие различия мы рассмотрим далее.
Поскольку формат HTML теперь является одним из стандартных форматов Word, применяющимся наравне с обычными форматами .doc или .rtf (Rich Text Format – расширенный текстовый формат), то при сохранении документов в этом формате остаются доступными большинство основных средств редактирования (исключения мы рассмотрим ниже). Даже если какая-то настройка не влияет на отображении документа в браузере, например, размер полей страницы, все подобные параметры сохраняются в HTML-файле и используются при открытии документа в окне Word. Соответственно, можно сохранить обычный документ Word в формате HTML, а позже открыть HTML-файл и преобразовать его назад в документ Word почти без потери элементов форматирования.
Для
создания в Word веб-страницы требуется
выполнить три основных действия.