Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
пособие_ЭИ / эи_пособие_07_ч1.doc
Скачиваний:
160
Добавлен:
13.04.2015
Размер:
11.75 Mб
Скачать

2. Задания

  1. Запустить браузер Internet Explorer.

  2. Загрузить страницу: http://www.management.com.ua

  3. Изучить в справочной системе Internet Explorer, как добавить ссылку в папку Избранное.

  4. Установить кодировку Кириллица КОI8. Что произошло?

  5. Назначить страницу http://www.management.com.ua домашней.

  6. Изучить, как настроить Журнал для сохранения использовавшихся ссылок в течение определенного срока, как отключить графику для ускорения отображения Web-страниц.

  7. Показать способы перехода на страницу: http://www.management.com.ua/strategy/

  8. Сохранить страницу, фрагмент страницы и любой рисунок в сетевую папку.

  9. Создать текстовый файл с названием lab2_1.doc, ответить в нем на следующие вопросы:

  • Что такое браузер? Привести примеры.

  • Что собой представляет система www?

  • Привести 3 примера URL.

  • Что такое гипертекст?

  • Чем Избранное отличается от Журнала?

  • Как добавить ссылку в Избранное?

  • Как назначить страницу, которая загружена в браузер в данный момент домашней?

  • Что такое кодировка?

  • Перечислить возможные способы перехода на другую страницу.

  • Как отключить воспроизведение анимации и видео на web-страницах для их более быстрой загрузки?

  1. Файл с ответами на вопросы сохранить в сетевую папку, указанную преподавателем.

  2. Оформить отчет по лабораторной работе 2.2.

Лабораторная работа № 2.3 html – язык разметки гипертекста. Microsoft Front Page

Цель работы: получить представление об основах языка HTML, научиться создавать web-страницы на основе шаблонов в программе FrontPage.

1. Методические указания.

Создание web-страниц по средствам языка разметки гипертекста.

Можно подготовить web-страницу, набрав в любом, даже самом простом текстовом редакторе некоторые конструкции, описывающие особенности страницы, с помощью специального языка разметки HTML (Hyper Text Mark-up Language). На практике такой способ используется сравнительно редко, поскольку существуют специальные редакторы для визуализированной подготовки таких страниц, а для широкого круга пользователей-непрофессионалов есть простые приемы и в приложениях Microsoft Office. Однако умение работать с исходным текстом HTML очень полезно при редактировании страниц, создании страниц, разбитых на самостоятельные части (фреймы), а также во многих других случаях.

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

Справочник по HTML

В представлении HTML web- или HTML-страница – это некоторая последовательность конструкций языка HTML.

В HTML используется следующая терминология:

элемент или команда ­– конструкция HTML, содержащая данные и сведения об их формате (внутри могут содержаться другие элементы);

web-страница – набор элементов;

теги: стартовый <…>, конечный </...> – это маркеры элемента. Иногда термин тег (англ. tag – ярлык, метка) используют для элементов или команд;

атрибуты – свойства элемента, расположенные после стартового тега (по сути, переменные с предопределенными или произвольными значениями).

Основные элементы HTML

Элемент

Формат

Комментарии

<!--текст комментария-->или

<COMMENT> текст комментария </COMMENT>

Тегиначала и конца документа

<HTML>

</HTML>

Здесь допускается вложение элементов HEAD, BODY, PLAINTEXT

Заголовочная часть (не выводится на web-странице)

<HEAD> </HEAD>

Элемент для заголовка окна браузера, размещается в элементе <HEAD>

<TITLE> </TITLE>

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

<BODY> </BODY>

Некоторые из атрибутов элемента BODY:

background = «путь к файлу фона»

bgcolor = «имя или число для цвета фона»

text = «имя или число для цвета текста»

link = «имя или число для цвета гиперссылки»

vlink= «имя или число для цвета использованной гиперссылки»

Элементы заголовков,уровни с 1 по 6 определяют разные размеры и конфигурацию символов

<H1> </H1> …….. <H6> </H6> Допустимый атрибут - выравнивание:

align = «center» («left», «right», «justify»)

Выделение абзаца текста (конечный тег необязателен)

<P> </P> Допустимый атрибут – выравнивание

Горизонтальная линия

<HR> </HR> Некоторые из допустимых атрибутов:

size = «толщина в пикселях»

width = «длина в пикселях»

color = «имя или число для цвета линии»

align = «center»……..

Переход на новую строчку(имеет только стартовый тег)

<BR>

Определение шрифта

<FONT> </FONT> Допустимые атрибуты:

size = «размер шрифта» принимает значения от 1 до 7 (по умолчанию 3) для относительных значений задают  n

face = «имя шрифта»

color= «имя или число для цвета»

Определение курсивного начертания символов

