С. А. Журова информационные технологии




Скачать 371.34 Kb.
НазваниеС. А. Журова информационные технологии
Дата публикации30.09.2013
Размер371.34 Kb.
ТипМетодические указания
skachate.ru > Информатика > Методические указания
- создает строку таблицы. Элемент не имеет конечного тега, заканчивается там, где начинается следующая строка, т.е. следующий элемент .

Используемые атрибуты:

Стандартные атрибуты: id, class, lang, dir, title, style.
.


Используемые атрибуты:
- элемент нижнего блока строк;

  • - элемент обычного блока строк.

    Каждый элемент может не содержать конечный тег и содержать любое количество строк (элементов TR). При использовании этих элементов

    необходимо придерживаться следующих правил:
    , . Но в таблице на экране блок окажется последним.

  • Все блоки должны содержать одинаковое количество колонок.

    • Элементы, используемые для группировки колонок:

  • - создает группы колонок с одинаковыми свойствами. Атрибут span = n определяет число колонок в группе.

  • - определяет свойства одной колонки.

    Пример создания таблицы.

    ^

    Заголовок таблицы




    МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

    УРАЛЬСКИЙ ГОСУДАРСТВЕННЫЙ


    ЛЕСОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

    КАФЕДРА ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ

    И МОДЕЛИРОВАНИЯ

    С.А.Журова


    ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ


    Основы HTML

    Методические указания по выполнения лабораторных работ для студентов специальности 351400

    Екатеринбург


    2002
    Введение
    Данные методические указания предназначены для выполнения лабораторных работ по курсам Информационные системы и Информационные технологии. Примеры выполнения лабораторных работ приведены с использованием текстового редактора Блокнот и броузера Internet Explorer.
    ^ Основные понятия
    Hyper Text Markup Language - язык разметки гипертекстовых документов.


    • Элемент (element) – конструкция языка HTML, содержащая данные и позволяющая отформатировать их определенным образом. альный

    • Тег (tag) – начальный и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки (< >), а конечный тег снабжается косой чертой (/).

    • Атрибут (attribute) – параметр или свойство элемента, т.е. переменная, которая имеет стандартное имя и стандартное или произвольное значение. Символьные значения заключаются в прямые кавычки (некоторые браузеры допускают отсутствие кавычек).

    • Гиперссылка – фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

    • Фрейм (frame) – термин имеет два значения. Первое – область документа со своими полосами прокрутки. Второе значение – одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма).

    • HTML-файл или HTML-страница – документ, созданный в виде гипертекста на основе языка HTML, имеет расширение htm или html.

    • Скрипт или сценарий (skript) – программа, передаваемая на компьютер клиента в виде отдельного файла или запускаемая при просмотре Web-страницы.

    • Web-страница – документ (файл), подготовленный в формате гипертекста и размещенный в Word Wide Web (WWW).

    • Сайт (site) – набор Web-страниц, принадлежащих одному владельцу.

    • Броузер (browser) – программа для просмотра Web-страниц.

    • URL (Uniform Resource Locator) или универсальный указатель ресурса – адрес некоторого объекта в Интернет. Типичный URL для WWW имеет вид: http://www.название.домен/имя файла.

    • Базовый URL - часть адреса, которая является общей для всех ссылок текущей Web-страницы.


    ^

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



    Тема: создание простейшего HTML – документа, основные элементы, сохранение и редактирование, форматирование абзацев текста.

    Язык разметки гипертекстовых документов представляет собой совокупность команд, называемых тегами.
    Структура HTML-документа:


    1. - начальный и конечный теги, определяющие соответственно начало и конец Web- страницы.

    2. Заголовок - предоставляет информацию приложению, интерпретирющему документ. Элемент имеет атрибуты: version, lang, dir.

    3. Заглавие <TITLE> - строка текста, отображаемая в заголовке окна броузера и используемая для организации поиска в INTERNET.

    4. Тело Web-страницы - <BODY> - произвольная часть документа, разрабатываемая автором страницы и отображаемая броузером. Внутри элемента можно использовать все элементы, предназначенные для дизайна Web - страницы.

    Используемые атрибуты:

    • Background = "Путь к файлу фона"

    • Bgcolor = "#RRGGBB". Цвет фона задается тремя двуразрядными шестнадцатиричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно.

    • Text = "#RRGGBB" - используется для задания цвета текста.

    • Link = "#RRGGBB" - используется для задания цвета гиперссылок.

    • Vlink = "#RRGGBB" - используется для задания цвета просмотренных гиперссылок.

    • Alink ="#RRGGBB" - используется для задания цвета последней выбранной пользователем гиперссылки.

    • Leftmargin - ширина левого поля (в пикселях).

    • Topmargin - ширина верхнего поля (в пикселях).


    Для создания HTML-документа необходимо иметь:


    1. Любой стандартный текстовый редактор или процессор, который обеспечивает сохранение текста в формате "только текст", без специальных кодов форматирования (например, Блокнот).

    2. Любой броузер (например, Internet Explorer).


    Стандартные атрибуты:


    • id - выполняет функции уникального имени элемента;

    • style - предназначен для определения формата конкретного элемента.

    • align- используется для выравнивания текста, объектов или элементов целиком. Выравнивание может выполняться относительно границ окна, рамки таблицы и т.д. может принимать следующие значения:

    • left - выравнивание по левому краю;

    • right- выравнивание по правому краю;

    • Justify - выравнивание по ширине ( для текста);

    • center - выравнивание по центру (по горизонтали)

    • middle- выравнивание по центру (по вертикали);

    • top- выравнивание по верхней границе;

    • bottom- выравнивание по нижней границе.

    • lang- определяет, на каком языке набран текст внутри текущего элемента.

    Коды некоторых языков:

    • ar – арабский;

    • de- немецкий;

    • el – греческий;

    • en – английский;

    • en-us- американская версия русского языка;

    • fr- французский;

    • he- иврит;

    • hi- хинди;

    • it- итальянский;

    • ja- японский;

    • nl- голландский;

    • pt- португальский;

    • ru- русский;

    • zh- китайский.

    • Dir - указывает направление текста ("LTR" - слева направо, "RTL" - справа налево).



    ^

    Форматирование текста





    • -
      элемент абзаца (paragraph) - позволяет использовать только начальный тег, так как следующий элемент

      обозначает не только начало следующего абзаца, но и конец предыдущего. Допускается использование атрибута align.



    • -
      принудительный переход на новую строку, имеет только начальный тег. Допускает использование атрибута clear, применяемого для выравнивания объектов (например, рисунков) относительно текста, в котором использован элемент
      . Если элемент объекта содержит атрибут align, то в расположенных рядом элементах
      должен присутствовать атрибут clear.

    Значения атрибута:

    • none - значение по умолчанию;

    • left - если объект выровнен влево;

    • right - если объект выровнен вправо;

    • all - для объекта, который может быть выровнен по любому краю.

    Стандартные атрибуты: id, title.

    • - текст, заключенный между тегами выводится в одну строку.

    •  
      -
      (preformatted) - используется для обозначения текста,отформатированного заранее.

    Допускается использование атрибута для определения ширины блока текста в символах:

    width = число символов


    • -
      элемент для центрирования текста или объекта. Элемент не является общеупотребительным, вместо него в элементах текста может использоваться атрибут align="center".

    • - выделение текста полужирным шрифтом.

    • - увеличение размера шрифта.

    • - уменьшение размера шрифта.

    • - выделение шрифта курсивом.

    • или - зачеркнутое начертание текста.

    • - подчеркнутое начертание текста.

    • - (subscript) - элемент, создающий эффект нижнего индекса.

    • -(superscript) - элемент, создающий эффект верхнего индекса.

    • - элемент, определяющий базовый шрифт (основной для всей страницы), внутри элемента необходимо указать атрибут:

    size = базовый размер шрифта.

    • - определение типа, размера и цвета шрифта.

    • - элемент, позволяющий изменить направление текста, например:

    направление текста можно изменить .

    • -
      элемент заголовка. Существует шесть уровней заголовков, обозначаемых Н1 …Н6. Заголовок уровня 1 самый крупный, уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание текста align:

    • align = "left";

    • align = "right";

    • align = "center".

    • <HR> (horizontal rule) - горизонтальная линия. Элемент не имеет конечного тега. Могут использоваться следующие атрибуты:

    • align - задает выравнивание влево, по центру, вправо, по ширине (justify);

    • Size - толщина линии в пикселях;

    • Width - длина линии в пикселях или %;

    • Color - определяет цвет линии.

    • Комментарий --
      > - используется для ввода пояснительного текста, не отображаемого Web-броузером.

    • <MARRQUEE> - "бегущая" строка, т.е. строка, создающая эффект прокручивания текста в заданном направлении. Характеристики "бегущей" строки задаются следующими атрибутами:

    • Width - ширина поля бегущей строки в пикселях или процентах от ширины окна;

    • Height - высота поля бегущей строки (в пикселях);

    • Hspace, Vspace - интервалы по горизонтали и вертикали между текстом строки и краями ее поля ( в пикселях);

    • Align - положение текста "бегущей" строки в ее поле:

    • Top - вверху;

    • Bottom - внизу;

    • Middle - посередине;

    Direction - определяет направление движения:

    • Left - справа налево;

    • Right - слева направо;

    Behavior - определяет характер движения строки:

    • Scroll - текст появляется от одного края и скрывается за другим;

    • Slide - строка вытягивается из одного края и останавливается у другого края;

    • Alternate - задает переменное направление движения от одного края к другому, а затем обратно;

    Loop - определяет количество повторений текста в бегущей строке, задаваемое числом; если необходимо задать "бесконечное" количество повторений, то следует задать аргумент в виде ключевого слова Infinity. Атрибут Loop не влияет на поведение строки, если для атрибута Behavior заданы аргументы Alternate или Slide.

    Scrollamount - устанавливает длину в пикселях "прыжка" текста за один такт; при большом значении этого параметра текст движется рывками, при малом - медленно;

    Scrolldelay - определяет величину паузы между тактами перемещения текста (в миллисекундах).

    Bgcolor - устанавливает цвет поля "бегущей" строки.
    Пример "бегущей строки":


    ^ DIRECTION=LEFT LOOP=INFINATE BEHAVIOR=SCROLL SCROLLAMOUNT=5 SCROLLDELAY=100>

    В октябре 1920 г. декретом Совнаркома в Екатеринбурге

    учреждается Уральский государственный университет,

    в состав которого входил инженерно-лесной факультет.




    "Бегущая" строка "бесконечно" прокручивается на желтом поле шириной 75% от ширины окна броузера.

    ^

    Задание к лабораторной работе №1



    1. Создание HTML- документа.

    1.1.Откройте текстовый редактор Блокнот. В открывшемся окне наберите следующий текст:





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





    Добро пожаловать на сайт Уральского Государственного лесотехнического университета







    1.2.Сохранить документ под именем Лабораторная_1.htm на диске А.
    ^ 2.Просмотр HTML-документа.

    Открыть созданный документ, используя программу Проводник или окно Мой Компьютер, просмотреть результат.

    3.Редактирование HTML-документа.

    Редактирование документа может производиться в окне программы Блокнот или непосредственно в окне Web- броузера. Во втором случае необходимо, используя контекстное меню (правая клавиша мыши) выполнить команду (просмотр в виде HTML), затем внести необходимые изменения в документ, сохранить документ и в окне Web- броузера щелкнуть по кнопке Обновить на панели инструментов.

    3.1.Используя элементы форматирования текста, внести в документ Лабораторная_1.htm следующие изменения:

    3.1.1.В элемент добавить атрибуты:

    • BGCOLOR- определяющий цвет фона документа;

    • TEXT - определяющий цвет текста;

    • TOPMARGIN - определяющий ширину верхнего поля документа.

    3.1.2.Текст "Сайт Уральского государственного лесотехнического университета" подчеркнуть горизонтальной линией.

    3.1.3.Используя различные размеры и виды шрифта, набрать следующий текст:

    В октябре 1920 г. декретом Совнаркома в Екатеринбурге учреждается Уральский государственный университет, в состав которого входил инженерно-лесной факультет. В 1922г. факультет был свернут до лесной специальности химико-металлургического факультета. В 1925 году факультет был снова открыт в составе Уральского политехнического института под названием лесопромышленный. Первым деканом факультета был профессор-зоолог А.В.Шестаков. В соответствии с приказом ВСНХ СССР 5 мая 1930 г. Уральский политехнический институт был реорганизован, и на его базе были организованы семь отраслевых вузов:

    • Химический;

    • Геологоразведочный;

    • Черной металлургии;

    • Цветной металлургии;

    • Строительный;

    • Лесотехнический;

    • Машиностроительный.

    Эта дата считается днем рождения нашего вуза. Первым директором Уральского лесотехнического института был Валентин Владимирович Марцинкевич.

    3.2.Выделить даты и имена собственные курсивом, подчеркиванием или цветом.

    3.3.Сохранить документ, просмотреть результат.

    Лабораторная работа №2
    Тема: использование списков, таблиц и графических изображений в HTML- документе.


    1. Списки.

    В HTML-документах используется три типа списков:

    • Ненумерованный или неупорядоченный список (unordered list) с маркерами возле каждого элемента.

    • Нумерованный или упорядоченный список (order list), в котором каждый элемент снабжается цифровой или символьной нумерацией.

    • Список с определениями (definition list).

    Шаблоны для создания списков:

    • Ненумерованный список:



    • Пункт 1 списка

    • Пункт 2 списка

    • Пункт 3 списка



    Используемые атрибуты:

    type - определяет тип маркера.

    Значения атрибута type:

    • type = " circle " - вид маркера - окружность.

    • type = " disc " - вид маркера - круг.

    • type = " square " - вид маркера - квадрат

    • Нумерованный список:



    1. Пункт 1

    2. Пункт 2

    3. Пункт 3



    Используемые атрибуты:

    type - определяет тип нумерации.

    Значения атрибута type:

    • type = " 1 " - вид нумерации - 1,2,3….

    • Type = " i " - вид нумерации - i,ii,iii,iv….

    • Type = " I " - вид нумерации - I,II,III,IV…

    • Type = "a " - вид нумерации - a,b,c,d…

    • Type = " A " - вид нумерации - A,B,C,D…

    Start = номер - определяет начальное значение для нумерации списка. Например, Start = 4 при буквенной нумерации означает, что нумерация списка начинается с литеры D.

    Value = номер - определяет номер для текущего пункта списка.

    • Список с определениями:


    Пункт 1
    Определение пункта 1
    Другое определение пункта 1

    Пункт 2
    Определение пункта 2
    Пункт 3
    Определение пункта 3


    1. Таблицы.

    Таблицы являются удобным средством форматирования данных на Web- странице. Рамка таблицы прорисовывается броузером автоматически. При создании таблиц используется принцип вложения: внутри элементов таблицы (table) создается ряд элементов, определяющих строки (tr), а внутри элемента строки размещаются элементы для описания каждой ячейки в строке (td,th).
    Элементы для создания таблиц:

    • -
      внешний элемент таблицы, позволяющий задавать общие свойства таблицы и отделяет структуру таблицы от остальной части Web-страницы.

    Используемые атрибуты:

    • align - выравниване таблицы по горизонтали (left, right,center);

    • width - ширина таблицы в пикселях или процентах;

    • border - ширина боковой грани таблицы (border=0 - рамка отсутствует);

    • cellspacing - ширина фронтальной грани таблицы;

    • cellpadding - размер пустого пространства, окружающего данные в ячейках;

    • bgcolor - цвет фона для всей таблицы;

    • background - использование в качестве фона таблицы файла изображения;

    • frame - задает вид рамки таблицы :

    • void - рамка отсутствует;

    • above - верхняя сторона рамки;

    • below- нижняя сторона таблицы;

    • hsides- части рамки сверху и снизу;

    • vsides- части рамки слева и справа;

    • lhs - левая часть рамки;

    • rhs - правая часть рамки;

    • border или box - рамка показана полностью;

    • rules - определяет вид сетки внутри таблицы:

    • none - сетка отсутствует;

    • groups - сетка вокруг групп ячеек;

    • rows - горизонтальные линии между строками;

    • cols - вертикальные линии между колонками;

    • all - обычная сетка.

    Стандартные атрибуты: id, class, lang, dir, title, style.

    • <CAPTION> CAPTION> - задание заголовка таблицы.

    Используемые атрибуты:

    • align - расположение заголовка относительно таблицы:

    • top - заголовок над таблицей;

    • bottom - заголовок под таблицей;

    • left - заголовок над таблицей и выровнен влево;

    • right - заголовок над таблицей и выровнен вправо.

    Стандартные атрибуты: id, class, lang, dir, title, style.

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

  • Элементы, используемые для группировки строк:

    • <THEAD> - элемент блока заголовка;





  • Заголовок 1

    Заголовок1.1

    Заголовок 1.2

    Заголовок 2

    Ячейка 1

    Ячейка 2

    Заголовок 3

    Ячейка 3

    Ячейка 4






    Заголовок таблицы
     

    Заголовок 1

    Заголовок 1.1

    Заголовок 1.2

    Заголовок 2

    Ячейка 1Ячейка 2

    Заголовок 3

    Ячейка 3Ячейка 4




    1. Вставка изображения.

    Изображение вставляется в Web - страницу с помощью тега . Файлы изображений подготавливаются в различных графических редакторах (может быть использована фотография) и могут иметь расширения gif, jpeg, bmp, tif. Чтобы вставить изображения с помощью тега <IMG>, необходимо знать размеры изображения. Если изображение может быть преобразовано в формат bmp, то его можно открыть в редакторе Paint в Windows и выбрать для него необходимые размеры, которые отображаются в правом нижнем углу.

    Используемые атрибуты:

    • Src - ссылка на файл изображения;

    • Align - выравнивание изображения;

    • Width - ширина изображения;

    • Height - высота изображения.

    Например:
    Задание к лабораторной работе №2


    1. Открыть текстовый редактор Блокнот и загрузить файл, подготовленный в лабораторной работе №1.

    2. Используя графический редактор Paint, создать файл для оформления фона документа.

    3. В элементе BODY заменить атрибут bgcolor на background.

    4. Используя шрифт Н2, записать следующий текст:

    ^ ОСНОВНЫЕ СОБЫТИЯ ИСТОРИИ УГЛТУ

    1. Нижеследующий текст оформить в виде списка:

    1926 - первая защита дипломов на лесопромышленном факультете УПИ.

    1930 - открытие библиотеки УЛТИ.

    1932 - впервые вводятся зачетные книжки и индивидуальные оценки знаний студентов.

    ^ 1938 - вступило в строй первое в институтском городке общежитие на 250 мест.

    1941 23 июня - митинг по поводу начала Великой Отечественной войны. Начало записи добровольцев в ряды Красной Армии.

    ^ 1943 - организована военная кафедра УЛТИ.

    1955 - выезд студенческих отрядов УЛТИ на освоение целины.

    1957 17 октября - первый выпуск газеты УЛТИ "Инженер леса".

    1966 - завершение строительства Дворца спорта.

    ^ 1966 - организация инженерно-экономического факультета.

    1974 - Совет Министров СССР, ВЦСПС и ЦК ВЛКСМ награждают стройотряды УЛТИ Почетной грамотой.

    ^ 1977 - организована кафедра вычислительной техники переименованная в последствии в кафедру информационных технологий и моделирования.

    1991 - введен в эксплуатацию класс ПЭВМ ИЭФ.

    1993 28 октября - переименование УЛТИ в Уральскую государственную лесотехническую академию.

    1. Сохранить файл под именем Лабораторная_2.htm.

    2. В графическом редакторе Paint подготовить эмблему, которую можно было бы использовать в УГЛТУ.

    3. Вставить эмблему в начало файла Лабораторная_2.htm.

    4. Подготовить таблицу под заголовком Директора и ректоры УЛТИ, содержащую следующие сведения:

    Марцинкевич Валентин Владимирович - 24 .04.1930 - 1.10.1931

    Круглов А.П. 1.10.1931 - март 1933

    Кузнецов Андрей Платонович март 1933 - февраль 1935

    Шелепугин Ф.П.(и.о.) февраль 1935 - июнь 1935

    Филатов А.И. июнь 1935 - 14 января 1937

    Калуцкий Федор Павлович (и.о.) 14.01.1937 -31.08.1937

    Захаров Дмитрий Михайлович 31.08.1937 - 14.10.1937

    Баудер Николай Робертович 14.10.1937 - 6.08.1940

    Багров Петр Григорьевич 23.08.1940 - 22 .07.1941

    Корунов Михаил Михайлович (и.о.) 22.07.1941 - 29.07.1941

    Тихин Исаак Ильич (и.о.) 22.07.1941 - 12.08.1941

    Голиков Валентин Иванович (и.о.) 15.08.1941- 20.08.1941

    Шутылев Алексей Николаевич (и.о.) 20.08.1941-25.08-1941

    Козлов Василий Николаевич (и.о.) 25.08.1941 - 7.10.1941

    Волженкин Владимир Константинович 7.10.1941 - 16.12.1941

    Радько Фелицата Васильевна (и.о.) 16.12.1941 - 27.04.1942

    Волженкин Владимир Константинович 27.04.1942 - декабрь 1943

    Печенкин Василий Евдокимович 7.03.1944-20.07.1948

    Рыжков Григорий Федорович 20.07.1948 - 1.06.1953

    Мишин Андрей Дмитриевич 22.06.1953 - 7.10.1957

    Рыжков Григорий Федорович 7.10.1957 - 14.08.1962

    Красноселов Борис Константинович 14.08.1962 - 4.09.1973

    Удилов Виктор Иванович (и.о.) сентябрь 1973-февраль 1974

    Казанцев Евгений Иванович 22.02.1974 - 5.01.1982

    Уткин Геннадий Капитонович (и.о.) январь 1982-август 1982

    Луганский Николай Алексеевич 25.08.1982 - 1.05.1991

    Старжинский Валентин Николаевич с 4.05.1991 -по настоящее время.

    В таблице использовать не менее трех колонок.
    8. Сохранить полученный документ под именем Лабораторная_2.htm

    Лабораторная работа №3
    Тема: использование гиперссылок для связывания страниц в HTML-документе.
    HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстрого перемещения к нужному разделу документа. Для этого можно использовать механизм гиперссылок, при этом в нужных местах текста необходимо расставить соответствующие метки.

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

    Например, для перехода внутри документа можно использовать следующую конструкцию:

    Переход к метке
    Элемент является одним из самых важнейших элементов языка, обеспечивающих создание гиперссылок.

    Для создания гиперссылки чаще всего используются следующие шаблоны:


    • текст текст для щелчка

    • ^

      Задание к лабораторной работе №3





      1. Открыть текстовый редактор Блокнот, загрузить файл Лабораторная_2.htm, исподьзуя элементы форматирования, добавить в конец страницы следующий текст:

      В настоящее время в состав УГЛТУ входят следующие факультеты:

      1. Оформить в виде списка перечень факультетов УГЛТУ.

      2. Сохранить файл.

      3. В текстовом редакторе Блокнот подготовить описание своего факультета (состав кафедр, специальности, общественные дисциплины ). Сохранить документ под именем Факультет.htm.

      4. В текстовом редакторе Блокнот подготовить описание своей кафедры. Сохранить документ под именем Кафедра.htm.

      5. Просмотреть полученные результаты по всем подготовленным файлам.

      6. Внести изменения в файл Лабораторная_2.htm, оформив элементы списка в виде ссылок:

    • Факультет экономики и управления

      8. Сохранить файл под именем УГЛТУ.htm.

      1. Внести изменения в файл Факультет.htm, обеспечивающие по ссылкам переход к странице кафедры и возврат на главную страницу (файл УГЛТУ.htm).

      Возврат на главную страницу

      1. Внести изменения в файл Кафедра.htm, обеспечивающие возврат в файлы Факультет.htm и УЛТУ.htm.


      ^ Лабораторная работа №4
      Тема: использование фреймов
      Фреймы - это области, которые создаются в окне броузера для одновременной демонстрации нескольких документов. При создании страниц с фреймами разрабатывается несколько страниц. При этом HTML-документы отличаются по типам. Документы раскладки (layout) используются для создания структуры окна, то есть для описания того, как оно должно быть разделено. Документы содержания (content) предназначены для заполнения информацией каждой из областей.

      Для создания Web-страницы с фреймами первоначально необходимо продумать структуру окна. Горизонтальное деление экрана задается при помощи атрибута rows, вертикальное - при помощи атрибута cols. Значения атрибутов могут быть выражены в пикселях или процентах. Кроме того, используется символ * для обозначения оставшейся части экрана.

      Например:

      • Cols = 50%, 50% - деление области просмотра по вертикали пополам;

      • Cols = 25%/, 75% - левая вертикальная область в три раза меньше правой;

      • Rows = 150, 30%, * - для верхней горизонтальной области отведено 150 пикселов, для средней - 30% доступного пространства, а для нижней - все, что останется;

      • Cols = *, 4* - правая вертикальная область в четыре раза шире левой. Эту формулу иначе можно записать так: Cols = 20%, 80%.


      Структура HTML-документа отличается от простейшей. Вместо элемента BODY, описывающего содержание одного документа, используется конструкция, описывающая набор кадров.

      - описывает структуру окна;

      <FRAME> - для каждой области указывает, какой документ и с какими параметрами загружается первоначально. Тег находится внутри элемента .
      Атрибуты элемента FRAMESET: cols, rows, id, class, style, onload, onuload.

      Внутри элемента FRAMESET должна быть создана ссылка на каждый документ содержания, входящий в сложную страницу.

      Атрибуты элемента FRAME :

      • Name - имя фрейма. Каждый фрейм должен иметь имя, с которым связывается HTML-файл, указанный в атрибуте SRC;

      • Scrolling - задает полосы прокрутки в окне фрейма, YES- прокрутка присутствует, NO - отсутствует;

      • Noresizze - запрещает пользователю изменять размеры фреймов;

      • Border - определяет ширину разделительной полосы между фреймами;

      • Bordercolor - определяет цвет разделительной полосы;

      • Marginheight - задает величину отступа страницы от верхнего и нижнего краев фрейма (в пикселях);

      • Marginwidth - задает величину отступа страницы слева и справа (в пикселях);

      • Frameborder - задает рамку вокруг фрейма. Значение 1 создает рамку, значение 0 - отменяет. Если необходимо убрать границу между фреймами, надо учитывать, что она создается рамками двух смежных областей.

      Пример страницы с фреймами:
      1. Файл FRAME.htm:





      Пример фреймов




















      2.Файл fr1.htm:





      Фрейм 1





      Верхняя часть страницы


      Похожие:

      С. А. Журова информационные технологии iconТема Экономическая информация как часть информационного ресурса общества
      Информатика, информационные системы (ИС) и информационные технологии. Понятие и классификация информационных систем. Информационные...
      С. А. Журова информационные технологии iconИнформационные (интернет) технологии по специальности 080109 «Бухгалтерский...
      Автоматические, автоматизированные и информационные (Интернет) системы. Достоинства и недостатки
      С. А. Журова информационные технологии iconRu / sait / Четвертая международная конференция «системный анализ и информационные технологии»
      Информационные технологии в науке, образовании, медицине, экономике и промышленности
      С. А. Журова информационные технологии iconСетевое и календарное планирование методические указания к выполнению...
      Методические указания предназначены для студентов экономических специальностей при изучении дисциплин «Информационные технологии»,...
      С. А. Журова информационные технологии iconКурсовая работа По дисциплине: «Основы менеджмента» Тема: «Информационные...
      Информационные технологии как инструмент формирования управленческих решений
      С. А. Журова информационные технологии iconДелопроизводство и новые информационные технологии
      Определение терминов «делопроизводство» и «новые информационные технологии», их взаимодействие. Информационные системы
      С. А. Журова информационные технологии iconРоссийской Федерации Смоленский государственный педагогический университет...
      Новые информационные технологии: Учебное пособие. Часть Основы и аппаратное обеспечение. Смоленск: сгпу, 2003. 228 с рис
      С. А. Журова информационные технологии iconРабочая программа дисциплины (модуля) «информационные технологии в специальном образовании»
      ...
      С. А. Журова информационные технологии iconЛитература 22 введение дисциплина «Вычислительная техника и информационные технологии»
      Вычислительная техника и информационные технологии. Методические указания к курсовой работе. О. Л. Неелова. Спбгут. Спб, 2003
      С. А. Журова информационные технологии iconКонтрольная работа по дисциплине «Информационные технологии управления персоналом»
      Требования к содержанию и оформлению контрольной работы по дисциплине «Информационные технологии в управлении персоналом»

      Вы можете разместить ссылку на наш сайт:
      Школьные материалы


      При копировании материала укажите ссылку © 2014
      контакты
      skachate.ru
    Главная страница