Практична робота 8 практична частина 2014


Чтобы посмотреть этот PDF файл с форматированием и разметкой, скачайте его и откройте на своем компьютере.
Практична частина:

Створити Web
-
сайт, який буде складатись з 5 пов'язаних гіперпосиланнями сторінок :

1.

Титульна сторінка "
Пори

року"
-

файл index.htm;

2.


Зима"
-

файл winter.htm;

3.


Весна"
-

файл spring.htm;

4.


Літо"
-

файл summer.htm;

5.


Осінь"
-

файл
autumn.htm.

Хід виконання:

1.

Створити


папку

"Пори року
_Прізвище
" в
па
ці

групи
.

Створити в ній або скопіювати файли із
зображенням пір року
zima.jpg, vesna.jpg, leto.jpg, osen.jpg

2.

Створити

титульну
сторінку

файл index.htm;

1.

Запустити додаток Блокнот. Створити html
-
код титульної сторінки.

HTMLHTM;&#x-7L1;က

HEADHEA;]-7;

Пори року

/HEA/HE;ꏐD

bodyKod;&#x-9y2;�

FONT COLOR="
sapphire
�"

Пори року



/FONT/F4;&#xON4T;&#x-800;

HR0;HR

table align="center"tab;&#xle4 ;¤li;&#x-13g;n=;&#x-5"8; -5e;nte;&#xr-4";耀

tr0;tr

td
Height
=
"200" width="300"
border="3" �

IMG SRC="zima.jpg" H
е
ight="200" width="300" ALT="Зима" ALIGN="center">

td
Hеight
="200" width="300" border="3" �

IMG SRC="vesna.jpg"
Hеight
="200" width="300" ALT="Весна" ALIGN="center">

/t/t-;r00;r

tr0;tr

td
Hеight
="200" width="300" b
order="3" �

Hеight
="200" width="300" ALT="Літо" ALIGN="center">

td
Hеight
="200" width="300" border="3" �

IMG SRC="osen.jpg"
Hеight
="200" width="300" ALT="Осінь" ALIGN="center">

/t/t-;r00;r

/ta/t-;㩋&#xle00;ble

P ALIGN="centeP-3;&#x A-7;&#xLI14;&#xGN4=;&#x-5"c;ænt;-7r;&#x"000;r"

[ Зима]  

[ Весна ]  

[ Літо ]  

[ Осінь ]  

/P/P-;倀

/body/bo; -11;&#xy200;

/HTML/HT;&#xM-9L;ᄀ

Зберегти файл в теці "Пори року". Вказати тип файлів
-

"
Усі файли".

Вказати ім'я файлу
-

index.htm Не
закривати документ,
в
ідкрити файл index.htm за допомогою браузеру.

3.

Скопіювати текст з попереднього документа в новий,

закрити файл

index.htm

, перейти до
відкритого текстового документу і

внести в нього зміни, створивши наступну сторінку
:

HTMLHTM;&#x-7L1;က

HEADHEA;]-7;

Пори року

/HEA/HE;ꏐD

body bgcolor="
???
�"

Пори року



HR0;HR

FONT COLOR="
???
�"

Зима



/FONT/F4;&#xON4T;&#x-800;

HR0;HR

Панель
навігації

Зима
ALIGN="right"�

P ALIGN="leP-3;&#x A-7;&#xLI14;&#xGN4=;&#x-5"8;&#xle-7;t"0;ft"
***

/P/P-;倀

BRҷR;&#x-200;

… панель навігації…

/body/bo; -11;&#xy200;

/HTML/HT;&#xM-9L;ᄀ




Замість
***

написати вірш:

o

Плаче Віра дуже гірко:

«Покаталася на гірках!»

На

руці
аж

два
синці
,

Ще

й
замурзані

штанці!

Але сльози


то вода
:

Нові лижі


от шкода!



Забезпечити виведення строф вірша щоразу з нового рядка.



Забезпеч
ити перехід на головну сторінку :
На головну



Зберегти внесені зміни

у файл
і
winter.htm
, вибрати тип файлів


всі файли,

п
ереглянути файл в
браузері.

Не закривати документ.

4.

Скопіювати текст з попереднього документа в новий, закрити файл

winter
.
htm

, перейти до
відкритого текстового документу і внести в нього зміни, створивши сторінку

