Документ взят из кэша поисковой машины. Адрес
оригинального документа
: 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 Поисковые слова: п п п п п |
Изменение размера шрифта | |||||
Тема 2 практических занятий: |
Основы языка HTML и введение в CSS и JavaScript |
+ | - |
Замечание 1: Все выполненные задания и вспомогательные файлы сохранять(если это не оговорено особо) в вашей Личной папке.
Замечание 2: После выполнения заданий удалить все ненужные файлы в вашей личной папке, закрыть все окна на рабочем столе и завершить работу с компьютером, если ваше занятие - последнее.
Замечание 3: Для того, чтобы открыть гиперссылку в отдельном окне, используйте правую кнопку мыши и выберите нужный пункт из контекстного меню.
ВНИМАНИЕ! На этой странице находятся дополнительные справочные материалы по языку HTML и примеры фреймов.
1. Откройте страницу Main.htm.
2. Перейдите в режим редактирования документа с помощью редактора программы Mozilla или другого редактора.
3. Исправьте данные Петрова на ваши. Добавьте при желании информацию о вас на страницу.
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 для справки).
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 должны находиться загружаемые вами страницы.