Модуль №1 Графический дизайн и верстка

Модуль №1 Графический дизайн и верстка

Модуль № 2 Программировние на языке HTML

 

Порядок выполнения модулей очень важен, т.к. результаты работы предыдущего модуля используются в следующем. Некоторые модули требуют дополнительных вводных данных для начала соревнований, которые публикуются на закрытом форуме на кануне чемпионата. Оценка задания должна осуществляться по следующим критериям

 

День	№	Критерий	Объект	Субъект	Сумма
	А	Графический дизайн страниц
B	Верстка страниц
	С	Программирование на стороне сервера
D	Программирование на стороне клиента

 

Модуль 1.

Графический дизайн + Верстка

Время выполнения: два временных блока с перерывом на обед, 7 – 8 часов.

Вводные данные:

Название туристического агенства по оказании услуг, логотип, краткое описание, список туров или услуг с фотографиями и описанием, набор случайных изображений и текста на тему агентства, блок изображений стандартных социальных сервисов и шрифты.

Язык гипретекстовой разметки HTML 4.0. Разметка страницы

1. Откройте приложение Macromedia Homesite

2. Создайте новую HTML-страницу.

3. Создайте заголовок первого уровня и «отцентрируйте» его.

Выполнение практического задания № 1 по HTML

4. Создайте маркированный и нумерованный списки.

5. Создайте гипертекстовую ссылку с последнего пункта нумерованного списка.

6. Поместите изображение на страницу

Пример:

7. Сделайте размещенное изображение ссылкой

Пример:

8. Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.

Пример:

Актриса Дарья Сагалова

9. Сделайте задний фон страницы по своему усмотрению
цвет непосещенных ссылок – по своему усмотрению
посещенных – по своему усмотрению

10. В нумерованном списке текст пункта 4 сделайте жирным (
а пункта 5 - курсивным (наклонным)

 

11. Оформите в абзац текст, предстваленный ниже. Словосочетание «гипертекстовая ссылка» оформите по своему усмотрению

12. Создайте абсолютную ссылку на сайт www.mail.ru

13. Сохраните страницу в личной папке в файл firstpage.html

Язык гипретекстовой разметки HTML 4.0. Разметка web-страниц с использованием таблиц

Создание web-страницы с использованием таблиц

1. Откройте приложение Macromedia Homesite

2. Создайте новую HTML-страницу.

3. Сохраните страницу в личной папке в файл table4.html

Язык гипретекстовой разметки HTML 4.0. Форматирование html-документов

Использование кавычек

© Лев Толстой написал книгу «Война и Мир».

Модуль 2

Первые блюда

		Стоимость
	Гороховый суп Состав: рёбра говяжьи копчёные, горох, картофель, морковь, вода, соль, специи. Рецепт: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis Автор: повар Иванов И. И.	10?
	Суп харчо Состав: телятина, рис, картофель, лук, красный перец, вода, соль, специи. Рецепт: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis Автор: повар Петров П. П.	12?
	Суп-пюре черепаховый с гренками Состав: мясо черепахи, картофель, лук, сметана, зелень, вода, соль, специи. Рецепт: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis Автор: повар Рамирес Х.-К.	20?

: Пример 5.4

Использование таблиц

Имя:
eMail:
Пароль:
Город:
Улица:

 

 

4. Сохраните страницу в личной папке в файл form4.html

Способы оплаты

Наличными

Чеком

Дебитной картой

Кредитной карточкой

MasterCard

Visa

Discovery

American Express

 

 

4. Сохраните страницу в личной папке в файл form6.html

Списки переключателей

На каком компьютере Вы работаете?

Macintosh

IBM PC

UNIX Workstation

Sun

SGI

Next

Linux

Прочие...

 

4. Сохраните страницу в личной папке в файл form9.html

Сетка переключателей

Возможные комбинации

	Красный	Голубой
Маленький
Средний
Большой

 

 

4. Сохраните страницу в личной папке в файл form10.html

Куда доставить заказ?

Имя:
Фамилия:
eMail:
Улица:
Город:

 

Как будете расплачиваться?

Наличными

Чеком

Дебитной картой

Кредитной карточкой MasterCard Visa Discovery American Express

 

 

4. Сохраните страницу в личной папке в файл form11.html

 

Модуль №1 Графический дизайн и верстка