- •Введение
- •1 Лабораторная работа №1
- •1.1 Цель работы
- •1.2 Порядок выполнения работы
- •1.3 Методические указания
- •1.3.1 Рекомендации по планированию Web-сайта
- •1.3.2 Главное окно программы FrontPage
- •1.3.3 Главное меню программы FrontPage
- •1.3.5 Ввод и форматирование текста
- •1.3.7 Гиперссылки
- •1.3.8 Закладки
- •1.3.9 Настройка цвета ссылки
- •1.3.10 Динамические кнопки
- •1.3.11 Рисунки
- •1.3.12 Мультимедиа
- •1.3.13 Web-компоненты
- •1.3.14 Таблицы
- •1.3.15 Фреймы
- •1.4 Контрольные вопросы
- •1.5 Тесты
- •2 Лабораторная работа №2
- •2.1 Цель работы
- •2.2 Порядок выполнения работы
- •2.3 Методические указания
- •2.3.1 Общие положения языка HTML
- •2.3.2 Структура HTML-документа
- •2.3.3 Форматирование текста
- •2.3.4 Специальные тэги HTML
- •2.3.5 Ссылки
- •2.4 Контрольные вопросы
- •2.5 Тесты
- •3 Лабораторная работа №3
- •3.1 Цель работы
- •3.2 Порядок выполнения работы
- •3.3 Методические указания
- •3.3.1 Метаданные
- •3.3.2 Фреймы
- •3.4 Контрольные вопросы
- •3.5 Тесты
- •4 Лабораторная работа №4
- •4.1 Цель работы
- •4.2 Порядок выполнения работы
- •4.3 Методические указания
- •4.3.1 Мультимедиа
- •4.3.2 Графика и анимация
- •4.3.3 Таблицы
- •4.3.4 Списки
- •4.4 Контрольные вопросы
- •4.5 Тесты
- •5 Лабораторная работа №5
- •5.1 Цель работы
- •5.2 Порядок выполнения работы
- •5.3 Методические указания
- •5.3.1 Карты – изображения
- •5.3.2 Формы
- •5.4 Контрольные вопросы
- •5.5 Тесты
- •Список использованных источников
- •Приложение А
- •Приложение Б
<SMALL></ SMALL> - Отображает текст меньшего размера. <SUB></SUB> - Сдвигает текст ниже уровня строки и выводит его
шрифтом меньшего размера.
<SUP></SUP> - Сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера.
<BLINK></BLINK> - Отображает мигающий текст.
<BASEFONT> - Используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию
<FONT size=… color=... face=...> текст </FONT> - Указывает параметры шрифта.
size — устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента font. Можно задать абсолютный размер шрифта, указав какое-либо целое число от 1 до 7. Для шрифта можно также указывать относительный размер, сообщая атрибуту целое число со знаком (это может быть size="+1" или size="-2").
color — указывает цвет, которым будет выделен данный кусок текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается один из стандартных цветов.
face — задает гарнитуру шрифта.
2.3.4 Специальные тэги HTML
Тэг <ADDRESS> используется для выделения автора документа и его адреса (e-mail). Синтаксис:
<ADDRESS> Адрес-автора </ADDRESS>
Некоторые символы являются управляющими символами в HTML и не могут напрямую использоваться в документе:
-левая угловая скобка "<"
-правая угловая скобка ">"
-амперсанд "&"
-двойные кавычки """
Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями: < — < > — > & — & " — ".
Существует большое количество escape-последовательностей для обозначения специальных символов ("©" для обозначения знака и "®" для значка ). Одной из особенностей является замена символов во 2- ой части символьной таблицы (после 127-ого символа) на escapeпоследовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.
Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <.
32
2.3.5 Ссылки
Гипертекстовые связи (ссылки) являются наиболее важным элементом Web-страниц. С их помощью делают документ связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.
Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например, запрашивать файл по FTP-протоколу для отображения его браузером. URL (Universal Resource Locator) - универсальный способ адресации ресурсов в сети может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных Web-сайтов. В URL после имени файла через # (диез) может указываться специальный маркер. Данный элемент является ссылкой на строку (точку) внутри HTML-документа /5/.
Ссылка состоит из двух частей. Первая из них — это то, что видно на Web-странице; она называет указатель ссылки (anchor). Вторая часть, дающая инструкцию браузеру, называется адресной частью ссылки (URL-адрес). Когда происходит щелчок мышью по указателю ссылки, браузер загружает документ, адрес которого дается URL-адресом. Ниже рассмотрены правила построения отдельных элементов ссылок. Вторая часть ссылки является URL – адрес. Это не что иное, как адрес Web – страницы, которая будет загружена при щелчке мышью на указателе.
Ссылка осуществляется тэгом <A>. Тэг <A> имеет единственный параметр HREF, значением которого является URL-адрес. Этот тэг является контейнером, поэтому необходимо поставить закрывающий тэг </A>.
<А HREF = URL - адрес>Текстовый указатель ссылки</А>
Указатель может быть как относительным, так и абсолютным. Относительные указатели удобны в использовании. Намного проще вста-
вить только имя файла, а не весь длинный URL-адрес. Они также позволяет перемещать файлы в пределах сервера без больших изменений в межстраничной адресации.
URL-адрес, полностью определяющий компьютер, каталог и файл, называется абсолютным. В отличие от относительных, абсолютные указатели могут ссылаться на файлы, расположенные на других компьютерах.
Кроме ссылок на другие документы, часто бывает полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы.
Для построения внутренней ссылки сначала нужно создать указатель, определяющий место назначения. Например, если необходимо сделать ссылку на текст определенной главы документа, нужно разместить там указатель и дать ему имя при помощи параметра NAME тэга <A>. При этом параметр HREF не используется, и браузер не выделяет содержимое тэга <A>.
Пример:
33
<А NAME=chapter_5> </A>
Необходимо обратить внимание, что в приведенном примере отсутствует содержимое тэга <A>. Обычно именно так и делают, поскольку здесь нет необходимости как-то выделять текст, а требуется лишь указать местоположение.
После того как место назначения определено, можно приступить к созданию ссылки на него. Для этого, вместо указания в параметре HREF адреса документа, как это делалось ранее, поместим туда имя ссылки с префиксом #, говорящим о том, что это внутренняя ссылка.
Пример:
<А HREF="#chapter_5">Глава 5</A>
Теперь, если пользователь щелкнет кнопкой мыши на словах "Глава 5", браузер выведет соответствующую часть документа в окне просмотра.
Web-пространство является лишь частью сети Интернет. Другие ресурсы начали свое существование задолго до рождения WWW, поэтому накопили уже много достойной внимания информации и имеют достаточно большую аудиторию. Поэтому, разрабатывая свою персональную страницу или документ можно включить ссылки и на другие ресурсы.
Ресурсы Интернета весьма разнообразны по форме и содержанию. Хотя HTML предполагает возможность создания своих собственных версий этих ресурсов с помощью механизма обработки данных форм, есть более простые пути к взаимодействию с системами UseNet, Telnet, FTP, e-mail и другими. Например, можно создать документ с использованием различных тэгов форм, текстовых элементов и кнопкой для отправки электронного письма на необходимый адрес. Однако будет намного проще для связи указать лишь свой адрес электронной почты. В этом случае упрощается обновление страницы, которое не будет связано с изменениями форм. Кроме того, многие браузеры имеют встроенную поддержку некоторых ресурсов, что дает возможность сократить время на установление связи с ними.
Самой популярной деятельностью в Интернете является обмен электронными письмами. Пользователей этого ресурса намного больше, чем любого другого. Большинство современных программ для обмена электронными сообщениями имеют дружественный интерфейс и просты в использовании.
Создание ссылки на электронную почту так же просто, как и на другую страницу. Для этого вместо URL-адреса следует указать адрес электронной почты, предварив его словом mailto:.
Пример:
<A HREF="mailto:serg@mail.ru">Присылайте ваши отзывы</А>
Ссылки на другие ресурсы Интернета записываются аналогично.
Web – страница |
- |
http://sitename |
- |
mailto:address |
|
Newsgroup |
- |
news:newsgroupname |
ftp |
- |
ftp://sitename |
Gopher |
- |
gopher://sitename |
34 |
|
|
