Дополнительные элементы форматирования. Физические и логические стили

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

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

3. Отформатируйте с помощью тегов логического и физического форматирования, как показано в примере 4.3.

 

Пример 4.3:

 

Физические и логические стили

§ 1 - использование тегов ^..., _...(верхний и нижний индекс)

В 2002 году компания Microsoft®выпустила операционную систему Windows XPTM

f3=x4*(a3+b6)

 

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

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

Использование моноширинного шрифта (как на пишущей машинке)

В офисе секретарь печатал на пишущей машинке

§ 4 - использование тега <code>...</code> (для записи фрагментов исходных текстов)

3²=9;
3³=27;
S=h/v;
72*100=7200 м²;
72*100*50=360000 м³

§ 5 - использование тега <blockquote>...</blockquote> (текст с отступом слева)

Стоимость процессора Intell©Pentium VI - 106?

§ 6 - использование тега <pre>...</pre> (предварительно форматированный) текст

Ведомость на выдачу зарплаты

+-------+-----------------------+---------------+

! № п.п.! Фамилия И.О.! Зарплата!

+-------+-----------------------+---------------+

! 1.! Иванов И.И.! 2500 руб.!

+-------+-----------------------+---------------+

! 2.! Петров П.П.! 3150 руб.!

+-------+-----------------------+---------------+

! 3.! Сидоров С.С.! 1200 руб.!

+-------+-----------------------+---------------+

! Итого:! 6850 руб.!

+-------+-----------------------+---------------+

 

§ 7 - использование тега <marquee>...</marquee> (бегущая строка)

 

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

Модуль 2

PHP программирование на HTML

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

Вводные данные: html – файл с версткой страницы сайта, разработанный в рамках выполнения задания Модуля 1, необходимые графические, текстовые и видеофайлы.

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

Форматирование html-страниц с использованием фреймов. Создание простых фреймовых структур

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

2. Создайте 6 новых Web-страниц с произвольным содержимым.

3. Разместите созданные страницы в сетку фреймов, как показано в примере 5.1. (rows="*,2*,*" cols="2*,*")

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

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

Форматирование html-страниц с использованием фреймов. Создание сложных фреймовых структур

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

2. Создайте более сложную фреймовую структуру примере 5.2.

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

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

Форматирование html-страниц с использованием фреймов. Форматирование элементов фреймовых структур

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

2. Создайте фреймовую структуру без границы (пример 5.3.1) и с цветной границей, толщиной в 20 пикселей (пример 5.3.2).

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

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

Форматирование html-страниц с использованием фреймов. Создание сайта, содержащего фреймовую структуру

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

2. Создайте сайт, посвящённый какой-либо теме (например, каталог чего-либо) и содержащий фреймовую структуру из трёх фреймов.
В одном их фреймов поместите навигацию, а в самый большой фрейм загружайте 4-5 станиц по ссылкам.
В качестве примера рассмотрите сайт в примере 5.4.
Необходимые изображения возьмите в сетевой папке Картинки.

3. Сохраните сайт в отдельной папке

Ресторан «Плакучая ива» желает Вам

Приятного аппетита!!!

Наш адрес: Одесса, Приморский бульвар, ресторан «Плакучая ива»

Наш телефон: [phone]

Первые блюда

		Стоимость
	Гороховый суп Состав: рёбра говяжьи копчёные, горох, картофель, морковь, вода, соль, специи. Рецепт: 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