72416

Упровадження таблиць та форм у HTML- документи

Лабораторная работа

Информатика, кибернетика и программирование

Форми дають можливість запитувати інформацію у виді вільного тексту, одержувати відповіді типу так/ні або робити вибір із декількох опцій. Можна використовувати форми з різними цілями. Найпростішим прикладом є розміщення форми, куди користувачі, що відвідали сайт, зможуть записати свої відкликання.

Украинкский

2014-11-24

40 KB

0 чел.

Лабораторна робота №4

Упровадження таблиць та форм у HTML- документи

Мета роботи: Навчитися  вбудовувати таблиці та форми у HTML- сторінки

Теоретичні відомості

Використання таблиць у HTML

Таблиця починається з тега <TABLE> і закінчується тегом </TABLE>. Мітка <TABLE> може включати кілька атрибутів:

ALIGN 

Установлює розташування таблиці стосовно полів документа. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо).

WIDTH 

Ширина таблиці. Її можна задати у пікселях (наприклад, WIDTH=400) або у відсотках від ширини сторінки (наприклад, WIDTH=80%).

BORDER 

Установлює ширину зовнішньої рамки таблиці й осередків у пікселях (наприклад, BORDER=4). Якщо атрибут не встановлений, таблиця відображається без рамки.

CELLSPACING 

Установлює відстань між рамками осередків таблиці в пікселях (наприклад, CELLSPACING=2).

CELLPADDING 

Установлює відстань між рамкою осередку й текстом у пікселях (наприклад, CELLPADDING=10).

Таблиця може мати заголовок (<CAPTION> ... </CAPTION>), хоча заголовок не є обов'язковим. Мітка <CAPTION> може включати атрибут ALIGN. Припустимі значення: <CAPTION ALIGN=TOP> (заголовок міститься над таблицею) і <CAPTION ALIGN=BOTTOM> (заголовок міститься під таблицею).

Кожен рядок таблиці починається з мітки <TR> і закінчується міткою </TR>. Мітка <TR> може включати наступні атрибути:

ALIGN 

Установлює вирівнювання тексту в осередках рядка. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо).

VALIGN 

Установлює вертикальне вирівнювання тексту в осередках рядка. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краї), VALIGN=MIDDLE (вирівнювання по центрі), VALIGN=BOTTOM (вирівнювання по нижньому краю).

Кожен осередок таблиці починається з мітки <TD> і закінчується міткою </TD>. Мітка <TD> може включати наступні атрибути:

NOWRAP 

Присутність цього атрибута означає, що вміст осередку повинен бути показаний в один рядок.

COLSPAN 

Установлює "розмах" осередку по горизонталі. Наприклад, COLSPAN=3 означає, що осередок простирається на три стовпчики.

ROWSPAN 

Установлює "розмах" осередку по вертикалі. Наприклад, ROWSPAN=2 означає, що осередок займає двох рядків.

ALIGN 

Установлює вирівнювання тексту в осередку. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центрі), ALIGN=RIGHT (вирівнювання вправо).

VALIGN 

Установлює вертикальне вирівнювання тексту в осередку. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краї), VALIGN=MIDDLE (вирівнювання по центрі), VALIGN=BOTTOM (вирівнювання по нижньому краї).

WIDTH 

Установлює ширину осередку в пікселях (наприклад, WIDTH=200).

HEIGHT 

Установлює висоту осередку в пікселях (наприклад, HEIGHT=40).

Якщо осередок таблиці порожній, навколо неї не малюється рамка. Якщо осередок порожній, а рамка потрібна, в осередок можна ввести символьний об'єкт &nbsp; (non-breaking space - пробіл, що не розриває,). Осередок як і раніше буде порожній, а рамка навколо неї буде.

Будь-який осередок таблиці може містити в собі іншу таблицю.

Об'єднання осередків

Суміжні осередки таблиці можуть поєднуватися. Наприклад, у таблиці з декількох стовпців усі осередки першого рядка можна об'єднати й помістити в цьому рядку заголовок таблиці. Можливо також об'єднання декількох рядків або створення порожньої прямокутної області. Для з'єднання двох суміжних осередків в одному стовпці потрібно використовувати атрибут ROWSPAN тега <TH> або <TD>, наприклад,

<TD ROWSPAN=2>

Для об'єднання двох суміжних осередків в одному рядку потрібно використовувати атрибут COLSPAN тих же тегів, наприклад,

<TD COLSPAN=2>

Перевірити можливості об'єднання осередків таблиці на наступному прикладі.

<HTML>

<BODY>

<TABLE BORDER=1 ALIGN=center>

