Государственное бюджетное образовательное учреждение

начального профессионального образования

профессиональный лицей №13

Допустить к защите: Зам. директора по УПР __________/________________/ «_____»______________20___г.

ВЫПУСКНАЯ ПИСЬМЕННАЯ

ЭКЗАМЕНАЦИОННАЯ РАБОТА

по программе подготовки квалифицированных рабочих и служащих

профессия 230103.02: Мастер по обработке Цифровой Информации

Тема: Созданий простейшего сайта языком HTML

Выполнил выпускник: Гатаулин И. Группа № 1 Руководитель: преподаватель Амирханова М.М. Дата защиты «____»_______20__г. Оценка __________________

г. Уфа 2015

Содержание:

Введение…………………………………………………………………………	3
Раздел I . Основные сведения о языке html …………………………………..	4
1.1. Создание web сайта…………………………………………………………	5
1.2. Основные положения………………………………………………………	6
1.3. Структура документа………………………………………………………	5
1.4. Тэги тела документа………………………………………………………	7
1.5. Список базовых тэгов html…………………………………………………	10
Раздел II. Дополнительные сведения………………………………………….	12
2.1. Тэги списков………………………………………………………………	12
2.2. Гипертекстовые ссылки……………………………………………………	15
2.3. Графика внутри документа………………………………………………	19
2.4. Добавление стилей в документ……………………………………………	22
2.5. Специальные тэги html……………………………………………………	24
2.6. Html формы…………………………………………………………………	25
2.7. Html фреймы………………………………………………………………	31
2.8. Html таблицы………………………………………………………………	37
2.9. Оптимизация графики для web……………………………………………	40
2.10. Основы css…………………………………………………………………	40
Раздел III. Описание создания сайта…………………………………………	50
3.1. Подготовка…………………………………………………………………	50
3.2. Создание главной страницы………………………………………………	50
3.3. Создание второй страницы…………………………………………………	53
3.4. Создание страницы с описанием города…………………………………	54
3.5. Страница с фотографиями…………………………………………………	54
3.6. Страница с благодарностями……………………………………………	56

Введение

Эта дипломная работа посвящена языку HTML. С помощью этого языка создаются файлы с расширением *.htm и *.html, являющиеся Web-страницами. Из них состоят сайты сети Интернет.

К дипломной работе прикреплён сайт, как пример того, что можно создать при помощи языка HTML.

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

Раздел I. Основные сведения о языке html

Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

HTML-тэги могут быть условно разделены на две категории:

1. Тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом.

2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах.