- •Содержание Теоретическая часть
- •Дание сайта шаг за шагом
- •1 Инструментальные средства для создания вэб–страниц html-редактор/блокнот
- •Графический редактор
- •Браузер
- •2 Создание шаблона страницы
- •Алгоритм создания шаблона страницы:
- •3 Создание текстового документа
- •Тэги управления цветом и размером шрифта Задание базового шрифта
- •Горизонтальная разделительная линия
- •Алгоритм создания текстового документа:
- •4 Создание ссылок в документе
- •Ссылки в пределах одного документа
- •Внешние ссылки
- •Алгоритм создания ссылок в документе:
- •5 Создание графики в документе
- •Графическое изображение – ссылка.
- •Алгоритм создания графических ссылок в документе:
- •6 Создание таблиц
- •Элемент table
- •Элемент caption
- •Элемент tr
- •Элементы td и th
- •Алгоритм создания таблиц в документе:
- •7 Общие правила проектирования навигационной схемы сайта
- •8 Создание главной и основной страницы
- •9 Хостинг, обзор компаний Интернета
- •10 Выгрузка и тестирование сайта
- •11 Раскрутка сайта Мета-тэги
- •Поисковые сервера
- •12 Банерообменные сети
- •Краткая справка по html
Горизонтальная разделительная линия
Вывод горизонтальной линии осуществляется с помощью тэга <hr>
В этом тэге можно применять атрибуты:
ALIGN=LEFT / CENTER / RIGHT – выравнивание линии.
NOSHADE – линия без тени.
SIZE – толщина линии в пикселях.
WIDTH – ширина линии.
Пример:HTML код:
<HR> <HR ALIGN=”CENTER” SIZE=”10” WIDTH=”50%” NOSHADE>
Результат выполнения – обычная линия:
В итоге на экране браузера можно будет видеть линию шириной 5 пикселей, выровненную по центру, шириной 50 процентов от ширины страницы, без тени.
Алгоритм создания текстового документа:
Шаг 1. Откройте обычный блокнот
Шаг 2. Напишите код и вставьте в блокноте
Шаг 3. Сохраните скопированный код в файле с произвольным именем, но с расширением HTML, например как index.html и кликните на нем мышкой. Запустится браузер, в окне которого на белом фоне, разными шрифтами будет отражаться контент (содержание) страницы. Поэкспериментируйте сначала с заменой текста, размерами, вставкой линий, изменением заголовков и т.д.
4 Создание ссылок в документе
Ссылка создается тэгом <A>ссылка</A>. Атрибуты тэга <A> приведены в таблице 6.2.
Таблица 6.2 – Атрибуты тэга <A>
Атрибут |
Назначение |
href=»URL» |
URL-адрес объекта ссылки. |
Name=»имя ссылки в документе « |
Используется для организации ссылок внутри одного и того же документа HTML |
target=»имя окна, в которое должен быть загружен документ « |
Может принимать одно из следующих значений: _blank – документ будет загружен в новое окно браузера; _parent – документ будет загружен в окно, которое является родительским по отношению к текущему; _search – загружает ссылку в панель поиска браузера (доступно в Internet Explorer 5 и выше); _self – документ будет загружен в то же самое окно, где расположена ссылка; _top – при использовании фреймов, документ займет все окно браузера |
title |
Название, которое появится внизу браузера при наведении мышью на ссылку. |
Чтобы задать ссылку, например, на документ file.htm, находящийся в папке folder из документа index.htm, следует указать:
<a href=”folder1/file.htm”>ссылка на файл file.htm в директории folder1</a>
Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа index.htm, и сделать так, чтобы он открылся в новом окне браузера, следует указать:
<a href=”folder2/file.htm” target=”_blank”> ссылка на файл file.htm в директории folder2</a>
Чтобы задать ссылку из документа file.htm, находящегося в папке folder1 на документ index.htm, следует указать:
<a href=»../index.htm»>ссылка на файл index.htm в той же директории</a>< /FONT>
В этом случае команда «../» указывает серверу перейти в папку, находящуюся на уровень выше относительно текущей. Соответственно, команда../../ укажет серверу совершить два перехода вниз. Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа file.htm, находящегося в папке folder1, следует указать:
<a href=»../folder2/file.htm»>ссылка на файл file.htm в директории folder2 из файла file.htm в директории folder1</a>