<TR><TH COLSPAN=3>Заголовок на 3 стовпці</TH></TR>

<TR>

<TH>Заголовок на 1 рядок</TH>

<TD>Осередок 1</TD>

<TD>Осередок 2</TD>

</TR>

<TR>

<TH ROWSPAN=3>Заголовок на 3 рядки</TH>

<TD>Осередок 3</TD>

<TD>Осередок 4</TD>

</TR>

<TR><TD>Осередок 5</TD><TD>Осередок 6</TD></TR>

<TR><TD>Осередок 7</TD><TD>Осередок 8</TD></TR>

</TABLE>

</BODY>

</HTML>

 

Якщо ви хочете створити таблицю з об'єднаннями стовпців і в той же час точно контролювати ширину кожного стовпця, необхідно задати ширину принаймні одного осередку в кожнім стовпці. Для повної впевненості знайдіть час і задайте ширину кожного осередку в таблиці. Коли об'єднання стовпців перетинаються, дуже легко одержати непередбачений результат.

Використання форм

Форми дають можливість запитувати інформацію у виді вільного тексту, одержувати відповіді типу "так/ні" або робити вибір із декількох опцій.  Можна використовувати форми з різними цілями. Найпростішим прикладом є розміщення форми, куди користувачі, що відвідали сайт, зможуть записати свої відкликання.

Форма — це інструмент, за допомогою якого HTML-документ може передати деяку інформацію в деяку заздалегідь визначену крапку зовнішнього світу, де інформація буде деяким чином оброблена.

 

Порядок виконання роботи.

  1.  Використовуючи довідкову інформацію програми tags.chm та глави 7 - 8  Керівництва по HTML познайомитися із засобами створення таблиць та форм (<CAPTION> , <TR>, <TD>, <TABLE>, <FORM>, <INPUT>, <TEXTAREA>).
  2.  Запустити на виконання  стандартну програму Блокнот та набрати текст прикладу   Керівництва по HTML (глава 7).
  3.  Зберегти на локальному диску вашого комп'ютера приклад у вигляді файлу з їм ям PRIM6.HTML.
  4.   Відкрити створений файл за допомогою програми Internet Explorer. Якщо помилки відсутні, то на екрані монітору Ви побачите  Вашу WEB- сторінку у вигляді простої таблиці. У разі наявності помилок -  HTML – код. Виправити помилки, зберегти фал та в Internet Explorer клацнути на кнопку “Обновить “.
  5.  Запустити на виконання  стандартну програму Блокнот та набрати початкові коди прикладів 11, 12 послідовно  Керівництва по HTML (глава 8) зберегти їх під іменами PRIM7.HTML та PRIM8.HTML .
  6.  Повторити дії з п. 4 . Будьте уважними при виконанні прикладів 11 та 12 так, як там є посилання на неіснуючі файли та URL адреси. Відредагувати файли прикладів шляхом внесення посилань на існуючі файли та адреси.
  7.  Створити HTML – сторінку, у вигляді таблиці, із переліком лабораторних робіт (стандартна форма з журналу звітів) та форму, за допомогою якої викликається на виконання цей файл.

Зміст звіту

  1.  Номер, назва та мета лабораторної роботи.
  2.  Привести початкові HTML – коди до файлів PRIM6.HTML, PRIM7.HTML, PRIM8.HTML та з 7 пункту інструкції, доповнивши їх відповідними коментарями.
  3.  Висновки.
  4.  Використана література.


 

А также другие работы, которые могут Вас заинтересовать

45288. Системы мобильной связи стандарта 802.16e. Назначение, характеристики, реалии внедрения. Механизмы безопасности WiMAX 317.9 KB
  Механизмы безопасности WiMX. Мифы: цена оборудования 150200; скорость до 70 Мбит с на полосе 20 МГц; на расстоянии 510 км до 50 км; неограниченное число клиентов; клиентское оборудование будет работать с любым оборудованием WiMX. скорость PreWiMX до 48 Мбит с. Характеристики Мобильный WiMX система б пров.
45289. Три этапа планирования сетей связи. Отличия в планировании сетей GSM, WCDMA и LTE 31.83 KB
  Алгоритм частотнотерриториального планирования сети радиосвязи. Первый этап планирования заключается в подготовке электронной карты местности ЭКЧ содержащей данные описывающие рельеф местности застройку территории лесные и водные массивы и в получении надежных данных в отношении: высоты местности морфоструктруры землепользование распределения населения транспортных потоков и других факторов влияющих на плотность трафика прогноза числа абонентов требований к рабочим характеристикам для обеспечения соответствующего качества...
