Тестирование и публикация Wеb-сайта
Прежде чем разместить свой Wеb-сайт на сервере в Иитернете, его необходимо тщательно протестировать, так как потенциальными посетителями вашего сайта являются десятки миллионов пользователей Интернета.
Необходимо просмотреть, как выглядят ваши страницы в наиболее распространенных браузерах Internet Ехр1огег и Netscape Navigator (а они могут выглядеть по-разному). Необходимо проверить:
• нормально ли читается текст на выбранном фоне;
• правильно ли расположены рисунки;
• правильно ли работают гиперссылки.
Для публикации Wеb-сайта необходимо найти подходящее место на одном из серверов Интернета. Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Wеb-сайтов на своих серверах (бесплатный хостинг).
Для публикации Wеb-сайта необходимо получить от провайдера необходимые сведения:
• URL-адрес сайта;
• секретные имя пользователя и пароль, которые необходимы администратору сайта для его редактирования.
Технология публикации Wеb-сайтов может иметь несколько вариантов:
• для публикации можно воспользоваться инструментальным средством, которое использовалось для создания Web-сайта (например, Nеtscape Composer );
• организация, предоставившая место на своем сервере, может предложить публиковать сайты через "Wеb-интерфейс с помощью браузера или с помощью оригинального Диспетчера файлов;
• наибольшие возможности при публикации предоставляют FTP-клиенты.
Практические задания
Найдите в Интернете серверы, которые предлагают услуги по размещению сайтов, и опубликуйте разработанный вами сайт.
Основные тэги HTML
| Назначение | Формат | Значения аргументов |
| Структура Web-страницы | ||
| Начало и конец страницы | <HTML></HTML> | |
| Описание страницы, в том числе её имя | <HEAD></HEAD> | |
| Имя страницы | <TITLE></TITLE> | |
| Содержание страницы | <BODY></BODY> | |
| Форматирование текста | ||
| Заголовок (уровни от 1 до 6) | <H?></H?> | |
| Заголовок с выравниванием | <H? ALIGN=”*”></H?> | left center right |
| Абзац | <P></P> | |
| Абзац с выравниванием | <P ALIGN=”*”></P> | left center right |
| Перевод строки | <BR> | |
| Горизонтальный разделитель | <HR> | |
| Выравнивание по центру | <CENTER></CENTER> | |
| Адрес автора | <ADDRESS></ADDRESS> | |
| Форматирование шрифта | ||
| Жирный | <B></B> | |
| Курсив | <I></I> | |
| Верхний индекс | <SUB></SUB> | |
| Нижний индекс | <SUP></SUP> | |
| Размер шрифта (от 1до 7) | <FONT SIZE=?></FONT> | |
| Цвет шрифта (задается названием цвета или его 16-тиричным кодом) | <FONT COLOR=”#RRGGBB”> </FONT> | red blue #FFFFFF и др. |
| Гарнитура шрифта | <FONT FACE=”*”></FONT> | Arial, Tahoma, Times и др. |
| Вставка изображений | ||
| Вставка изображения | <IMG SRC=”URL”> | |
| Выравнивание текста около изображения | <IMG SRC=”URL” ALIGN=”*”> | top bottom middle left right |
| Вывод текста вместо изображения | <IMG SRC=”URL” ALT=”*”> | текст |
| Цвет фона, текста и ссылок | ||
| Фоновое изображение | <BODY BACKGROUND=”URL”> | |
| Цвет фона | <BODY BGCOLOR=”#RRGGBB”> | red blue #FFFFFF и др. |
| Цвет текста | <BODY TEXT=”#RRGGBB”> | |
| Цвет ссылки | <BODY LINK=”#RRGGBB”> | |
| Цвет пройденной ссылки | <BODY VLINK=”#RRGGBB”> | |
| Цвет активной ссылки | <BODY ALINK=”#RRGGBB”> | |
| Вставка гиперссылок | ||
| Ссылка на другую страницу | <A HREF=”URL”>указатель ссылки</A> | |
| Ссылка на закладку в другом документе | <A HREF=”URL#*”>указатель ссылки</A> | |
| Ссылка на закладку в том же документе | <A HREF=”#*”>указатель ссылки</A> | |
| Определение закладки | <A NAME=”*”></A> | |
| Списки | ||
| Ненумерованный | <UL><LI></UL> | |
| Тип метки | <UL TYPE=”*”> | disk circle square |
| Нумерованный | <OL><LI></OL> | |
| Тип нумерации | <OL TYPE=”*”> | A,a,I,i,1 |
| Первый номер списка | <OL START=?> | 1,2,... |
| Список определений <DT>термин <DD>определение | <DL> <DT> <DD> </DL> | |
| Меню | <MENU><LI></MENU> | |
| Каталог | <DIR><LI></DIR> | |
| Формы | ||
| Форма | <FORM></FORM> | |
| Текстовое поле | <INPUT TYPE=”text” NAME=”name” SIZE=?> | 1,2,... |
| Группа переключателей | <INPUT TYPE=”radio” NAME=”group” VALUE=”*”> | rad1 rad2 rad3 |
| Группа флажков | <INPUT TYPE=”checkbox” NAME=”group” VALUE=”*”> | ch1 ch2 ch3 |
| Раскрывающийся список | <SELECT NAME=”list”> <OPTION>Первый <OPTION>Второй </SELECT> | |
| Текстовая область | <TEXTAREA NAME=”resume” ROWS=? COLS=?></TEXTAREA> | 1,2,... |
| Кнопка Отправить | <INPUT TYPE=”submit” VALUE=”Отправить”> | |
| Кнопка Очистить | <INPUT TYPE=”reset” VALUE=”Отправить”> |