Веб-страницы

Автор: Пользователь скрыл имя, 18 Июня 2012 в 09:18, курсовая работа

Описание работы

World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet.

Содержание

ВВЕДЕНИЕ……………………………………………………………………………3
ГЛАВА 1.СОЗДАНИЕ WEB-СТРАНИЦ…………………………………………...4
1.1 Создание новой web-страниц……………………………………………………4
1.2 Редактирование и оформление web-страницы………………………………...6
1.3 Сохранение web-страницы....................................................................................11
ГЛАВА 2 ЭЛЕМЕНТЫ WEB-СТРАНИЦ И ИХ ФОРМАТИРОВАНИЕ..........12
2.1 Добавление и исследование гиперссылок. Вставка горизонтальных линий. Добавление фильмов и звуков. ..............................................................................................12
2.2 Фон .Тема..................................................................................................................18
2.3 Настройка параметров web-страницы................................................................19
2.4 Публикация web-страницы....................................................................................21
ЗАКЛЮЧЕНИЕ ............................................................................................................24
СПИСОК ЛИТЕРАТУРЫ...........................................................................................25

Работа содержит 1 файл

веб-старница, курсовая.docx

— 245.20 Кб (Скачать)

<a  href="Адрес">Указатель    ссылки</a> 
Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:

<a  href="filename.txt">Указатель  ссылки</a> 
 
Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:

<a   href="http://www.server.ru/Web-сайт/index.php">Указатель   ссылки</a> 
Указатель ссылки мы видим при просмотре Web-страницы в браузере. Указателем ссылки может быть текст или рисунок, обычно выделенный синим цветом и подчеркива¬нием. При указании на него мышью ее курсор превращается в значок «рука». Щелчок мышью по указателю вызывает переход на Web-страницу, указанную в гиперссылке. 
 
Гиперссылки могут содержать адреса не только Web-страниц, но и адреса файлов других типов. Активизация таких гиперссылок будет приводить: 
• к просмотру изображения в браузере:

<А  HREF="picture.jpg">Изображение</A> 
 
• к запуску проигрывателя, встроенного в браузер и 
воспроизведению звукового файла:

<А   HREF="sound.wav">3ByK</A>

 
• к сохранению файла на локальном  компьютере, с использованием  встроенного в браузер менеджера загрузки файлов:

<А   HREF="filez.exe">Скачать   файл</А>

 
Гиперссылка на адрес  электронной почты. Полезно на начальной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связать¬ся с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер "ADDRESS" "/ADDRESS", который задает стиль абзаца, принятый для указания адреса:

