- •Компьютерные сети, как средство обмена информацией.
- •Технология World Wide Web (www).
- •Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- •Понятие веб-дизайна. Профессия веб-дизайнера
- •Искусство веб-дизайнера. Необходимые навыки.
- •Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- •Этапы разработки web-сайта
- •Основные языки веб-программирования. Клиентские и серверные языки.
- •Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- •Структура html-документа
- •Заголовок и тело html-документа Заголовок документа
- •Тело документа
- •Цветовое оформление документа
- •Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- •Логическое форматирование гипертекста
- •Физическое форматирование
- •Использование графики в html-документах
- •Гиперссылки. Абсолютный и относительный url
- •Списки в html. Виды. Общая характеристика.
- •Нумерованные списки в html
- •Маркированные списки в html
- •Виды верстки веб-страниц. Общая характеристика.
- •Табличная верстка в html.
- •Блочная верстка в html.
- •Выравнивание данных в ячейках. Align и valign
- •Объединение ячеек в нтмl.
- •Общее определение каскадных таблиц стилей css. Цель создания css
- •Способы подключения css к документу
- •Построение правила css. Виды селекторов Построение правила css
- •Виды селекторов
- •Наследование. Каскадирование. Приоритеты стилей css.
- •Преимущества и недостатки css-вёрстки
- •Классы элементов. Идентификаторы элементов.
- •Подготовка иллюстраций для web. Gif. Jpeg.
- •Общее понятие фреймов.
- •Хостинг. Размещение сайта в Интернете.
-
Табличная верстка в html.
(см.выше)
-
Блочная верстка в html.
(см.выше)
-
Таблицы в HTML. Средства описания таблиц в HTML. <ТR></ТR>.
По мере развития WWW стало ясно, что средств, которые заложены в НТМL, недостаточно для качественного отображения различного типа документов. Недостатком НТМL было отсутствие в его составе средств отображения таблиц. Для этой цели обычно использовался предформатированный текст (тег <PRE> ), в котором таблица обрисовывалась символами АSСII. Но такая форма представления таблиц была недостаточно высокого качества и выбивалась из общего стиля документа. После введения таблиц в HTML у Web-мастеров появился не просто инструмент для размещения текстовых и числовых данных, а мощное средство дизайна для размещения в нужном месте экрана графических образов и текста.
Для описания таблиц используется тег <ТАВLЕ> . Тег <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы.
Создание строки таблицы - тег <ТR>
Тег <ТR> (Таble Row, строка таблицы ) создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.
Определение ячеек таблицы - тег <ТD>
Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Число тегов <ТD></ТD> в строке определяет число ячеек
-
Заголовки столбцов таблицы - тег <ТН>
Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН> (Таblе Неаder, заголовок таблицы ). Эти теги подобны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тегами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю. Если воспользоваться <ТD></ТD> с тегом <В> и атрибутом <АLIGN=center>, текст тоже будет выглядеть как заголовок. Однако следует иметь в виду, что не все браузеры поддерживают в таблицах жирный шрифт, поэтому лучше задавать заголовки таблиц с помощью <ТН>.
-
Использование заголовков таблицы - тег <САРТIОN>
Тег <CAPTION> позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над ( <САРТION АLIGN=top> ), либо под таблицей ( <САРТION ALIGN=bottom> ). Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы. Иногда тег <САРТION> используется для подписи под рисунком. Для этого достаточно описать таблицу без границ.
-
Основные атрибуты <table>
Атрибут |
Назначение |
BORDER=n |
Определяет ширину рамки таблицы (в пикселах), например, BORDER=1; значение, равное нулю, означает отсутствие рамки |
WIDTH=n |
Определяет ширину всей таблицы в пикселах, либо в процентах от ширины окна браузера |
HEIGHT=n |
Определяет высоту всей таблицы в пикселах, либо в процентах от высоты окна браузера |
ALIGN |
Задает горизонтальное выравнивание таблицы в окне браузера; имеет значения left, center и right (по умолчанию -- left) |
CELLPADDING=n |
Добавляет свободное пространство между данными внутри ячейки и ее границами; по умолчанию значение равно 2 |
CELLSPACING=n |
Добавляет свободное пространство между ячейками внутри всей таблицы; по умолчанию значение равно 2 |
HSPACE=n |
Задает области свободного пространства указанной ширины (в пикселах) слева и справа от таблицы |
VSPACE=n |
Задает области свободного пространства заданной высоты (в пикселах) сверху и снизу от таблицы |
BGCOLOR=цвет |
Устанавливает цвет фона всей таблицы |
BACKGROUND=URL |
Указывает фоновое изображение для таблицы, где URL -- адрес источника (имя файла с изображением) |