Вигляд створеного документу:
Лабораторна робота № 4
Тема: Використання навігаційних карт та форм в html-документах.
Мета роботи: навчитись застосовувати навігаційні карти та форми при створенні html-документів.
Підготовка до заняття
1.Ознайомитися з теоретичними відомостями за темою лабораторної роботи.
2.Підготувати в графічному редакторі малюнок зі словом ВХІД у нижній частині та по центру і зберегти його як karta.bmp.
Хід роботи:
Створити шаблон HTML-документа зберігши його під іменем Lab4.html.
Задати ім'я документа за таким зразком: "Лабораторна робота №4 - Прізвище Ім'я - Група".
Задати фон документа жовтим "yellow" кольором.
Задати базовий шрифт документа: розмір - 2, гарнітура - Агіаl, колір - синій.
Вставити малюнок з файлу karta.bmp (шириною 250 та висотою 160 пікселів) з прив’язкою до нього навігаційної карти з посиланням на enter.html при наведені курсору на слово Вхід.
Вставити форму для відправки міркувань відвідувача про сайт по електронній пошті за адресою lntu@ua.fm та темою Думка відвідувача про сайт (див. зразок виконання в лістінгу). Спершу відвідувачу надається вибрати з меню відповідь із декількох варіантів (дуже погано, погано, нормально, добре та дуже добре), а в іншому виконанні необхідно здійснити вибір за допомогою радіокнопок. Далі створити текстове поле для вводу коментарю та дві кнопки: Відправити та Очистити.
Захист роботи
1. Оформити звіт з лабораторної роботи.
2. Захистити роботу, даючи відповіді на поставлені викладачем запитання.
Оформлення звіту
Для створення звіту використовуйте будь-який текстовий редактор.
Звіт необхідно зберегти у текстовому форматі (із розширенням файлу .rtf).
Ім'я звіту - ZvitXX.rtf, де ХХ - номер лабораторної работи .
У самому звіті повині бути зазначені:
- номер лабораторної роботи;
- назва лабораторної роботи;
- завдання до лабораторної роботи;
- до кожного пункту завдання повинен бути зроблений скріншот екрану;
- опис ходу виконання лабораторної роботи, додані скріншоти екранів.
Висновок до лабораторної роботи.
Мова написання звіту до лабораторної роботи є українська як державна.
Лістинг розмітки документа до практичного заняття №4 (Lab4.html)
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//RU"> <HTML> <HEAD> <TITLE>Практичне заняття № 4 - Іванов Іван - ПНК-31 </TITLE> </HEAD> <BODY BGCOLOR="yellow"> <BASEFONT SIZE="3" FACE="Arial" COLOR="green"> <MARQUEE direction="left"><FONT SIZE=+2 COLOR=red>Використання навігаційних карт та форм в html-документах </FONT></MARQUEE> <HR WIDTH="80%" SIZE="7" ALIGN="center" COLOR="blue"><BR> <MAP NAME="ImageMap"> <AREA HREF="enter.html" SHAPE="rect" COORDS="110,135,150,155" ALT="Вхiд в машзал"> </MAP> <img src="verstat.gif" align="center" USEMAP="#ImageMap" width="250" height="160"> <BR> <FORM ACTION="mailto:lutsk@ukr.net" ?subject="Думка відвідувача про сайт" METHOD=POST> Будь-ласка, висловіть свою думку про наш сайт: <SELECT NAME=evaluation> <OPTION>Дуже погано <OPTION>Погано <OPTION>Нормально <OPTION>Добре <OPTION>Дуже добре </SELECT> <P> <INPUT TYPE=radio NAME=Comp VALUE="CPU">Дуже погано <INPUT TYPE=radio NAME=Comp VALUE="Video" CHECKED>Погано <INPUT TYPE=radio NAME=Comp VALUE="Scan">Нормально <INPUT TYPE=radio NAME=Comp VALUE="Modem" CHECKED>Добре <INPUT TYPE=radio NAME=Comp VALUE="Modem" CHECKED>Дуже добре <P> Ви можете також добавити свій коментар: <P> <TEXTAREA NAME=Comments ROWS=5 COLS=72></TEXTAREA> <P> <INPUT TYPE=SUBMIT VALUE=Відправити> <INPUT TYPE=reset VALUE=" Очистити "> </FORM> </BODY> </HTML> |