Автор работы: Пользователь скрыл имя, 17 Февраля 2011 в 19:13, курсовая работа
Разработка Web-сайта, воплощающего все известные на сегодняшний день передовые идеи и технологии, - цель данной курсовой работы.
Для достижения поставленной цели необходимо решить ряд задач, таких как:
◦изучить язык HTML;
◦ознакомиться с инструментарием для создания Web-сайтов;
◦определить тему и структуру своего Web-сайта.
Введение ……………………………………………………………………….4
1 Создание Web-сайта с помощью языка HTML……………….6
1.1 Понятие web-сайта. Классификация web-сайтов.……………………..6
1.2 Язык HTML………………………………………………………………7
1.3 Структура HTML-документа……………………………………………8
1.4 Форматирование текста…………………………………………………9
2 HTML-редакторы……………………………………………………….....13
3 СОЗДАНИЕ САЙТА «ВЛАДИМИР ВЫСОЦКИЙ»………………………..19
3.1 Разработка структуры Web-сайта……………………………………..19
3.2 Работа с текстом………………………………………………………..21
3.3 Создание таблиц………………………………………………………..22
3.4 Создание списков………………………………………………………23
3.5 Графика………………………………………………………………….25
ЗАКЛЮЧЕНИЕ ………………………………………………………………....27
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ ……………………………... 28
Теги, использованные для форматирования текста:
Для перехода на новую строку без вставки пустой строки существует тег <BR>.
По умолчанию цвет текста в HTML-документе черный. Изменить цвет текста можно с помощью тега <BODY> </BODY>. Для этого в этот тег надо добавить еще один атрибут TEXT. Например, <BODY TEXT ="#FFCC66">.
Задает цвет только отдельным отрезкам текста параметр COLOR тега <FONT>.
Также тег <FONT> обладает параметрами SIZE (размер шрифта) и FACE (тип шрифта). Например, <FONT COLOR=#8B8682" SIZE="8"> </FONT>.
Применив эти теги, я получила следующее отображение текста в браузере (рис.4):
Рисунок
4 –Отображение текста в окне браузера
По умолчанию цвет текста в HTML-документе черный. Изменить цвет текста можно с помощью тега <BODY></BODY>. Для этого в этот тег надо добавить еще один атрибут TEXT.
Задает цвет только отдельным отрезкам текста параметр COLOR тега <FONT>.
Также
тег <FONT>.обладает параметрами SIZE (размер
шрифта) и FACE (тип шрифта).
3.3
Создание таблиц
Описание таблиц должно располагаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга. Каждая таблица должна начинаться тэгом <TABLE> и завершаться тэгом </TABLE>. Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек. Каждая строка начинается тэгом <TR> и завершается тэгом </TR>. Отдельная ячейка в строке обрамляется парой тегов <TD> и </TD> или <TH> и </TH>. Тег <TH> используется обычно для ячеек-заголовков таблицы, а <TD> — для ячеек-данных.
Таблица может иметь заголовок, который заключается в пару тегов <CAPTION> и </CAPTION>. Представление таблиц на странице моего сайта выглядит так (рис.5):
Рисунок
5 – Таблица на Web-странице
3.4
Создание списков
В языке HTML предусмотрен специальный набор тегов для представления информации в виде списков. Списки являются одним из наиболее часто употребляемых форм представления данных, как в электронных документах, так и в печатных.
В языке HTML предусмотрены следующие основные типы списков: маркированный, нумерованный и список определений.
Для написания своего сайта я использовала маркированный список. Вид маркеров списка определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности. Для создания маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий тэги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа.
Каждый элемент списка должен начинаться тэгом <LI>. Тег <LI> не нуждается в соответствующем закрывающем тэге, хотя его наличие в принципе не возбраняется. Браузеры обычно при отображении документа начинают каждый новый элемент списка с новой строчки.
<UL>
может иметь параметр TYPE , который в свою
очередь может принимать значения DISC (маркеры
отображаются закрашенными кружочками),
CIRCLE (маркеры отображаются незакрашенными
кружочками), SQUARE (маркеры отображаются
закрашенными квадратиками).
Рисунок
6 – Отображение списка в окне браузера
3.5
Графика
Графика важна для Web-документов. Без иллюстраций документ однообразен, вял и скучен. Графика делает его визуально привлекательнее и передает одну из основных идей документа.
Для встраивания изображений в HTML-документ следует использовать тег <IMG>, имеющий единственный обязательный параметр SRC, определяющий URL-адрес файла с изображением.
При
включении графического изображения
в документ можно указывать его расположение
относительно текста или других элементов
страницы. Способ выравнивания изображения
задается значением параметра ALIGN тега
<IMG> (рис.7, рис.8).
Рисунок 7 – Выравнивание изображения по левому краю
Рисунок 8 – Выравнивание изображения по правому краю
ЗАКЛЮЧЕНИЕ
В ходе выполнения курсовой работы был получен Web-сайт, удовлетворяющий всем требованиям и готовый к применению. С его помощью пользователи смогут получить необходимую информацию.
Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML-редакторы лучше использовать в Web-дизайне, каковы преимущества и недостатки тех или иных программных пакетов.
Итак, поняв принцип построения Web-страницы, изучив возможности соединения в ней различных видов информации. Мы можем смело сказать, что Web-страницы, с их потенциалом могут применятся для различных целей.
Web-страница – это лицо той фирмы, того учреждения, того человека, который разместил ее в WWW. Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него напрямую зависит популярность того или иного информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.
Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера. Для того, чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.
Подводя
итог всему выше сказанному, хочется
отметить, что HTML стал тем форматом
передачи данных, который наиболее полно
и качественно удовлетворяет запросы
современного общества. Несомненным фактом
является и то, что будущее именно за HTML.
СПИСОК
ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