|
Министерство образования и науки Российской Федерации Федеральное Государственное Автономное Образовательное Учреждение Высшего Профессионального Образования «Уральский федеральный университет имени первого Президента России Б.Н.Ельцина» Физико-технологический институт Кафедра вычислительной техники
Специальность: переводчик инженерного и делового профиля
Реферат На тему «Создание документов HTML»
Преподаватель ________________В.Н. Токмаков Студентка ________________М.С. Устелемова Группа С-47031
г. Екатеринбург , 2011 г. |
Оглавление
Введение………………………………………………………………………..3
-
Сценарий и структура Web-документа……………………………..……...4
-
Цвета документа…………………………………………………………….9
-
Создание таблиц……………………………………………………………13
-
Оформление текста HTML страниц………………………………………16
-
Вставка графических изображений……………………………………….19
-
Создание обычной гиперссылки………………………..............................21
-
Мета-теги…………………………………………………………………..24
-
Фреймы…………………………………………………………………….26
-
Как поместить свою HTML-страницу в интернет……………………….28
Заключение…………………………………………………………………...29
Список используемой литературы…………………………………………..30
Приложения
Введение.
Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах.
Действительно, пользователь, который приобрел и установил на своей машине Microsoft Office, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.
Иными словами, средства, предназначенные для работы с Сетью, стали
использоваться и в других целях, с нею не связанных, а среди программного обеспечения, устанавливаемого на большинство персональных компьютеров, приложения для Internet заняли свое почетное место.
В результате работа многих пользователей стала иметь большее отношение к Сети, чем они того сами, может быть желали. Так, одним из способов самовыражения стало размещение личных страничек в Internet.
Многие коммерческие фирмы стали использовать Сеть для рекламы и сбыта своей продукции. Людям, занятым поиском работы, стал доступен и такой сервис: составить резюме в формате Web-страницы и разместить эту информацию в Сети.
Существует огромный список серверов, дающих пространство для размещения вашей станицы в глобальной сети, однако при виртуальном подписании договора между двумя сторонами, оговаривается тот факт, что Вы не имеете права использовать ваш сайт в рекламных целях, а также вставлять в него чужую рекламу (условия и услуги на всех серверах разные). Важную роль Internet стал играть для научных, учебных и общественных организаций. Подтверждение этому легко найти, выйдя на просторы киберпространства.
1.Сценарий и структура Web-документа.
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми, браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:
<p>Информация</p>
Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).
Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:
A) Объявление HTML;
B) Заголовок;
C) Тело документа.
A) Объявление HTML
<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).
<HTML>
</HTML>
B) Заголовочная часть.
<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
</HTML>
C) Тело документа.
Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.
<HTML>
<HEAD>
<TITLE> Моя первая страница</TITLE>
</HEAD>
<BODY>
</HTML>
Для того, чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько Web-страниц и выявить общие элементы.
Любой Web-документ состоит из тегов , причем обычно начальные теги
пишутся большими буквами, а конечные - маленькими.
Итак, рассмотрим основные теги, входящие в каждый Web-документ(Полный список тегов в Приложении 1).
|
Базисные элементы |
|
Тип документа |
<HTML></HTML> |
(начало и конец файла) |
|
Имя документа |
<TITLE></TITLE> |
(должно быть в заголовке) |
|
Заголовок |
<HEAD></HEAD> |
(описание документа) |
|
Тело |
<BODY></BODY> |
(содержимое страницы) |
Отличительный признак HTML-документа. Одним из принципов языка являетсямногоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница.
Если сравнить исходные тексты различных Web-страниц, можно легко
увидеть сходство их структур. Это объясняется тем, что документы создаютсяпо определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальным и стандартом фактическим.
|
|
|
Почти все теги в языке разметки Web-страниц имеют некоторые параметры, которые принято называть атрибутами. Они предназначены для модифицирования параметров документа, а их значения принято заключать в кавычки. Тег <BODY> имеет атрибуты, которые перечислены ниже:
-
bgcolor="..." - определяет цвет фона документа. Работа с цветами в HTML-документах будет рассмотрена ниже;
-
background="..." - указывает браузеру местоположение файла (*.gif или *.jpg), который необходимо использовать в качестве фонового рисунка. В кавычках указывается абсолютный или относительный путь к файлу. Окно полностью заполняется изображением, начиная с верхнего левого угла;
-
text="..." -устанавливает цвет текста;
-
alink=" .." - определяет цвет активной ссылки;
-
link="..." - определяет цвет не просмотренной ссылки;
-
vlink="..." - определяет цвет просмотренной ссылки;
-
topmargin="..." - устанавливает границу верхнего поля;
-
leftmargin="..." - граница левого поля;
-
bgproperties="fixed" - в случае установки данного параметра в значение fixed фоновое изображение не будет прокручиваться вместе с текстом;
-
onload="..." - определяет те действия браузера, которые должны произойти после загрузки документа из сети.
Очень часто исходные коды программ сопровождаются комментариями. Они предназначены для сопровождения исходного кода программы пояснениями, которые, в свою очередь, облегчают понимание кода как самим разработчиком при его модифицировании, так и при чтении кода другими людьми. В спецификации HTML для комментариев определен специальный тег, который начинается символами <!-- и заканчивается символами -->. Текст, заключенный в теге комментария, не отображается в браузере.