<I> </I>

Определение полужирного начертания символов

<B> </B>

Гиперссылка

<A> </A>

Некоторые из обязательных атрибутов:

href = «адрес ссылки»

name= «имя закладки»

HTML – документ имеет определенную структуру. Вот пример простейшего документа на языке HTML:

<HTML>

<HEAD>

<TITLE>Test 1</TITLE>

</HEAD>

 <BODY>

 <H1>Hello, PC World!</H1>

 </BODY>

</HTML>

Использование специальных программ для создания web-страниц.

Программа FrontPage 2002, входящая в состав MS Office XP, предназначена для создания web-страниц и web-узлов.

Преимущества FrontPage перед другими редакторами очевидны: FrontPage имеет мощную поддержку в Internet; интерфейс FrontPage схож с интерфейсом программ, входящих в MS Office, что облегчает его освоение. К тому же, между программами, входящими в MS Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.

Создание Web-узла с помощью мастеров и шаблонов.

Для запуска мастера по созданию web-узла необходимо выполнить следующие действия:

  1. в меню Файл выбрать команду Создать, в открывшемся подменю – опцию Страница или веб-узел. В результате в главном окне программы появляется панель Создание веб-страницы или узла;

  2. выбрать на панели значение Шаблоны веб-узлов, в открывшемся диалоговом окне выбрать шаблон или мастер для создания web-узла;

  3. выделить значок нужного мастера (в области Описание появляется краткое описание выбранного мастера);

  4. в поле Укажите расположение нового веб-узла задать URL-адрес web-узла, то есть имя web-сервера, на котором хотите разместить web-узел, и имя web-узла (имена должны быть разделены символом "/", например, http://localhost/Corporate);

  5. нажать кнопку ОК, запускается мастер.

Форматирование текста. Форматирование текста в MS FrontPage выполняется так же, как в текстовом процессоре MS Word: существует возможность изменять шрифт, его размер, стиль и цвет, интервалы и вертикальное расположение текста, а также добавлять такие эффекты, как подчеркивание. Кроме того, можно задавать отступы, добавлять маркеры и номера, а также устанавливать выравнивание. Форматирование может быть применено к выделенным словам или к целому абзацу.

Добавление рисунка на web-страницу. Рисунки можно добавлять из различных источников (из файла, из Коллекции картинок Microsoft, со сканера или камеры), для этого необходимо:

  1. установить курсор в место вставки рисунка;

  2. в меню Вставка выбрать команду Рисунок, а затем – команду Из файла (или команду Картинки);

  3. перейти к файлу, который нужно добавить, и нажать кнопку Вставить.

Или:

  1. в меню Вставить выбрать команду Рисунок, а затем – команду Со сканера или камеры;

  2. в группе Устройство выбрать устройство, с которого требуется добавить рисунок и указать требуемое.

Создание гиперссылок. Чтобы создать гиперссылку нужно выполнить следующие действия:

    1. открыть созданный web-узел;

    2. разместить на странице текстовый список, элементы которого будут использоваться для перехода на остальные страницы;

    3. выделить первый элемент списка, а затем выполнить одно из следующих действий:

  • в меню Вставка выбрать команду Гиперссылка;

  • нажать правую кнопку мыши и выбрать команду контекстного меню Гиперссылка;

  • нажать кнопку Добавление гиперссылки на панели инструментов Стандартная;

  • нажать комбинацию клавиш <Ctrl>+<K>.

При выполнении любого из этих действий на экране открывается диалоговое окно Добавление гиперссылки (список Папка диалогового окна содержит наименование открытого web-узла, а расположенная ниже область ­– список всех его папок и страниц, нужно выбрать из этого списка Web-страницу, на которую создается ссылка, ее название будет перенесено в поле Адрес);

    1. нажать кнопку ОК;

    2. сохранить страницу.

Изменение фона страницы. Для создаваемых web-страниц по умолчанию FrontPage предлагает белый фон. Цвет фона можно изменить, используя предлагаемые программой цвета, что не скажется на времени загрузки web-узла. Кроме того, в качестве фона страницы можно использовать графическое изображение.

Для задания однотонного фона web-страницы нужно выполнить следующие действия:

    1. в меню Формат выбрать команду Фон, на экране открывается диалоговое окно Свойства страницы, содержащее шесть вкладок. По умолчанию открыта вкладка Фон (область Цвета содержит 5 раскрывающихся списков, позволяющих задать цвета следующих элементов Web-страницы: фон Web-страницы, текст, гиперссылки, просмотренные ссылки, активную ссылку);

    2. для задания цвета раскрыть выпадающий список Фон, выбрать на палитре понравившийся цвет;

    3. нажать кнопку ОК для закрытия диалогового окна.

Соседние файлы в папке пособие_ЭИ