Основы сайтостроения (§§ 13 - 15) | Практическая работа № 2.6


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


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



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

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

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

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

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

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

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

Проект: разработка сайтов. Практическая работа 2.8. "Проектные задания на разработку сайтов"

Итоговое тестирование по теме "Интернет"


Практикум


Практическая работа № 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 Разработка сайта «Наш класс»









Наверх