2 Внутрисистемные
Предположим - есть две WEB страницы 1.htm и Fr3.htm (находящиеся в одной папке), необходимо организовать переход с одной страницы на другую и обратно.
Исходный текст для первой страницы (1.htm) будет выглядеть так:
<HTML>
<BODY>
<a href="Fr3.htm">перейди вперед
</a>
</BODY>
</HTML>
Программа для второй страницы (Fr3.htm):
<HTML>
<BODY>
<a href="1.htm">перейди назад</a>
Если нужная страница находится в другой папке, то указывается полный адрес.
Задание. Выполните приведенные примеры. Объясните полученный результат.
Фреймы Лабораторная работа №4
Что же такое фреймы? Представьте себе Web-страницу, условно разделенную на несколько частей таким образом, что источником каждой из этих частей является независимая страница. В одной части страницы можно поместить меню, в другой – элементы графического оформления, неизменные для всей данной части сайта, а в третью загружать страницы с информацией. Это позволит минимизировать задержки, возникающие при загрузке страниц, и уменьшить объем HTML-кода сайта. С позиции HTML фреймы устроены очень просто и описываются небольшим количеством тегов. Для создания странички с фреймами мы должны создать количество страниц, равное количеству частей (фреймов), на которое разделена страничка, плюс еще одну «материнскую» страничку, которая будет содержать описание фреймовой структуры. Структура фреймов описывается в отдельном файле с помощью тега <FRAMESET> («материнская» страничка).
1. Создайте web страницу под именем airport со следующим набором тэгов:
<HTML>
<FRAMESET COLS=”40%,60%”>
<FRAME SRC=menu.htm>
<FRAME SRC=welcome.htm name=”display”>
</HTML>
2. Создайте web страницу под именем menu со следующим набором тэгов
<HTML> <BODY bgcolor=FF4567> <PRE>
<A HREF =”TIME1.HTM” TARGET=” display”> 1. Время работы аэропорта </A>
2.Утренние рейсы
3.Дневные рейсы
4.Вечерние рейсы
</PRE> </BODY></HTML>
3.Создайте WEB страницу под именем WELCOME со следующим набором тэгов.
<HTML> <BODY bgcolor=00ff87>
<FONT SIZE=4 COLOR=ff8766>
ДОБРО ПОЖАЛОВАТЬ В НАШ АЭРОПОРТ!
</BODY></HTML>
4. Создайте WEB страницу под именем TIME1 со следующим набором тэгов.
<HTML> <BODY bgcolor=00ff87>
АЭРОПОРТ ОТКРЫТ С 6 УТРА ДО 10 ВЕЧЕРА ЕЖЕДНЕВНО!!
</BODY></HTML>
menu airport welcome
Задание. Выполните приведенные примеры. Объясните полученный результат.
Графика в web Лабораторная работа №5
Подготовка и размещение графических изображений в HTML – документах является нетривиальной задачей. Всегда необходимо поддерживать баланс между красочностью изображения и объемом графического файла, в котором оно хранится. Чаще всего применяются файлы форматов GIF и JPEG. Исторически GIF появился раньше:
в файлах этого формата рисунок хранится с большим коэфициентом сжатия;
один рисунок можно сделать прозрачным;
в этом формате могут быть сохранены анимированные изображения (мультики)
можно создавать файлы с черессрочным изображением;
удобен для хранения рисунков с четкими контурами.
Формат JPEG основан на сжатии изображения с потерями качества, подходит для рисунков и фотографий с плавными переходами цвета и яркости, с высоким цветовым разрешением (до 16 млн. цветов, а в GIF – 256 цветов).
1. Для размещения картинок на Web-страницах существует специальный тег <IMG>, имеющий обязательный параметр SRC="путь к графическому файлу " (Если файл находится на сервере в том же каталоге, что и документ, то путь к нему указывать не нужно — требуется указать только имя файла. Если файл изображения находится на том же сервере, но в другом каталоге, требуется указать путь к файлу от рабочего каталога).
Например: <HTML> <BODY> <IMG SRC=”Dog.jpg”> </BODY>. </HTML>