Документ взят из кэша поисковой машины. Адрес
оригинального документа
: 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 Поисковые слова: m 11 |
Изменение размера шрифта | |||||
Тема 1 практических занятий: |
Основы языка HTML и введение в CSS и JavaScript |
+ | - |
Замечание 1: Все выполненные задания и вспомогательные файлы сохранять (если это не оговорено особо) в вашей Личной папке.
Замечание 2: Создать в личной папке каталоги img и bg и заполнить эти папки рсунками из папок img и bg соответственно.
Замечание 3: Работа выполняется только с файлами, которые предварительно были сохранены в папке Sem01 или во вложенных в нее папках. Править файлы, находящиеся на сайте в сети Internet невозможно.
Замечание 4: После выполнения заданий удалить все ненужные файлы в вашей личной папке, закрыть все окна на рабочем столе и завершить работу с компьютером, если ваше занятие - последнее.
ВНИМАНИЕ! В файле Help.htm находятся дополнительные справочные материалы по языку HTML
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.
1. Сохраните в вашей Личной папке в
папке Sem01 файл
ColorFon.htm
и откройте его для редактирования.
Ознакомтесь со способами выравнивания абзацев и выбора цвета текста.
2. Поменяйте цвет текста в строке "Текст, выровненный по левому краю!":
3. Поменяйте цвет фона (добавить в Тег
body перед закрывающейся скобкой >
после пробела строку bgcolor=#RRGGBB,
где вместо RR должно быть дано
значение интенсивности красного
(Red) цвета,
вместо GG - зеленого
(Green),
BB - голубого (Blue)).
Можно выбрать цвета из следующей таблицы
(либо текстовое, либо цифровое представление,
но не оба вместе) Подтема 2. Цвет текста и фона. Заголовки
black ->
magenta = #000080
Цвет | #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).
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.
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
(или другой по вашему выбору).
1. Открыть ваш файл Index.htm. Проверить связь со страницей ссылок Poisk.htm. Связаться с помощью ссылки в этой странице с поисковым сервером Rambler.
2. Составить запрос (какой-либо из предложенных ниже):
а) Москва & Архитектура
б) Пейзажи & Карелия
в) Туризм & Египет
г) Египет & Пирамиды
д) Кодекс & Карелия
е) Менелас, Штакеншнейдер, Росси ....
ж) Бродячая камера
з) Петербург & Египетский мост
или другой по вашему выбору ...
3. В случае удачного поиска открыть какую-либо из предложенных поисковой системой ссылок и сохранить полученный файл как HTML документ. Сохранить в формате jpg (gif) находящиеся на данной странице рисунки (не менее 3-х).
4. Открыть полученный HTML документ с помощью програмы WORD. Сохранить его как текстовый файл. Просмотреть его с помощью программы WORD.