Создание и форматирование таблиц.

Таблицы в HTML используются в целях упорядочивания и группировки данных.

Для создания таблицы служит элемент TABLE, который обозначается парными тегами <TABLE>, </TABLE>.

По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Таблица имеет многочисленные атрибуты

Ячейки таблицы задаются элементом TD внутри тегов <TD>, </TD>, закрывающий тег может не использоваться.

Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок.

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

Заголовок таблицы задается с помощью элемента CAPTION и может состоять только из текста. Данный элемент должен быть задан непосредственно после тега <TABLE>.

Он задается парными тегами <CAPTION>, </CAPTION>.

Полный текст HTML-кода для реализации этой таблицы:

<html>

<head>

<title>Создание таблицы</title>

</head>

<body>

<B>Объем продаж по магазинам за год</B>

</CAPTION>

<TD rowspan=2><B>Магазин\Период</B>

<TD colspan=4><B>Текущий год</B>

<TD><B>Квартал I</B>

<TD><B>Квартал II</B>

<TD><B>Квартал III</B>

<TD><B>Квартал IV</B>

<TD align=left>Магазин 1

<TD>129000<TD>125000<TD>132000<TD>140000

<TD align=left>Магазин 2

<TD>135000<TD>138000<TD>134000<TD>149000

<TD align=left>Магазин 3

<TD>112000<TD>120000<TD>118000<TD>137000

<TD align=left>Магазин 4

<TD>150000<TD>152000<TD>144000<TD>162000

<TD align=left>Магазин 5

<TD>148000<TD>155000<TD>165000<TD>180000

</TABLE>

</body>

</html>

В настоящее время таблицы являются одним из основных элементов дизайна web-страниц. Это связано с тем, что в языке HTML понятие “таблица” имеет два значения.

Первое, таблица – это специальная форма, предназначенная для размещения информации.

Второе значение представляет таблицу средством разметки web-страниц.

Разработку сайта следует начинать с постановки задачи.

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

2. Подготовительный этап, который включает:

- анализ конкурентной среды;

- выявление конкурентных преимуществ предприятия;

- создание маркетинговой концепции сайта;

- предложения по информационному наполнению сайта.

3. Техническое проектирование, включающее:

- создание макета сайта;

- построение дерева сайта, отражающего иерархию web-страниц;

- выработка маршрутов навигации по сайту;

4. Тестирование и публикация сайта в сети Интернет.

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

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

Основными модулями принято считать:

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

<6 789 10 11 12 >

Дата добавления: 2016-05-31; просмотров: 2060;

Создание и форматирование таблиц.

Публикации по технике и механике

Публикации по биологии

Публикации по информатике

Публикации по строительству

Публикации по физике

Публикации по химии

Публикации по электронике

Публикации по искусству

Публикации по истории

Публикации по медицине

Публикации по педагогике