spring.htm
:



Заголовки і їх відбиття виконати аналогічно сторінці
"Зима", колір другого заголовка
-

зелений.



Колір фону
-

бірюзовий.



Розмістити на сторінці маркерований список приказок про весну
, зображення символів
-

напівжирний курсив:



Приказки

:


o

Весна ледачого не любить.

o

Весняний день рік годує.



Загадки:


o

Тане
сніжок, квітне лужок, день прибуває, коли це буває?

o

Прояснилось наверху, і земля стоїть в пуху.



Присл
і
в

я
:

o

Весна багата на квіти, а хліба в осені позичає.

o

Сухий березень, теплий квітень, мокрий май


буде хлібу урожай.

o

У траві дощі


в коморі хліб.



Малюно
к розмістити
як на

сторінці "Зима", розміри зображення по вертикалі і горизонталі : 450 на
600 пікселів.

IMG SRC="vesna.jpg"
Hеight
="450" width="600" ALT="Весна" ALIGN="right">



Зберегти
зміни , в
ідкрити файл spring.htm за допомогою браузеру
.

5.

Скопіювати
текст з попереднього документа в новий, закрити файл

spring
.
htm

, перейти до
відкритого текстового документу і внести в нього зміни, створивши сторінку

summer
.htm
:



Заголовки і їх відбиття виконати аналогічно, колір заголовків
-

фіолетовий
.



Малюнок розмістити
як на
сторінці "
Весна
", розміри зображення по вертикалі і горизонталі : 450
на 600 пікселів. Hеight
="450" width="600" ALT="Літо" ALIGN="right">



Колір фону
-

зелений (bgcolor="00cc66").

Встановити

власний розмір комірок

Код таблиці:


Table border=1 width=100%&#xT-17;«-7;&#xle 8; -5o;&#x-5r8; -5e;&#xr-5=;-7 ;&#x-2w2;id-;th7;&#x=1-7;�-50;&#x-5%-;退

Літечко
/TR&#x/T-1;R40;

Ознаки літа

Tr&#xT-17;&#xr-30;

Місяці

Червень, липень, серпень
/Th&#x/T-1;h60;

/Tr&#x/T-1;r-3;

Tr&#xT-17;&#xr-30;

Заняття
студентів

Відпочинок

/Tr&#x/T-1;r-3;

***

/Tab&#x/T-1;ګ-;le0;le



Зберегти зміни , відкрити файл
summer
.htm
за допомогою браузеру .

Ознаки літа

Літечко

Місяці

Червень, липень, серпень

Заняття студентів


Відпочинок

Погода

Сонячно і тепло

Настрій

Суперовий

Мета діяльності

Максимум вражень

Результати



Засмага

Загальні враження


Літа забагато небуває

6.

Скопіювати текст з попереднього документа в новий, закрити файл

summer
.
htm

, перейти
до відкритого текстового документу і внести в нього зміни, створивши сторінку

autumn
.htm
:



Заголовки і їх відбиття виконати аналогічно, колір першого заголовка
-

малахітовий
, другий
-

коричневий
,
колір фону


жовтий,



Створити на сторінці
біжучий рядок з текстом «осінь»
:
marquee behavior="scroll" direction="left"
scrolldelay="500" bgcolor="#00ff00">Осінь



Створити на сторінці 2 пос


илання на вірші, які будуть нижче:


H
2> вірші про осінь<
BR


Вони розкривають красу пори року.H
�2


A

href
="
#
stih
1
">Вірш першийA

BR



A

href
="
#
stih
2
�"
І не зовсім вірш, але…
/
A

BR



H
�3

A

name
="
stih
1">Вірш першийA

/
H
�3


PRE


Журилась під осінь

Малесенька жабка:

Уже потемніла

У соняха шапка

І жовтими стали

Листочки у клена,

А я іще й досі

Зелена
-
зелена!..

/
PRE



H
�3

A

name
="
stih
2">Вірш другийA

/
H
�3


PRE


Щоб відбити в мене бажання сумувати восени, треба грізно
вдарити по столу путівкою на Мальдіви!

/
PRE


Зберегти зміни , відкрити файл

autumn.htm
.htm за допомогою браузеру .


Приложенные файлы

  • pdf 20275585
    Размер файла: 474 kB Загрузок: 0

Добавить комментарий