Работа 4.3.6. Разработка сайта на языке html с использование графики
Цель работы: Разработка сайта с использованием графических элементов
ЗАДАНИЕ
Создать сайт на тему «Времена года», состоящий из пяти страниц. Все графические изображения необходимо скопировать в свою папку из папки priroda. Для каждого графического изображения необходимо создать соответствующую миниатюру, обязательно сохранив её в файле с другим именем (ширина миниатюры – 100 пикселей). Страница 1
Заголовок окна: Времена года.
Заголовок страницы: Времена года
Гиперссылки (на страницу 2, страницу 3 и страницу 4):
- миниатюра с изображением зимы (уменьшенное изображение картинки из файла zima.jpg) и текст «Зима» рядом с миниатюрой.
- миниатюра с изображением весны (уменьшенное изображение картинки из файла vesna.jpg) и текст «Весна» рядом с миниатюрой.
- миниатюра с изображением лета (уменьшенное изображение картинки из файла leto.jpg) и текст «Лето» рядом с миниатюрой.
- миниатюра с изображением осени (уменьшенное изображение картинки из файла osen.jpg) и текст «Осень» рядом с миниатюрой.
Примечание. Все миниатюры должны быть расположены в один столбец по центру страницы и иметь всплывающую подсказку. Каждая миниатюра должна являться гиперссылкой на соответствующую страницу сайта.
Страница 2
Заголовок окна: Зима.
Заголовок страницы: Зима
Рисунок: zima.jpg.
Текст (обтекание справа от рисунка):
Поет зима — аукает,
Мохнатый лес баюкает
Стозвоном сосняка.
Кругом с тоской глубокою
Плывут в страну далекую
Седые облака.
Сергей Есенин
Страница 3
Заголовок окна: Весна
Заголовок страницы: Весна
Рисунок: vesna.jpg.
Текст (обтекание слева от рисунка):
Зима недаром злится,
Прошла ее пора –
Весна в окно стучится
И гонит со двора.
И все засуетилось,
Все нудит Зиму вон –
И жаворонки в небе
Уж подняли трезвон.
Федор Тютчев
Страница 4
Заголовок окна: Лето
Заголовок страницы: Лето
Рисунок: leto.jpg.
Текст (обтекание справа от рисунка):
- Что ты мне подаришь, лето?
- Много солнечного света!
В небе pадyгy-дyгy!
И ромашки на лyгy!
- Что ещё подаришь мне?
- Ключ, звенящий в тишине,
Сосны, клёны и дубы,
Землянику и грибы!
Владимир Орлов
Страница 5
Заголовок окна: Осень
Заголовок страницы: Осень
Рисунок: osen.jpg.
Текст (обтекание слева от рисунка):
Есть в осени первоначальной
Короткая, но дивная пора –
Весь день стоит как бы хрустальный,
И лучезарны вечера...
Где бодрый серп гулял и падал колос,
Теперь уж пусто всё – простор везде, –
Лишь паутины тонкий волос
Блестит на праздной борозде.
Федор Тютчев
Примечание для преподавателя. Необходимые для работы файлы находятся в папке priroda прилагаемого компакт-диска.
Работа 4.3.7. Разработка сайта с применением основных законов Web-дизайна
Цель работы: Разработка сайта с применением основных законов Web-дизайна
ЗАДАНИЕ
Cоздать Web-сайт компьютерного салона «Информика», состоящий из четырёх страниц. Все страницы сайта должны быть созданы по следующему образцу (использовать таблицу с невидимыми границами):
|
Компьютерный салон «Информика» |
Новости
Услуги
Каталог товаров
Контакты
|
Текст страницы
Web-мастер: Фамилия, Имя (С) 2008
|
Заголовок окна: Компьютерный салон «Информика» (для всех страниц сайта)
Логотип - файл logo.jpg (скопировать из папки computer)
Заголовок сайта: Компьютерный салон «Информика» (шрифт Impact, размер 7)
Гиперссылки: «Новости», «Услуги», «Цены», «Сотрудники» (шрифт Arial, размер 3, выравнивание по левой границе, расстояние между ссылками – одна пустая строка).
Нижний колонтитул каждой страницы: Web-мастер: Фамилия, Имя (С) 2008 (указать ваши фамилию и имя, оформив их в виде гиперссылки на ваш адрес электронной почты).
Страница 1 (Новости)
Заголовок страницы: Новости (шрифт Verdana, размер 5)
Текст (шрифт Verdana, размер 3):
_________________________________________________________________________
25.06.2008. Снижены цена на процессоры Soc-AM2 AMD Athlon64 X2 3800+, модули памяти DDR 1024MB-pc3200 Kingmax, жесткие диски Western Digital SATA-II 160Gb.
15.06.2008. Cущественно снизилась цена на модули памяти Flash: CF (CompactFlash) 512 MB Kingston.
06.06.2008. Изменение прайс-листа
15.05.2008. Поступили в продажу звуковые карты PCI Creative X-Fi Xtreme Audio SB0790, беспроводные миниклавиатуры BTC-9116URF-BL USB со встроенным трекболом.
25.04.2008. Поступили в продажу ноутбуки Acer с операционной системой Windows VistaHB.
20.04.2008. Снижены цены на модули памяти DDR-II 512 Mb, LCD-мониторы LG
_________________________________________________________________________
Страница 2 (Услуги)
Заголовок страницы: Услуги (шрифт Verdana, размер 5)
Текст (шрифт Verdana, размер 3):
_________________________________________________________________________
Оптовая и розничная продажа компьютерной техники и комплектующих,
Установка программного обеспечения на компьютеры клиентов,
Ремонт компьютерной техники и устранение неполадок,
Индивидуальное обучение работе на компьютере,
Консультации специалистов.
_________________________________________________________________________
Страница 3 (Каталог товаров)
Заголовок страницы: Каталог товаров (шрифт Verdana, размер 5)
Текст (шрифт Verdana, размер 3):
_________________________________________________________________________
Компьютеры и ноутбуки
Материнские платы
Модули памяти
Жёсткие диски
Видеокарты
Сетевые адаптеры
Звуковые карты
Мониторы
Принтеры
Сканеры
Flash-память
Колонки
Наушники
Web-камеры
Клавиатуры
Мыши
_________________________________________________________________________
Страница 4 (Контакты)
Заголовок страницы: Контакты (шрифт Verdana, размер 5)
Рисунок: salon.jpg (скопировать из папки computer, обтекание текстом)
Текст (шрифт Verdana, размер 3):
_________________________________________________________________________
Наш адрес: 614123 г. Пермь, ул. Гоголя 108
Контактные телефоны: 271-23-54, 271-54-22
E-mail: informika@perm.ru
________________________________________________________________________
Примечание для преподавателя. Необходимые для работы файлы находятся в папке computer прилагаемого компакт-диска.
УРОВЕНЬ 3: творческие задания