Основы сайтостроения (§§ 13 - 15) | Практическая работа № 2.6 Разработка сайта Животный мир (11 кл. 68 ч. sim)


Планирование уроков на учебный год (по учебнику Семакина И.Г.) 2 часа в неделю


Уроки 30 - 34
Основы сайтостроения (§§ 13 - 15)
Практическая работа 2.5. "Разработка сайта "Моя семья""
Практическая работа 2.6. "Разработка сайта "Животный мир""
Практическая работа 2.7. "Разработка сайта "Наш класс""



Содержание урока

Инструменты для разработки wеb-сайтов (§ 13)

Создание сайта «Домашняя страница» (§ 14)

Создание таблиц и списков на wеb-странице (§ 15)

Практическая работа № 2.5 Разработка сайта «Моя семья»

Практическая работа № 2.6 Разработка сайта «Животный мир»

Практическая работа № 2.7 Разработка сайта «Наш класс»


Практикум


Практическая работа № 2.6 Разработка сайта «Животный мир»


Цель работы: вставка графических изображений, использование графических изображений в качестве гиперссылок, создание простых таблиц в программе KompoZer.

Задание
Уровень 2


Создать web-сайт «Животный мир», состоящий из четырех страниц. Примерное содержание сайта дано ниже. Цвет фона страницы, цвета текста и гиперссылок подобрать самостоятельно (цвета по умолчанию использовать не разрешается).

Страница 1 (имя файла — index.htm)

Заголовок окна: Животный мир.

Заголовок страницы: Животный мир (шрифт — Comic Sans MS, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Гиперссылки (на страницу 2, страницу 3 и страницу 4).

В качестве гиперссылок необходимо использовать уменьшенные копии изображений из файлов bear.jpg, elephant.jpg и camel.jpg (высота изображения — 150 пикселей). Изображения необходимо уменьшить с помощью любого графического редактора и сохранить их под именами bear .jpg, elephant_.jpg и eamel_.jpg. Изображения расположить в один ряд (горизонтально). Первое изображение должно являться гиперссылкой на страницу bear.htm, второе — на страницу elephant.htm и третье — на страницу camel.htm.

Страница 2 (имя файла — bear.htm)

Заголовок окна: Медведь.

Заголовок страницы: Медведи (шрифт — Comic Sans MS, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Таблица с невидимыми границами из двух столбцов:

1 столбец: рисунок из файла bear.jpg;

2 столбец: текст (выравнивание — по ширине, шрифт — Verdana, размер — medium):


В семействе медведей насчитывается семь отдельных видов, которые обитают в разных регионах планеты и отличаются рядом особенностей. Все медведи — мощные коренастые звери с короткими крепкими ногами и маленьким хвостом. Широкие плоские лапы снабжены пятью длинными и острыми, как бритвы, когтями, которые не втягиваются в подушечки, как у кошек. Все тело зверя покрыто густым мехом разной окраски и длины.

Обычно медведь передвигается вразвалку на всех четырех лапах, хотя иногда может встать на задние лапы и проковылять несколько шагов. Медведь — животное стопоходящее, как и человек, т. е. ступает на полную стопу. Если нужно, он переходит на галоп и бежит с впечатляющей скоростью до 50-60 км в час. Медведи умеют хорошо лазить, особенно не очень крупные виды, и часто даже спят на деревьях. Все они умеют плавать, но белый медведь в этом просто профессионал.


Гиперссылка: Назад (на главную страницу сайта).

Страница 3 (имя файла — elephant.htm)

Заголовок окна: Слон.

Заголовок страницы: Слон.

Таблица с невидимыми границами из двух столбцов:

1 столбец: рисунок из файла elephant.jpg.

2 столбец: текст (выравнивание — по ширине, шрифт — Verdana, размер — medium):


В мире сохранилось лишь два вида слонов — африканский и его немного меньший индийский собрат. Слоны — самые крупные и тяжелые обитатели нашей планеты. Они же являются обладателями самых длинных зубов, самых длинных носов и, пожалуй, самой крепкой памяти среди всех животных Слоны, которых часто называют "добродушными великанами", очень ранимы и эмоциональны. Члены одного семейства всегда очень привязаны друг к другу. К сожалению, из-за бивней, знаменитой слоновой кости, слоны стали объектом беспощадной охоты, поставившей их на грань вымирания.


Гиперссылка: Назад (на главную страницу сайта).

Страница 4 (имя файла — camel.htm)

Заголовок окна: Верблюд.

Заголовок страницы: Верблюд.

Таблица с невидимыми границами из двух столбцов:

1 столбец: рисунок из файла camel.jpg;

2 столбец: текст (выравнивание — по ширине, шрифт — Verdana, размер — medium):


Верблюды — род млекопитающих семейства верблюдовых отряда парнокопытных. Представители почти исчезнувшей группы копытных, которая некогда была широко распространена по всему миру, кроме Австралии. Ближайшие родственники верблюдов — южноамериканские лама, альпака, гуанако и викунья. В настоящее время род представлен двумя одомашненными видами: одногорбым верблюдом, или дромедаром, и двугорбым верблюдом, или бактрианом. Их используют как вьючных и верховых животных. Дромедар достигает высоты 1,8 м в холке и 2,1 м в верхней точке горба. У бактриана ноги короче, и он массивнее. Верблюд в среднем может нести груз около 180 кг. Верблюжий караван идет со скоростью около 5 км/ч и в день преодолевает порядка 50 км.


Гиперссылка: Назад (на главную страницу сайта).

Следующая страница Практическая работа № 2.7 Разработка сайта «Наш класс»









Наверх