45290. Концепция системы показателей качества услуг сетей мобильной связи (СМС). Международная стандартизация требований к качеству услуг. Государственная система стандартизации и контроля качества в РФ 222.5 KB
  Концепция системы показателей качества услуг сетей мобильной связи СМС. Конкуренция между операторами связи на национальных и международных телекоммуникационных рынках выдвигает проблему качества услуг связи на одно аз первых мест и следовательно появляется необходимость стандартизировать требования к качеству и методам его измерения. Стандартизация систем управления качеством услуг связи необходима для контроля над качеством технологических процессов их предоставления и согласования возможностей сетей общего пользования принадлежащих...
45291. Критерии и технические показатели, применяемые в международной стандартизации качества. Критерии, параметры, индикаторы, технические и организационные показатели качества работы СМС в системе стандартизации «Связь-качество» 283.27 KB
  Критерии и технические показатели применяемые в международной стандартизации качества. Критерии параметры индикаторы технические и организационные показатели качества работы СМС в системе стандартизации Связькачество. При выборе совокупности показателей качества следует иметь в виду что выбранные услуги важны для конечного пользователя и широко применяюсь большинством сетевых операторов. Отсюда следует что показатели качества должны: оказывать основное влияние на удовлетворение потребностей абонентов в области услуг связи;...
45292. Оценка показателей качества. Методы оценки показателей качества: контрольных вызовов, анализа статистики. Расчет показателей качества: P, R, Q. Модель определения параметров качества услуг. Расчет показателей QoS: NA, SA, ST, SpQ, CCR 224.93 KB
  Оценочные испытания могут проводиться контролирующими органами лабораториями и центрами сертификации а также операторами связи. Оценочные испытания могут проводиться контролирующими органами лабораториями и центрами сертификации а также операторами связи. Контролирующими органами с целью проверки деятельности оператора и повышения качества услуг связи периодически. Проверяется соответствие значений показателей качества нормальному уровню в России устанавливается нормативными документами Министерства информационных технологий и связи РФ.
45293. Объективная оценка показателей качества передачи речи: рейтинговая модель E при планировании; интегральные оценки по отношению сигнал/шум и на основе обобщенного коэффициента 490.5 KB
  Объективная оценка показателей качества передачи речи: рейтинговая модель E при планировании; интегральные оценки по отношению сигнал шум и на основе обобщенного коэффициента. Субъективная оценка показателей качества передачи речи: статистические слушательская и абонентская. Оценка качества передачи речи При оценке качества передачи речевой информации применяются субъективные квазисубъективные либо объективные методы. В последнее время чаще используются объективные методы оценки позволяющие автоматизировать данный процесс сделать его...
45294. Оценка показателей качества передачи данных в сетях с коммутацией пакетов. Уровни приоритетов, уровни надежности, классы скорости. Качество передачи данных в классах сетей 3G 126 KB
  Оценка показателей качества передачи данных в сетях с коммутацией пакетов. Качество передачи данных в классах сетей 3G. Оценка качества передачи данных в сетях с коммутацией пакетов Развитие технологий 2G 3G идет в направлении перехода от технологий передачи данных с коммутацией каналов к технологиям передачи данных с коммутацией пакетов Pcket Switched Dt ServicePSD Generl Pcket Rdio Service GPRS. Рассмотрим методы измерений показателей и расчета параметров качества предоставления услуг передачи данных в сетях подвижной связи с...
45295. Принципы управления качеством обслуживания. Схема взаимодействия при обеспечении качества 104.47 KB
  Обязательства операторов перед потребителями услуг связи по базовым услугам. Принципы управления качеством обслуживания Система управления качеством обслуживания представляет систему мер которые обеспечивают соответствие качества услуг связи установленным требованиям. Стандарты систем управления качеством базируются на принципах индивидуальной ответственности поставщика услуг фиксировании данных о качестве услуг и разработки эффективных административных процедур. Базовый уровень требований к системе управления качеством услуг обозначен в...
45296. Управление качеством обслуживания в рамках концепции QoS. Требования к параметрам качества услуг: задержке, потере данных 435.78 KB
  Требования к параметрам качества услуг: задержке потере данных. Соглашения о предоставлении услуг SL. К решению проблем управления качеством услуг разработчики стандартов GSM подошли только на этапе создания GPRS так как использование пакетной коммутации предъявило высокие требования к основным параметрам сети. Причиной этому является то что трафик услуг передачи данных обрабатываемый с использованием технологии GPRS в сети GSM всегда имеет вторичный приоритет по сравнению с речевыми услугами т.