HTML программирование. Создание WEB-документа. Часть II

HTML программирование. Создание WEB-документа. Часть II
скачать (46.5 kb.)

Доступные файлы (1):

1.doc

47kb.

16.11.2011 00:15

скачать

содержание

1.doc

ФЕДЕРАЛЬНОЕ АГЕНСТВО ПО ОБРАЗОВАНИЮ РФ

СЕВЕРО-КАВКАЗКИЙ ОРДЕНА ДРУЖБЫ НАРОДОВ ГОРНОМЕТАЛЛУРГИЧЕСКИЙ ИНСТИТУТ

(ГОСУДАРСТВЕННЫЙ ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ)

КАФЕДРА «ИНФОРМАЦИОННЫЕ СИСТЕМЫ В ЭКОНОМИКЕ»

ОДОБРЕНО

Советом ____________________ ф-та

Протокол № ___________

СБОРНИК

лабораторных работ по дисциплине:

«Мировые Информационные Ресурсы»

Тема: «HTML программирование. Создание WEB-документа. Часть II»

Владикавказ

2004

Методические указания к лабораторным работам «HTML проектирование». Владикавказ, изд. СКГТУ, 2005г.

Методические указания к лабораторным работам «HTML проектирование» являются учебным пособием, подготовленным в соответствии с программами «Информационные технологии в экономике» и «Информатика» для специальности 351400 «Прикладная информатика»

Составитель:

Ст. преподаватель Дзлиев Г.У.

Заказ Тираж Объем Цена договорная

Издательство «Терек»

Подразделение оперативной полиграфии СКГТУ.

Владикавказ, ул. Николаева, 44.

^ ЛАБОРАТОРНАЯ РАБОТА № 1

МЕТОДИЧЕСКИЕ УКАЗАНИЯ

«HTML. ЗАДАНИЕ РАЗМЕРОВ ПОЛЕЙ СТРАНИЦЫ»

Цель работы: изучение атрибутов LEFTMARGIN, RIGHTMARGIN, TOPMARGIN, BOTTOMMARGIN и приобретение умения задания страницы, ее размера, расположения и вида.

Введение.

В процессе проектирования Web-страницы полезно применить инструкции формирования
полей — полос чистого пространства между

воображаемой рамкой, в которую заключено содержимое страницы, и границами окна броузера.
Поля позволяют придать странице аккуратный и
внятный внешний вид.

^ Теоретическая часть.

Задание размеров полей страницы. По умолчанию большинство Web-броузеров отображает страницы с полями, приблизительно равными 10 экранным пикселям. Microsoft Internet
Explorer допускает использование специальных
атрибутов — LEFTMARGIN, RIGHTMARGIN, TOPMARGIN и
BOTTOMMARGIN, — предназначенных для задания ве-
личины соответствующих полей страницы. Указанные атрибуты не входят в состав спецификации HTML и, как правило, не обрабатываются
другими броузерами.

Чтобы изменить значения полей страницы, которая
будет просматриваться средствами Netscape Naviga-
tor, следует использовать атрибуты MARGINWIDTH (для
левого и правого полей) и MARGINHEIGHT (для верхнего
и нижнего полей). Названные атрибуты не имеют
отношения к стандарту HTML и поддерживаются
только броузером Netscape Navigator.

Чтобы гарантировать корректность отображения по-
лей страницы в окнах обоих броузеров, Microsoft In-
ternet Explorer и Netscape Navigator, полезно включить в HTML-код страницы те и другие атрибуты.

Пример:

В теле дескриптора <BODY> введите один из атрибутов служащих
для изменения величины полей страницы ^ (LEFTMARGIN, RIGHTMARGIN, TOPMARGIN или ВОТТОММАRGIN) и наберите выражение = "?" (например: LEFTMARGIN=”10”).

"?"
число, выражающее
величину поля в экранных пикселях (или %).

Повторите действия,
перечисленные в пп.1, 2
инструкции, для каждого поля страницы, величину которого следует
изменить.

Web-броузер отображает текст Web-страницы с полями, величину
которых вы задали.

Примечание: предусматривая возможность просмотра Web-страницы броузером Netscape Navigator,
повторите действия, перечисленные в предыдущей инструкции; при
выполнении п.1 введите один из атрибутов, MARGINWIDTH или

MARGINHEIGTH.

Ход работы:

Ознакомьтесь с данной инструкцией, вызовите броузер WEB щелчком «мыши» по иконке, откройте в нем «пустую» страницу. Откройте ее в виде HTML.
Наберите в открывшемся блокноте пример показанный на рисунке 9.1. теоретической части, сохраните изменения в меню «файл → сохранить» и обновите страницу.
Затем в меню «файл → открыть» откройте файл созданный в лабораторной работе № 7 (в созданном ранее шаблоне, в лабораторной работе №7 «Калоев HTML».
Внесите в него ниже приведенные изменения (см. текст ниже), в графическом редакторе Блокнот.
Документ, сохраните в меню «файл → сохранить» и вновь обновите страницу.
Сохраните набранный текст под тем же расширением «.html» в отдельной папке в корневом каталоге или в папке «Мои документы» под названием включающем Вашу фамилию, например: Калоев PHP. Лаб.1).
Запустите полученный файл в броузере Internet Explorer и в открывшемся окне Вы увидите набранную таблицу «Моя первая работа в PHP».
Студенту предлагается проанализировать набранный код фрагмента программы, поэкспериментировать, изменяя написание приведенных дескрипторов (тэгов) в редакторе Блокнот (не забудьте сохранить изменения и обновить страницу).
Оформить лабораторную работу (преподавателю сдавать лабораторную работу в электронном виде, допускается распечатка страницы на принтере).

Внимание: При составлении записей в колонках следует стараться, чтобы записи по структуре были как можно похожими.

Задачи для самостоятельного решения.

Самостоятельно измените дескриптор <Bordercolor> этого примера.

Измените толщину рамки таблицы. Измените в контейнере < TH > структуру записи таким образом, чтобы оно выглядело курсивом.

Создайте собственную запись с четырьмя колонками. Вставьте приведенное четверостишье во вторую ячейку таблицы.

Измените атрибут ALIGN, чтобы посмотреть изменение написания шрифта, например на Center.

Контрольные вопросы.

Какие тэги вы применили в выше приведенном фрагменте?
Как в PHP подбирать размер ячейки?
В PHP можно опустить некоторые закрывающие дескрипторы, можно ли опустить закрывающий дескриптор </Table>?
В каком порядке располагаются атрибуты дескриптора <TD>?

Скачать файл (46.5 kb.)

HTML программирование. Создание WEB-документа. Часть II - файл 1.doc

Доступные файлы (1):

1.doc