Реферат: Создание Web-сайта

<span style=«font-size: 16pt; line-height: 115%; font-family: „Times New Roman“; text-transform: uppercase;»>МЕЛИТОПОЛЬСКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ им. Б.Хмельницкого.

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

Кафедра информатики и кибернетики

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 20pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 24pt; line-height: 115%; font-family: „Times New Roman“;»>ИНДЗ

<span style=«font-size: 20pt; line-height: 115%; font-family: „Times New Roman“;»>на тему:

<span style=«font-size: 20pt; line-height: 115%; font-family: „Times New Roman“;»>«Создание Web-сайта»

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»> 

Выполнил: студент 26 гр.

Факультет: химико-биологический

<span style=«font-size: 14pt; line-height: 115%; font-family: „Times New Roman“;»>Булгаков С.А

Проверила: Шелудько В.С

 

 

 

 

 

<span style=«font-size: 18pt; line-height: 115%; font-family: „Times New Roman“;»>Мелитополь 2009

Введение

 

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

Однако для работы в интернете нужны как минимум три вещи: браузер, доступ в интернет и начальные навыки построения и структуры Web<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>-сайтов.

В этот работе я пытался создать свой сайт при помощи языка разметки гипертекста <span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;» lang=«EN-US»>HTML

. На первый взгляд этот язык может показаться довольно сложным, однако он является самым простым способом построения персонального сайта, на котором можно выложить любую нужную информацию.

В широких кругах интернет сообщества сформулировались четыре основных критерия качества информационного материала, не зависимо от того, выполнен ли он методами традиционной полиграфии, или же создан в электронном виде:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>Содержательность;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>Достоверность;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>Актуальность;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>Уровень технического исполнения ( дизайн, навигация и т.д.).

Вышеперечисленные рекомендованные требование были учтены при выполнении ИНДЗ.


Содержание:

 

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>1.          

Заголовок документа… 4

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>2.          

Установка фона и цвета текста… 4

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>3.          

Использование абзацев, прерывания… 5

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>4.          

Установка различного начертания текста… 6

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>5.          

Форматирование текста… 6

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>6.          

Использование заголовков… 7

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>7.          

Создание и форматирование рисунков… 7

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>8.          

Создание и форматирование маркированного списка… 8

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>9.          

Создание и форматирование нумерованного списка … 9

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>10.      

Использование внешних <span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;» lang=«UK»>и внутренних<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>гиперссылок… 10

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>11.      

Вывод… 11

<span style=«font-size: 14pt; line-height: 150%; font-family: „Times New Roman“;»>12.      

Литература… 12

1. Заголовок документа

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти «правило первой строки». Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Заголовок HTML-документа создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа:

<span style=«font-size: 12pt; font-family: „Times New Roman“;»> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Заголовок<span style=«font-size: 12pt; font-family: „Times New Roman“;»> документа

Текст документа

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

2. Установка фона и цвета текста

 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>BgColor — строка, определяющая фоновый цвет документа. Свойство bgColor выражается как шестнадцатеричный триплет RGB или так как это один из строковых литералов, внесенных в раздел Цвета JavaScript. Если вы выражаете цвет, как шестнадцатеричный триплет RGB, то вы должны использовать формат rrggbb. Например, шестнадцатеричное значения RGB для цвета salmon — red=FA, green=80, и blue=72, следователь триплет RGB для salmon — «FA8072».

<span style=«font-size: 12pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<body<span style=«font-size: 12pt; font-family: „Times New Roman“;» lang=«EN-US»>bgcolor

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>="Silver">

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Тег предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега , в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере или , причем несколько раз. Это позволяет изменять вид шрифта для части документа.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Синтаксис

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«UK»>:

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Закрывающий тег обязателен. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Color — устанавливает цвет текста;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Face — определяет гарнитуру шрифта;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Size — задает размер шрифта в условных единицах.

 

<<span style=«font-size: 12pt; font-family: „Times New Roman“;» lang=«EN-US»>basefont face=«Arial, Helvetica, sans-serif» size=«4» color=«maroon»>

