Часть 2
Создание страницы «Весна»
1. Запустить приложение Блокнот. Создать html-код страницы «Весна».
2. Заголовки и их отбивку выполнить аналогично странице «Зима», цвет второго заголовка – зеленый.
3. Цвет фона – бирюзовый (bgcolor="00ffcc").
4. Стихи разместить аналогично странице «Зима», начертание символов определить как полужирный курсив.
5. Рисунок разместить аналогично странице «Зима», установив размеры изображения по вертикали и горизонтали: 450 на 600 пикселей.
6. Сохранить файл в папке «Времена года». Указать тип файлов – «Все файлы». Указать имя файла – spring.htm
7. Открыть файл spring.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.
8. Код страницы:
9. <HTML>
<HEAD>
<TITLE> Времена года </TITLE>
</HEAD>
<body bgcolor="00ffcc">
<H1 ALIGN="center"> Времена года </H1>
<HR>
<FONT COLOR="green">
<H2 ALIGN="center"> Весна </H2>
</FONT>
<HR>
<IMG SRC="vesna.jpg" haight="450" ALT="Весна" ALIGN="right">
<P ALIGN="left">
<P><B><I>Зеленым бисером на ветках </P></B></I>
<P><B><I>Явились первые листочки</P></B></I>
<P><B><I>И в небе облаков виньетки,</P></B></I>
<P><B><I>И певчих птиц большие точки.</P></B></I>
<BR>
<P><B><I>И заиграло ярким светом</P></B></I>
<P><B><I>Весной разбуженное небо…</P></B></I>
<P><B><I>И закружилась над планетой</P></B></I>
<P><B><I>Весна, но канет вскоре в небыль</P></B></I>
<BR>
<P ALIGN="center">
[<A HREF="winter.htm"> Зима</A>]  
[<A HREF="spring.htm"> Весна </A>]  
[<A HREF="summer.htm"> Лето </A>]  
[<A HREF="autumn.htm"> Осень </A>]  
</P>
</body>
</HTML>
|
|
Часть 3
Создание страницы «Лето»
1. Запустить приложение Блокнот. Создать html-код страницы «Лето».
2. Заголовки и их отбивку выполнить аналогично, цвет заголовков – черный.
3. Разместить объекты на странице, согласно образцу. Цвет фона – зеленый (bgcolor="00cc66").
4. Сохранить файл в папке «Времена года». Указать тип файлов – «Все файлы». Указать имя файла – summer.htm.
5. Открыть файл summer.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.
Код страницы:
<HTML>
<HEAD>
<TITLE> Времена года </TITLE>
</HEAD>
<body bgcolor="00cc66">
<H1 ALIGN="center"> Времена года </H1>
<HR>
<FONT COLOR="black">
<H2 ALIGN="center"> Лето </H2>
</FONT>
<HR>
<IMG SRC="leto.jpg" haight="450" ALT="Лето" ALIGN="right">
<P ALIGN="left">
<P>Лениво дышит полдень мглистый, </P>
<P>Лениво катится река, </P>
<P>И в тверди пламенной и чистой </P>
<P>Лениво тают облака.</P>
<BR>
<P>И всю природу, как туман, </P>
<P>Дремота жаркая объемлет, </P>
<P>И сам теперь великий Пан </P>
<P>В пещере нимф покойно дремлет.</P>
<BR>
<P ALIGN="center">
[<A HREF="winter.htm"> Зима</A>]  
[<A HREF="spring.htm"> Весна </A>]  
[<A HREF="summer.htm"> Лето </A>]  
[<A HREF="autumn.htm"> Осень </A>]  
</P>
</body>
</HTML>
|
|
Часть 4
Создание страницы «Осень»
Запустить приложение Блокнот. Создать html-код страницы «Осень».
1. Заголовки и их отбивку выполнить аналогично, цвет первого заголовка – черный, второго – коричневый оттенок #993300.
2. Разместить объекты на странице, согласно образцу. Цвет фона – желтый (bgcolor="ffcc66").
3. Сохранить файл в папке «Времена года». Указать тип файлов – «Все файлы». Указать имя файла – autumn.htm.
4. Открыть файл autumn.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.
5. Код страницы:
6. <HTML>
<HEAD>
<TITLE> Времена года </TITLE>
</HEAD>
<body bgcolor="ffcc66">
<H1 ALIGN="center"> Времена года </H1>
<HR>
<FONT COLOR="993300">
<H2 ALIGN="center"> Осень </H2>
</FONT>
<HR>
<IMG SRC="osen.jpg" ALT="Осень" ALIGN="right">
<P ALIGN="left">
<P> Унылая пора! Очей очарованье! </P>
<P>Приятна мне твоя прощальная краса – </P>
<P>Люблю я пышное природы увяданье, </P>
<P>В багрец и золото одетые леса, </P>
<P>В их сенях ветра шум и свежее дыханье, </P>
<P>И мглой волнистою покрыты небеса,</P>
<P>И редкий солнца луч, и первые морозы, </P>
<P>И отдалённые седой зимы угрозы.</P>
<BR>
<P ALIGN="center">
[<A HREF="winter.htm"> Зима</A>]  
[<A HREF="spring.htm"> Весна </A>]  
[<A HREF="summer.htm"> Лето </A>]  
[<A HREF="autumn.htm"> Осень </A>]  
</P>
</body>
</HTML>
Часть 5
Создание титульной страницы
Запустить приложение Блокнот. Создать html-код титульной страницы.
1. Поместить заголовок первого уровня «Времена года», выравнивание – по центру, цвет заголовка – синий.
2. Выполнить отбивку заголовка прямой линией.
3. Поместить таблицу из 2 строк и двух столбцов. Задать ширину границ – 3 пункта, размер ячеек 300 на 200 пикселей.
4. Поместить в ячейки иллюстрации.
5. Добавить панель навигации.
6. Сохранить файл в папке «Времена года». Указать тип файлов – «Все файлы». Указать имя файла – index.htm.
7. Открыть файл index.htm с помощью браузера Internet Explorer. Вид окна должен соответствовать образцу.
Код страницы:
<HTML>
<HEAD>
<TITLE> Времена года </TITLE>
</HEAD>
<body>
<FONT COLOR="blue">
<H1 ALIGN="center"> Времена года </H1>
</FONT>
<HR>
<table align="center">
<tr>
<td Haight="200" border="3" >
<IMG SRC="zima.jpg" Haight="200" ALT="Зима" ALIGN="center"> </td>
<td Haight="200" border="3" >
<IMG SRC="vesna.jpg" Haight="200" ALT="Весна" ALIGN="center"> </td>
</tr>
<tr>
<td Haight="200" border="3" >
<IMG SRC="leto.jpg" Haight="200" ALT="Лето" ALIGN="center"> </td>
<td Haight="200" border="3" >
<IMG SRC="osen.jpg" Haight="200" ALT="Осень" ALIGN="center"> </td>
</tr>
</table>
<P ALIGN="center">
[<A HREF="winter.htm"> Зима</A>]  
[<A HREF="spring.htm"> Весна </A>]  
[<A HREF="summer.htm"> Лето </A>]  
[<A HREF="autumn.htm"> Осень </A>]  
</P>
</body>
</HTML>