Создание web-страницы с помощью гипертекстовой разметки HTML с использованием таблиц

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ

Учреждение образования

«Гомельский государственный университет

имени Франциска Скорины"

Математический факультет

Кафедра вычислительной математики и программирования

Курсовая работа Создание web-страницы с помощью гипертекстовой разметки HTML с использованием таблиц Исполнитель студент группы М-21 В. И. Богинский Научный руководитель преподаватель-стажер Н. А. Свитич Гомель 2012

Реферат

Курсовая работа 24 страницы, 2 таблицы, 1 рисунок, 1 приложение, 5 источников Ключевые слова: HTML, тег, форматирование текста, перевод строки, пробелы, табуляция, разрывы строк, шрифты, цвет фона, цвет текста, разделы, заголовки, горизонтальные линии, формат задания и общие параметры таблицы, параметры заголовка, строк и ячеек таблицы, группирование строк и столбцов таблицы.

Объект исследования: язык разметки гипертекста HTML.

Цель курсовой работы: научиться создавать web-страницы с помощью гипертекстовой разметки HTML с использованием таблиц.

Задачами курсовой работы являются: научиться применять команды, используемые для создания web-страницы.

Выводы: ознакомился с работой в среде HTML, его основными тегами, изучил принцип создания web-страницы с помощью гипертекстовой разметки HTML с использованием таблиц, выполнил практическое задание, которое наглядно иллюстрирует принцип создания web-страницы с помощью гипертекстовой разметки HTML с использованием таблиц.

Содержание

1. Структура HTML — документа

2. Цветовые спецификации

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

4. Разделы, заголовки и горизонтальные линии

5. Таблицы

5.1 Формат задания и общие параметры таблицы

5.2 Параметры заголовка, строк и ячеек таблицы

5.3 Группирование строк и столбцов таблицы

5.4 Наследование свойств выравнивания Заключение Список использованных источников Приложение, А Выполненное задание

Введение

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

Курсовая работа содержит описание языка разметки гипертекста HTML, являющегося основой создания web-сайтов.

Web-страницы. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы — HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.

Создание Web-страниц с использованием HTML-тэгов требует больших усилий, времени и знания синтаксиса языка. Применение специальных инструментальных программных средств (Web-редакторов) делает работу по созданию Web-сайтов простой и эффективной. Процесс создания и редактирования страниц в Web-редакторах очень нагляден, так как производится в режиме WYSIWYG (от англ. «What You See Is What You Get» — «Что видишь, то и получишь»).

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

Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц. Сайт должен содержать систему гиперссылок, которая позволяет пользователю перемещаться по Web-страницам.

Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщательно протестировать, так как потенциальными посетителями вашего сайта будут являться десятки миллионов пользователей Интернета.

Для публикации Web-сайта необходимо найти подходящее место на одном из серверов Интернета. Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах (бесплатный хостинг).

1. Структура HTML - документа

Директивы HTML называются тегами. Теги заключаются в угловые скобки. Все теги за исключением некоторых — парные. Закрывающий тег отличается от открывающего наличием символа /. Синтаксис записи тега:

<�ТЕГ> обрабатываемое значение </ТЕГ>

Теги допускают вложение друг в друга. Все объекты не заключенные в угловые скобки, воспринимаются как текстовые элементы.

HTML не чувствителен к регистру, однако рекомендуется применять при написании тегов заглавный регистр для улучшения читаемости кода. Исключением являются адреса URL и escape-последовательности.

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

Синтаксис записи тега в совокупности с его атрибутом:

<�ТЕГ имя_атрибута₁="значение"

…

имя_атрибута_n="значение">

Значения атрибутов заключаются в прямые кавычки <�">. Если внутри атрибута тега встречается другое значение, заключенное в кавычки, то есть имеет место вложение одних кавычек в другие, в качестве внутренних кавычек рекомендуется использовать одинарные. Такое выражение выглядит следующим образом:

<�ТЕГ имя_атрибута₁="значение₁;

'значение2';

значение3">

Спецификация языка позволяет опускать кавычки в следующих видах атрибутов:

1) атрибуты, записываемые только строчными или заглавными символами латинского алфавита и не включающие иных символов, например цифр;

2) атрибуты, состоящие только из цифр от 0 до 9;

3) атрибуты, обозначающие промежутки времени.

Например, запись атрибутов border="1″ или align="center" допустимо представить в виде border=1 или align=center.

Структура HTML документа:

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

Тело документа, содержащее основной код

Комментарии. Комментарии открываются символьной последовательностью, начинающейся с открывающей угловой скобки, восклицательного знака и двух знаков тире .

Формат комментария:

Дефинитивный определить. Согласно спецификациям HTML тег DOCTYPE (что означает «объявление типа документа» или дефинитивный определить) сообщает валидатору, какая версия HTML используется на странице. Этот тег должен всегда находиться в первой строке каждой страницы. Тег DOCTYPE — ключевой компонент web-страниц, претендующих на соответствие стандартам: без него код и CSS не пройдет проверку валидатором.

Тег DOCTYPE также важен для правильного отображения и работы страницы в браузерах, соответствующих стандартам (Mozilla, IE5/Mac, и IE6/Win).

Тег DOCTYPE, в атрибутах которого указывается полный URI (полный web-адрес), сообщает браузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта.

Форматы тега DOCTYPE для стандартов HTML 4.01 Strict (строгий), Transitional (переходный), Frameset (с фреймами):

2. Цветовые спецификации

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

Для вывода цветных изображений на экран монитора применяется так называемая палитра RGB (Red, Green, Blue). Согласно данному стандарту, теоретические основы которого были разработаны ученым-физиком Г. Гельмгольцем, можно получить абсолютно любой желаемый оттенок путем смешивания всего лишь трех красок: красной, зеленой и синей.

Для обозначения цвета шестнадцатеричным цифровым кодом перед самим кодом ставится символ