<span style=«font-size: 10pt; font-family: „Times New Roman“;» lang=«EN-US»> 

 

3. Использование абзацев, прерывания

 

Тег

определяет текстовый параграф. Он является блочным элементом, поэтому он начинается с новой строки, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента.

Синтаксис:

 

Текст

Текст

 

Закрывающий тег не обязателен. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Align — определяет способ горизонтального выравнивания параграфа.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

Накакз<span style=«font-size: 12pt; font-family: „Times New Roman“;» lang=«EN-US»>

 

Тег
устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа

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

Синтаксис:

 

Текст
текст

 

Закрывающий тег отсутствует. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Clear — сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.


 


4.Установка различного начертания текста

 

Тэг устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

 

Текст

 

Закрывающий тег обязателен.

Тэг устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

 

Текст

 

Закрывающий тег обязателен.

Тэг устанавливает подчеркнутое одной линией начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

 

Текст

 

Закрывающий тег обязателен.

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

5. Форматирование текста

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Тег <

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>FONT

> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Синтаксис:

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

<<span style=«font-size: 12pt; font-family: „Times New Roman“;» lang=«EN-US»>font

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>>Текст</font>

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Закрывающий тег обязателен. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Color — устанавливает цвет текста;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Face — определяет гарнитуру шрифта;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Size — задает размер шрифта в условных единицах.

 

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>Перваябуква

 

6. Использование заголовков

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег представляет собой наиболее важный заголовок первого уровня, а тег служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги ...относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.

Синтаксис:

 

Заголовок 1-го уровня

 Заголовок 2-го уровня ...

 Заголовок 6-го уровня

 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Закрывающий тег обязателен. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Align — определяет выравнивание заголовка.

 

7. Создание и форматирование рисунков

Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border=«0» в тег .

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

Синтаксис:

 

 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Закрывающий тег отсутсвует. К параметрам относятся:

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Align — определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Alt — альтернативный текст для изображения;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Border — толщина рамки вокруг изображения;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Height — высота изображения;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Hspace — горизонтальный отступ от изображения до окружающего контента;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Ismap — говорит браузеру, что картинка является серверной картой-изображением;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Lowsrc — путь к графическому файлу низкого разрешения для предварительного отображения;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Src — путь к графическому файлу;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Vspace — вертикальный отступ от изображения до окружающего контента;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Width — ширина изображения;

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Usemap — ссылка на тег , содержащий координаты для клиентской карты-изображения.

 

<img src=«images/girl.png»  width=«189» height=«255» alt=«lorem»>

 

8. Создание и форматирование маркированного списка

 

Тег устанавливает маркированный список. Каждый элемент списка должен начинаться с тега . Если к тегу применяется таблица стилей, то элементы наследуют эти свойства.

Синтаксис:

 

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>  элемент маркированного списка

<span style=«font-size: 10pt; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Закрывающий тег обязателен. К параметрам относятся:

ü     Align — определяет выравнивание списка<span style=«font-size: 14pt; font-family: „Times New Roman“;»>.

ü<span style=«font: 7pt „Times New Roman“;»>    

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Type — устанавливает вид маркера списка.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Параметр

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>Typeустанавливает вид маркера.

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Синтаксис:

<span style=«font-size: 14pt; font-family: „Times New Roman“;»> 

...

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значение по умолчанию – disc.

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»> 

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>Код

<span style=«font-size: 12pt; font-family: „Times New Roman“;»>Пример

ЧебурашкаКрокодил ГенаШапокляк

ЧебурашкаКрокодил ГенаШапокляк

 

ЧебурашкаКрокодил ГенаШапокляк

 

9. Создание и форматирование нумерованного списка

 

<span style=«font-size: 14pt; font-family: „Times New Roman“;»>Тег <

<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <<span style=«font-size: 14pt; font-family: „Times New Roman“;» lang=«EN-US»>OL<span style=«font-size: 14pt; font-family: „Times New Roman“;»>> применяется таблица стилей, то элементы <LI<span style=«font-size: 14pt; font-fami
еще рефераты
Еще работы по программированию, базе данных