Читайте данную работу прямо на сайте или скачайте
Создание Web-сайта
МЕЛИТОПОЛЬСКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ НИВЕРСИТЕТ им. Б.Хмельницкого.
Кафедра информатики и кибернетики
ИНДЗ
на тему:
«Создание Web-сайта»
Выполнил: студент 26 гр.
Факультет: химико-биологический
Булгаков С.А
Проверила: Шелудько В.С
Мелитополь 2009
Введение
Современный человек не представляет своей жизни без техники и Всемирной паутины. Интернет стал неотъемлемой частью нашей жизни. Сегодня можно не выходя из дома оплатить коммунальные слуги, пополнить счет мобильного телефона, заказать продукты питания и различные товары с доставкой, общаться с друзьями, коллегами на расстоянии и многое другое.
Однако для работы в интернете нужны как минимум три вещи: браузер, доступ в интернет и начальные навыки построения и структуры Web-сайтов.
В этот работе я пытался создать свой сайт при помощи языка разметки гипертекста HTML. На первый взгляд этот язык может показаться довольно сложным, однако он является самым простым способом построения персонального сайта, на котором можно выложить любую нужную информацию.
В широких кругах интернет сообщества сформулировались четыре основных критерия качества информационного материала, не зависимо от того, выполнен ли он методами традиционной полиграфии, или же создан в электронном виде:
ü Содержательность;
ü Достоверность;
ü Актуальность;
ü ровень технического исполнения ( дизайн, навигация и т.д.).
Вышеперечисленные рекомендованные требование были чтены при выполнении ИНДЗ.
Содержание:
1. Заголовок документа............................................................................ 4
2. становка фона и цвета текста............................................................. 4
3. Использование абзацев, прерывания................................................... 5
4. становка различного начертания текста........................................... 6
5. Форматирование текста........................................................................ 6
6. Использование заголовков.................................................................. 7
7. Создание и форматирование рисунков............................................... 7
8. Создание и форматирование маркированного списка........................ 8
9. Создание и форматирование нумерованного списка......................... 9
10. Использование внешних и внутренних гиперссылок........................ 10
11. Вывод................................................................................................. 11
12. Литература.......................................................................................... 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 или так как это один из строковых литералов, внесенных в раздел Цвета " onclick="return false">
<ul>... </ul>
- Чебурашка
- Крокодил Гена
- Шапокляк
<ul>... </ul>
- Чебурашка
- Крокодил Гена
- Шапокляк
9. Создание и форматирование нумерованного списка
Тег <OL> станавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.
Синтаксис:
<ol> <li>элемент нумерованного списка</li> </ol>
Закрывающий тег обязателен. К параметрам относятся:
ü Align - определяет выравнивание списка;
ü Start - число, с которого будет начинаться нумерованный список;
ü Type - станавливает вид маркера списка.
Параметр Type станавливает вид маркера.
Синтаксис:
<ol>...</ol>
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
ü заглавные латинские буквы;
ü строчные латинские буквы;
ü заглавные римские цифры;
ü строчные римские цифры;
ü арабские цифры.
|
Код |
Пример |
|
<o >... </ol> |
|
|
<ol >... </ol> |
|
|
<ol >... </ol> |
I. Чебурашка II. Крокодил Гена . Шапокляк |
|
<ol >... </ol> |
i. Чебурашка ii. Крокодил Гена . Шапокляк |
|
<ol >... </ol> |
|
10. Использование внешних и внутренних гиперссылок
Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> станавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно казать в качестве цели ссылки. При использовании ссылки, которая казывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, также казать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, ниверсальный казатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис:
<a href="URL">...</a> <a name="идентификатор">...</a>
Закрывающий тег обязателен. К параметрам относятся:
ü Href - задает адрес документа, на который следует перейти;
ü Name - станавливает имя якоря внутри документа;
ü Target - имя окна или фрейма, куда браузер будет загружать документ;
ü Title - добавляет всплывающую подсказку к тексту ссылки.
Вывод
В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех направлениях бизнеса, промышленности и образования.
HTML является самым простым, эффективным, доступным языком разметки текста для начинающих веб-мастеров.
Литература
1. ссылка более недоступнаp>
2. ссылка более недоступна
3. ссылка более недоступнаp>
4. Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998
5. Ганчаров А. Самоучитель HTML. Питер 2
6. Дарнелл Р. HTML 4 Энциклопедия пользователя ДиСофт 1
7. Петюшкин А.В., HTML. Экспресс-курс. – Пб.: БХВ - Петербург, 2003
8. Хоумер А. Dynamic HTML Справочник Питер 1