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

Поисковые слова: п п п п п п п п п п п п п п п п
Sem01: Задания к Теме 1 практических занятий:
  Изменение размера шрифта

Тема 1 практических занятий:
Язык HTML. Создание личных WEB страниц

 

Основы языка HTML и введение в CSS и JavaScript


  + -

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

Замечание 2: Создать в личной папке каталоги img и bg и заполнить эти папки рсунками из папок img и bg соответственно.

Замечание 3: Работа выполняется только с файлами, которые предварительно были сохранены в папке Sem01 или во вложенных в нее папках. Править файлы, находящиеся на сайте в сети Internet невозможно.

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

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

Подтема 1: Форматирование текста (Шрифт и размер)

1. Откройте документ Text.htm в окне Браузера. Сохраните его в вашей Личной папке в папке Sem01.

2. Открыть сохраненный вами в вашей Личной папке файл Text.htm для редактирования (File/Edit Page или View/Page Source) и познакомиться со стилями оформления текста в зависимости от используемых операторов (Тэгов) языка HTML.

3. Изменить текст в строке Текст размера 1. Поменять Size=1 => Size=7 и Size=7 => Size=2 в строке Текст размера 7.

Подтема 2. Цвет текста и фона. Заголовки

1. Сохраните в вашей Личной папке в папке Sem01 файл ColorFon.htm и откройте его для редактирования. Ознакомтесь со способами выравнивания абзацев и выбора цвета текста.

2. Поменяйте цвет текста в строке "Текст, выровненный по левому краю!":
black -> magenta = #000080

3. Поменяйте цвет фона (добавить в Тег body перед закрывающейся скобкой > после пробела строку bgcolor=#RRGGBB, где вместо RR должно быть дано значение интенсивности красного (Red) цвета, вместо GG - зеленого (Green), BB - голубого (Blue)). Можно выбрать цвета из следующей таблицы (либо текстовое, либо цифровое представление, но не оба вместе)

Цвет #RRGGBB код
aqua #00FFFF
darkviolet #9400d3
maroon #800000
magenta #FF00FF
moccasin #FFE4B5
gold #FFD700
silver #C0C0C0
deeppink #ff1493

4. Поменять уровни заголовков в части страницы Заголовки в документах HTML:
H1->H6, H2->H5, ... H6->H1. Изменить цвет заголовков на красный (red).

Подтема 3. Создание личной страницы

1. Сохраните в вашей Личной папке в папке Sem01 файл Index.htm Используя, как образец, оформление текста в файле Index.htm и удаляя ненужный текст, превратите этот файл в макет вашей личной страницы с текстом:
Личная страница (Ф.И.О.)
Студента (факультет, курс, группа, ....)
и наберите краткий абзац с информацией о вас, ваших интересах и
увлечениях (см. пример в файле Index.htm)

2. Поменять фоновый рисунок, заменив строку background="bg/Fon2.jpg"
внутри тега на строку background="bg/fon1.jpg",
или любой другой рисунок из папки img.

3. Вставить гиперссылку на файл Poisk.htm в строке зайдите на какой-либо поисковый сервер между кавычками:   "" заменить на "poisk.htm"

4. Вставить ссылку на сервер POGODA.RU:   http://www.pogoda.ru.

5. Вставить обратную ссылку на файл Index.htm из файла Poisk.htm к тексту
Вернуться на личную страницу.

6. То же самое, что в п. 5, но сделать гиперссылкой рисунок back.gif , который надо поместить в каталог img.

Подтема 4. Таблицы в HTML документах

1. Открыть файл Table.htm и coхранить файл в вашей личной папке, а рисунки к нему в папке img внутри личной папки. Перейтти к редактированию документа Table.htm. Поменять выравнивание во 2-й таблице: BORDER=8 align=right -> BORDER=0 align=center.

2. Поменять выравнивание: left -> center в таблице 3 и center -> right в таблице 4. Поменять цвет рамки Bordercolor= RED -> Bordercolor= green (magenta)

3. Посмотреть как вставляются рисунки в ячейки таблицы (Таблица 5). Настроить таблицу так, чтобы все ячейки таблицы были бы одинаковой
ширины и высоты: 140x90 пикселей,, а все рисунки - помещены в центр ячейки и имели размер 138*88 пикселей. Можно поменять изображения в ячейках, взяв их из каталога img. Посмотреть, как вставляется фон в ячейки таблицы. Поменять фон в последней ячейке таблицы 5: fon4.jpg -> fon5.gif (или другой по вашему выбору).

Подтема 5. Поиск и сохранение документов в INТERNET

1. Открыть ваш файл Index.htm. Проверить связь со страницей ссылок Poisk.htm. Связаться с помощью ссылки в этой странице с поисковым сервером Rambler.

2. Составить запрос (какой-либо из предложенных ниже):
а) Москва & Архитектура
б) Пейзажи & Карелия
в) Туризм & Египет
г) Египет & Пирамиды
д) Кодекс & Карелия
е) Менелас, Штакеншнейдер, Росси ....
ж) Бродячая камера
з) Петербург & Египетский мост или другой по вашему выбору ...

3. В случае удачного поиска открыть какую-либо из предложенных поисковой системой ссылок и сохранить полученный файл как HTML документ. Сохранить в формате jpg (gif) находящиеся на данной странице рисунки (не менее 3-х).

4. Открыть полученный HTML документ с помощью програмы WORD. Сохранить его как текстовый файл. Просмотреть его с помощью программы WORD.