Навигация
Выполнил: студент 26 гр. Булгаков С.А
Мелитопольский государственный педагогический университет им. Б.Хмельницкого.
Мелитополь 2009
ВведениеСовременный человек не представляет своей жизни без техники и Всемирной паутины. Интернет стал неотъемлемой частью нашей жизни. Сегодня можно не выходя из дома оплатить коммунальные услуги, пополнить счет мобильного телефона, заказать продукты питания и различные товары с доставкой, общаться с друзьями, коллегами на расстоянии и многое другое.
Однако для работы в интернете нужны как минимум три вещи: браузер, доступ в интернет и начальные навыки построения и структуры Web-сайтов.
В этот работе я пытался создать свой сайт при помощи языка разметки гипертекста HTML. На первый взгляд этот язык может показаться довольно сложным, однако он является самым простым способом построения персонального сайта, на котором можно выложить любую нужную информацию.
В широких кругах интернет сообщества сформулировались четыре основных критерия качества информационного материала, не зависимо от того, выполнен ли он методами традиционной полиграфии, или же создан в электронном виде:
Содержательность;
Достоверность;
Актуальность;
Уровень технического исполнения ( дизайн, навигация и т.д.).
Вышеперечисленные рекомендованные требование были учтены при выполнении ИНДЗ.
Содержание:
Заголовок документа 4
Установка фона и цвета текста 4
Использование абзацев, прерывания 5
Установка различного начертания текста 6
Форматирование текста 6
Использование заголовков 7
Создание и форматирование рисунков 7
Создание и форматирование маркированного списка 8
Создание и форматирование нумерованного списка 9
Использование внешних и внутренних гиперссылок 10
Вывод 11
Литература 12
1. Заголовок документа
Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки". Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.
Заголовок HTML-документа создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
2. Установка фона и цвета текста
BgColor - строка, определяющая фоновый цвет документа. Свойство bgColor выражается как шестнадцатеричный триплет RGB или так как это один из строковых литералов, внесенных в раздел Цвета JavaScript. Если вы выражаете цвет, как шестнадцатеричный триплет RGB, то вы должны использовать формат rrggbb. Например, шестнадцатеричное значения RGB для цвета salmon - red=FA, green=80, и blue=72, следователь триплет RGB для salmon - "FA8072".
<body bgcolor="Silver">
Тег <BASEFONT> предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега <FONT>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере <HEAD> или <BODY>, причем несколько раз. Это позволяет изменять вид шрифта для части документа.
Синтаксис:
<basefont>
Закрывающий тег обязателен. К параметрам относятся:
Color - устанавливает цвет текста;
Face - определяет гарнитуру шрифта;
Size - задает размер шрифта в условных единицах.
< basefont face="Arial, Helvetica, sans-serif" size="4" color="maroon">
3. Использование абзацев, прерывания
Тег <P> определяет текстовый параграф. Он является блочным элементом, поэтому он начинается с новой строки, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента.
Синтаксис:
<p>Текст <p>Текст</p>
Закрывающий тег не обязателен. К параметрам относятся:
Align - определяет способ горизонтального выравнивания параграфа.
<p align="center">Накакз</p>
Тег <BR> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа <P>, использование тега <BR> не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью параметра clear тега <BR> можно сделать так, чтобы следующая строка начиналась ниже элемента.
Синтаксис:
Текст<br> текст
Закрывающий тег отсутствует. К параметрам относятся:
Clear - сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.
Похожие работы
... объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.). 2. Структура сайта Созданный сайт по вопросам медицинского страхования состоит из следующих разделов: - главная страница; - раздел, посвященный вопросам обязательного медицинского страхования; - раздел, посвященный вопросам добровольного медицинского ...
... согласие пользователя с данным заявлением о конфиденциальности и всеми его обновлениями. Корпорация Майкрософт с благодарностью примет любые замечания относительно этого заявления о конфиденциальности. III. СТРУКТУРА САЙТА IV. РЕАЛИЗАЦИЯ САЙТА, СОЗДАНИЕ ЭЛЕМЕНТОВ ДИЗАЙНА Добро пожаловать на мой сайт! Здесь поклонники живописных мест смогут вдоволь насладиться красотами родных ...
... программа создала HTML-файл для каждого файла из списка, создаётся конфигурационный файл style.css для HTML-тегов для созданной группы htm-файлов. Обзор средств программирования Существует множество различных языков программирования, с помощью которых можно выполнить данную программу : HTML, Java Script, CGI Script и т.д. HTML – Язык разметки гипертекста, выполняется разметка текстового ...
m. <html> <head> <title>Официальный сайт Богородского Благочиния</title> </head> <body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000033" alink="#000033"> <table width="678" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="5"><img src="narez/001.jpg" width="579" height="118"></td> ...
0 комментариев