Sem02: Язык HTML. Фреймы

Документ взят из кэша поисковой машины. Адрес оригинального документа : http://www.astro.spbu.ru/staff/afk/Teaching/Seminars/XimFak/Sem02.htm
Дата изменения: Fri Nov 19 16:06:12 2010
Дата индексирования: Tue Oct 2 04:26:30 2012
Кодировка: Windows-1251
Поисковые слова: helix nebula

			Изменение размера шрифта
Тема 2 практических занятий: Язык HTML. Фреймы		Основы языка HTML и введение в CSS и JavaScript		+	-

Замечание 1: Все выполненные задания и вспомогательные файлы сохранять(если это не оговорено особо) в вашей Личной папке.

Замечание 2: После выполнения заданий удалить все ненужные файлы в вашей личной папке, закрыть все окна на рабочем столе и завершить работу с компьютером, если ваше занятие - последнее.

Замечание 3: Для того, чтобы открыть гиперссылку в отдельном окне, используйте правую кнопку мыши и выберите нужный пункт из контекстного меню.

ВНИМАНИЕ! На этой странице находятся дополнительные справочные материалы по языку HTML и примеры фреймов.

Задания семинара 2

Подтема 1: Редактирование личной страницы

1. Откройте страницу Main.htm.

2. Перейдите в режим редактирования документа с помощью редактора программы Mozilla или другого редактора.

3. Исправьте данные Петрова на ваши. Добавьте при желании информацию о вас на страницу.

Подтема 2: Вставка гиперссылок

1. Откройте страницу Menu.htm для редактирования.

2. Вставьте гиперссылку на страницу Main.htm. Найдите в файле URL.htm текст Главная страница. Оформите гиперссылку с помощью тега <A>:
Слева от текста добавьте адрес файла main.htm <A href="Main.htm">, а справа - завершающий тег </A>.

3. Вставьте гиперссылку на сайт Санкт-Петербургского университета (http://www.spbu.ru) к тексту СПБГУ на странице Menu.htm. В данном случае следует использовать полный адрес сайта при оформлении гиперссылки:
<A href="http://www.spbu.ru">

4. Вставьте гиперссылку на файл URL.htm к тексту страница url.htm (без фреймов)" (см. пункт 2).

5. Посмотрите, как выглядит ваша страница в кодах HTML (в браузере Mozilla закладка <HTML> Source внизу страницы) и в окне Браузера.

Подтема 3. Настройка фоновых изображений
Основные цвета RGB Фоновые рисунки

1. Поменяйте фон вашей личной страницы. Найдите внутри тега BODY параметр bgcolor=. Откройте таблицу основных цветов (ссылка Основные цвета рядом с названием подтемы). Выберите подходящий цвет фона и вставьте его название как значение параметра bgcolor= (вместо значения cornsilk). Сохраните изменения на странице и просмотрите изменения в браузере.

2. Поменяйте фон вашей страницы Links.htm. Найдите внутри тега BODY параметр bgcolor=. Откройте таблицу цветов в представлении RGB (ссылка RGB рядом с названием подтемы 3). Выберите подходящий цвет фона и вставьте его цифровое значение вместо значения #444400. Сохраните изменения на странице и просмотрите изменения в браузере.

3. Установите фоновый рисунок со звездным фоном на странице Logo.htm с помощью параметра background тега BODY. Список фоновых рисунков можно просмотреть с помощью ссылки Фоновые рисунки рядом с названием подтемы

4. Установите подходящий фоновый рисунок на странице Menu.htm (см. пункт 3 для справки).

Подтема 4. Создание фреймов на основе готовых WEB-страниц.

1. Открыть страницу со фреймами в папке PrimerFrame и познакомиться с ее устройством.

2. Собрать фрейм с помощью файла Index.htm. Вставить в файле Index.htm в первую строчку, начинающуюся с тега <frame name= "" ... название (name) фрейма (Logo) и указать его источник (src): Logo.htm.

3. Повторить эту операцию с оставшимися фреймами: links, main, menu (links.htm, main.htm и menu.htm) и сохранить файл index.htm. Просмотреть, как выглядеть вся страница с фреймами Index.htm.
Примечание: Во всех фреймах страницы Index.htm должны находиться загружаемые вами страницы.