<ADDRESS> 
<А  HREF="mailto:username@server.ru"> 
E-mail:    username@server.ru</A> 
</ADDRESS>

 
Теперь по щелчку мышью по ссылке адреса электронной почты будет  открываться почтовая программа Outlook Express (или другая используемая по умолчанию  почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес.

Вставка горизонтальных линий на web-странице

Для разделения web-страницы на несколько частей часто используют горизонтальную линию (рис. 27.7). Чтобы вставить разделитель в виде горизонтальной линии, выполните следующие действия:

  • расположите курсор на месте вставки линии;
  • в меню Формат (Format) выберите команду Границы и заливка (Borders and shading);
  • нажмите кнопку Горизонтальная линия (Horizontal Line);
  • выберите линию, которую нужно вставить. Другой способ вставки горизонтальной линии:
  • расположите курсор на месте вставки линии;
  • откройте область задач Вставка картинки (Insert Clip Art);
  • введите web-разделитель (web dividers) в поле Искать текст (Search For) и нажмите клавишу Enter.

 

 

 
Рис. 27.7. Web-страница с горизонтальной линией

Чтобы вставить горизонтальную линию, которую  вы использовали в последний раз, можно нажать кнопку Горизонтальная линия (Horizontal Line) на панели инструментов Таблицы и границы (Tables and Borders). Если на панели инструментов в раскрывающемся списке выбран другой элемент, то нажмите кнопку рядом со списком и выберите Горизонтальная линия в раскрывающемся списке  . На кнопке списка отображается последняя использованная линия, например, если последний раз использовалась линия Нижняя граница (Bottom Border), то при подводе указателя мыши к кнопке высветится надпись Нижняя граница.

Для изменения свойств горизонтальной линии выберите в меню Формат (Format) команду Границы и заливка(Borders And Shading), откройте вкладку Граница (Border), выделите нужный вам Тип и нажмите кнопку ОК.

 

 

Добавление фильмов  и звуков

  Чтобы оживить документ, можно вставить в него клип или фоновый звук. Эти

элементы функционируют  при просмотре документа Word и  web-страницы в браузере.

Добавить видеоклип или  фоновый звук можно с помощью  панели инструментов Web-компоненты (Web Tools). Чтобы отобразить ее, выберите команду Вид ► Панели инструментов ► Web-компоненты или команду Web-компоненты (Web Tools) в контекстном меню, появляющемся при щелчке правой кнопкой мыши на любой панели инструментов. Видеоклип или фильм представляет собой последовательность кадров со звуком, показываемых в прямоугольной рамке, находящейся в документе. Чтобы вставить

видеоклип, выполните следующие  действия:

1.     Щелкните  на кнопке Фильм (Movie) на панели инструментов Web-компоненты. Откроется одноименное диалоговое окно.

2.     В поле Фильм (Movie) введите путь к файлу, содержащему видеоклип, или нажмите соответствующую кнопку Обзор (Browse) и определите положение файла в диалоговом окне Открыть (Open). Файлы, в которых хранятся видеоклипы, имеют различные форматы. Word поддерживает стандартные файлы, имеющие следующие расширения: .avi, .mov, .movie, .mp2, .mpeg, .mpg и .qt.

3.     При желании  в диалоговом окне Фильм можно задать или изменить следующие настройки:

- Чтобы браузер показывал  неподвижный рисунок, когда файл  с клипом недоступен,

введите путь файла рисунка  в поле Замещающий рисунок (Alternate Image)

или нажмите кнопку Обзор и определите положение рисунка. Следует указать

файл изображения с  расширением .gif или .jpeg.

     - Чтобы браузер отображал текст, если недоступны клип и рисунок, введите

в поле Замещающий текст (Alternate Text).

     - Задайте момент проигрывания клипа, выбрав подходящий пункт в

списке Начинать (Start).

     - Можно определить, сколько раз будет проигрываться клип после

запуска. Для этого выберете любой пункт списка Число повторов (Loop).

Если нужно, чтобы клип проигрывался постоянно, установите вариант 

Бесконечно (Infinite).

4.     Нажмите кнопку OK.

Если потребуется изменить клип, в окне Word щелкните на правой кнопкой  мыши и в

контекстном меню выберите команду Свойства (Properties) или дважды

щелкните на клипе, чтобы  открыть диалоговое окно Фильм.

Чтобы в любой момент времени  просмотреть фильм в Word или в Internet Explorer,

независимо от заданного  количества раз проигрывания, щелкните на клипе правой

кнопкой мыши и выберите в контекстом меню команду Воспроизведение (Play)

. Команда Остановить (Stop) этого же меню служит для остановки

проигрывания клипа.

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

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

на страницу гиперссылку  на клип вместо него самого.

Если к web-странице или другому документу присоединить фоновый звук, Word или

браузер начнет проигрывать  его при открытии файла. Добавляется  фоновый звук

следующим образом:

1.     Щелкните  на кнопке Звук (Sound) панели инструментов

Web-компоненты. Откроется диалоговое окно Фоновый звук (Background

Sound).

2.     Введите путь  к звуковому файлу в поле Звук (Sound) или щелкните

на кнопке Обзор и определите файла в открывшемся диалоговом окне. Word

поддерживает звуковые файлы  следующих форматов: .wav, .mid, .midi, .rmi,

.au, .aif, .aiff и .snd.

3.     В списке Число повторов (Loop) выберите, сколько раз будет

проигрываться файл. Вариант Бесконечно (Infinite) соответствует

постоянному звучанию.

4.     Нажмите кнопку OK.

Звуковые клипы аналогичны видеоклипам. После вставки звукового  клипа в документе

появляется значок, двойной  щелчок на котором вызывает проигрывание клипа. Можно

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

режим конструктора. Для  этого предназначается кнопка  Режим конструктора

(Design Mode) панели инструментов Web-компоненты.

 

2.2 Фон и тема

  Фон

  На web-страницах в качестве фона можно использовать сплошной цвет, стандартную узорчатую заливку и рисунок, извлекаемый из графического файла, который

определяется с помощью  подменю Фон (Background) меню Формат.

- Чтобы фоном стал стандартный  сплошной цвет, выберите один  из цветов в

палитре подменю.

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

дополнительный цвет можно, воспользовавшись командой Другие цвета (More Colors).

- Чтобы применить в  качестве фона узор, текстуру  или рисунок, выберите команду 

Способ заливки (Fill Effects), которая открывает одноименное диалоговое окно. Его первые три вкладки – Градиентная (Gradient), Текстура (Texture) и Узор (Pattern) – предоставляют большую коллекцию стандартных фоновых текстурных заливок. Четвертая вкладка Рисунок (Picture) позволяет использовать для фона рисунок, находящийся в каком-либо графическом файле.

- Команда Нет заливки (No Fill) удаляет назначенный фон.

 

 

 

Тема

  Можно изменить вид web-страницы или обычного документа Word, применив к нему тему. Темой называется разработанная схема форматирования, в результате воздействия которой все элементы документа принимают согласованный друг с другом вид. Office XP предоставляет почти 70 различных тем. Тема влияет на следующие элементы документа:

-   Шрифт, размер  символов, цвет и другие параметры  текста документа. Тема

изменяет оформление текста, редактируя обычный стиль и стили  заголовков.

- Фон страницы. Может применяться  как сплошной цвет, так и текстурная  заливка.

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

-   Цвет текста гиперссылок,  как просмотренных, так и нет.

-   Цвет границ таблиц.

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

1.          Выберите команду Формат ► Тема (Format ► Theme).

Откроется диалоговое окно Тема.

2.          Выделите в списке слева желаемую  тему или команду нет темы (No Theme), чтобы удалить ранее примененную тему. В области справа  отобразится пример воздействия выделенной темы на текст.

3.          Задайте следующие параметры:

- Живые цвета (Vivid Colors) – приводит к использованию ярких цветов.

- Активная графика (Active Graphics) – отображает все рисунки с

анимацией, содержащиеся в  теме.

- Фоновый рисунок (Background Image) – отображает фоновую заливку, включенную в тему. При снятом флажке показывается сплошной цвет фона, а не текстура.

- Чтобы в дальнейшем  по умолчанию использовать выбранную  тему для всех новых web-страниц, создаваемых в Word, щелкните на кнопке По умолчанию (Set Default). Это не повлияет на формат обычных документов, создаваемых в Word.

 

2.3 Настройка параметров web-страницы

  Можно определить несколько параметров, влияющих на способ создания web-страниц программой Word, выбрав команду Сервис ► Параметры, открыв вкладку Общие и щелкнув на кнопке Параметры web-документа (Web Options) раскрывающегося меню Сервис (Tools) диалогового окна

Сохранение документа. Теперь нужно настроить параметры на вкладках этого

диалогового окна.

- На вкладке Обозреватели (Browsers)тможно отключить средства

форматирования, не поддерживаемые определенными браузерами, и задать основной

набор параметров. При выборе конкретного браузера в верхнем  списке Word

автоматически устанавливает  в нижнем списке настройки, совместимые  с этим

браузером.

- Чтобы изменить метод  сохранения web-страниц, откройте вкладку Файлы (Files).

- Вкладка Картинки (Pictures) используется для определения размера и разрешения стандартного монитора, на котором будет просматриваться создаваемая web-страница, так чтобы Word мог оптимизировать отображение графики. По умолчанию размер экрана равен 800 на 600 точек и разрешение 96 точек на дюйм.

- На вкладке Кодировка (Encoding) определяется язык, на котором написан

текст web-страницы.

- Вкладка Шрифты (Fonts) позволяет задать набор знаков, подходящий для языка web-страницы, или указать используемый по умолчанию шрифт и его размер. Кроме того, можно сделать так, чтобы в некоторых диалоговых окнах (например, в окнах Абзац и Табуляция) Word в качестве единиц измерения использовал пикселы. Для этого установите флажок Отображать пикселы для средств HTML (Show Pixels For HTML Features) на вкладке Общие диалогового окна Параметры.

Если открыть HTML-файл, не имеющий стандартного расширения (.htm, .html, .mht, .mhtml, .asp), на экране вместо содержимого web-страницы, которое отображается в браузере, появляются HTML-теги: <HEAD>, <TITLE>, <BODY> и т.д. Поскольку расширение нестандартное, Word не распознает содержащийся в файле HTML-код и интерпретирует его как обычный текст. Чтобы просмотреть документ в виде web-страницы, выполните следующие действия:

1. Выберите команду Сервис  Параметры и перейдите на вкладку Общие.

2. Установите флажок Подтверждать преобразование при открытии (Confirm

Conversion At Open).

3. Закройте и заново  откройте документ.

4. В диалоговом окне Преобразование файла (Convert File), которое Word выведет на экран при открытии документа, выберите вариант HTML-документ (HTML Document) и нажмите кнопку OK.

 

2.4 Публикация  web-страницы

  Когда web-страница создана, необходимо опубликовать ее, то есть скопировать в папку на компьютер, на котором установлен web-сервер, чтобы страница стала доступна в Сети или локальной сети компании. Можно попробовать сохранить страницу в папке сервера прямо из Word. Это возможно когда папка web-сервера находится, например, на вашем компьютере или в локальной сети (в сетевом окружении), или на FTP-узле, к которому у вас есть требуемый допуск, или на web-узле, на котором установлен сервер Microsoft (таком как групповой web-узел на базе Microsoft SharePoint Team Services). Если нет возможности опубликовать web-страницу прямо из Word, следует послать ее на web-сервер с помощью FTP-программы, мастера публикации web-страниц или других средств.

Информация о работе Веб-страницы