Понятие Web – документа.




Основные службы Internet.

Во время передачи информации в сети один компьютер делает запрос (компьютер – клиент), а другой – выдает результат (компьютер – сервер). Такие компьютеры отличаются между собой программным обеспечением. Программы, которые осуществляют запрос, называются клиентами, а те, которые обрабатывают из и выдают результат – серверами. Между этими программами должна быть установлена взаимодействие. Пара программ – клиент и сервер – организуют службу Internet.

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

К основным службам относятся:

1. WWW или WEB служба (World Wide Web) считается наиболее популярной. Это система отображения и обмена информацией. Она дает доступ ко всем видам ресурсов сети. В основу WWW лежит концепция обработки гипертекста.

2. Электронная почта (e-mail) дает возможность пользователям обмениваться письмами-уведомлениями. Одновременно с текстовыми уведомлениями можно передавать файлы различных форматов: графику, звук и т.д.

3. Служба UseNet называют службой новостей или телеконференций. Принцип работы похож на работу электронной почты, но у UseNet почту принимает не конкретный клиент, а все те, кто осуществил подписку на нее.

4. Служба FTP предназначена для пересылки файлов между компьютерами. Дает возможность быстро и качественно осуществлять пересылку файлов больших объемов.

5. Служба Gopher дает возможность поиска и отображения информации в текстовом формате. Эта служба устаревает и почти не развивается по причине современного компьютеров.

6. Службу Telnet используют для отдаленного доступа к ресурсам других компьютеров.

Последнее время стали популярными новые службы Internet: интерактивный чат. Аудио- и видеоконференции, где пользователи могут общаться в режиме реального времени.

Протоколы Internet.

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

1. TCP (Transfer Control Protocol) – протокол управления пересылкой данных. Он отвечает за разбивку информации на пакеты определенного размера и формата, их доставку к адресату определенными маршрутами и объединение пакетов в единое целое.

2. IP (Internet Protocol) – протокол межсетевых взаимодействий. Дает возможность корректно взаимодействовать компьютерам с различными операционными системами.

3. HTTP (HyperText Transfer Protocol) протокол службы WWW. Этот протокол пересылки и отображения гипертекста и отображения Web-страниц. С помощью специальных программ – броузеров Web-страницы принимаются и отображаются пользователем.

4. FTP (File Transfer Protocol) – протокол пересылки файлов.

5. Существуют еще протоколы электронной почты:

SMTP – протокол пересылки почты от пользователя к серверу.

POS и IMAP позволяют пользователю забирать и читать почту с почтового сервера.

Понятие гипертекста.

Гипертекст – это электронный документ, который содержит гиперссылку на другие документы. Гипертекст в документе выделяется особым образом: цветом, определенным значком и содержит невидимую для пользователя часть – адрес файла или знак в документе, к которому необходимо перейти. Гипертекст реагирует на указатель мыши, меняя его изображение и на щелки, вызывая документ по адресу. Термин «гипертекст» ввел еще в 1969 г. Тед Нельсон, хотя принцип был разработан издревле. В любом словаре, энциклопедии слова имеют сноски и расшифровываются или на этой же странице, или стоит указатель адреса, где можно найти это слово.

Понятие Web – документа.

Обыкновенный гипертекстовый документ, например энциклопедические страницы, сохраняются на одном диске, а web-страницы одной тематики могут размещаться на компьютерах-серверах в разных концах свет. Если пересылка файлов линиями связи осуществляется быстро, то пользователь может не заметить, что информацию он принимает не со своего компьютера а от серверов сети.

Web-документы сохраняются и пересылаются как текстовые файлы с расширением htm или html. Это обыкновенные файлы, написанные языком HTML. Для отображения таких файлов пользуются специальными программами–броузерами.

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

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

Несколько Web-документов на одну тему, располагающиеся на одном компьютере или принадлежащие одному собственнику, составляют Web-узел (Web-сайт).

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

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

Правила составления Web-документов:

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

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

ü Текстовые блоки могут быть предъявлены в виде небольших абзацев, таблиц и списков.

ü По стандарту абзацы на Web-страницах отделяются друг от друга пустой строкой. Абзацы могут быть выровнены по одному из краев или по центру экрана. Web-страница не имеет горизонтального рычага прокрутки. Броузер автоматически масштабирует горизонтальное изображение разных элементов страницы.

ü Как правило, информацию размещают на белом или сером фоне, хотя фон можно менять или размещать информацию на рисунке.

ü Нужно стараться, чтобы файлы не имели больших объемов. Объемные файлы долго и тяжело считываются пользователями, поэтому прежде чем вставить в Web-страницу звуковые и видео-сюжеты, нужно подумать о пропускной возможности линии связи..

Язык HTML

Для создания Web-страниц существует язык HTML (Hyper text Markup Language) – язык для размещения гипертекстовых документов. Можно использовать специальные редакторы, где используются основные конструкции языка и они выносятся на панели инструментов (Netscape Editor, HTML Writer, Hot Dog Professional). Многие современные текстовые, такие как Word редакторы позволяют создавать Web-документ без кодов языка HTML. Они генерируют этот код автоматически. Создание Web-страниц можно в текстовом редакторе NotPad или другой любой, который позволяет создавать файл в текстовом формате, этому файлу необходимо задавать расширение htm или html. Открыть файл и посмотреть результат работы можно в браузере в режиме просмотра.

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

Тег и его параметры Описание
Общего назначения
<HTML>…</HTML> Определение HTML-файла.
<HEAD>…</HEAD> Начало и конец заголовка
<TITLE>…</TITLE> Описывает заголовок документа
<!-----текст-------> Комментарий (текст заголовка), которые не выводится в окне браузера.
<BODY параметры >…</BODY> BACKGROUND=”путь к файлу” BGCOLOR=”цвет” TEXT=”цвет” SIZE= COLOR=”цвет” LINK=”цвет” VLINK=”цвет” ALINR=”цвет” Содержит текст документа. Задает файл как фон Залает цвет фона Задает цвет текста Определяет размер шрифта, толщину рамки, линии в пикселях Определяет цвет рамки, линии и т.д. Устанавливает цвет гиперссылок Меняет цвет гиперссылок после его использования Меняет цвет активизированной гиперссылки
<FONT параметры FACE=”название шрифта” SIZE=размер COLOR=”цвет”   ALIGN=”тип выравнивания”   </FONT> Установка нового шрифта   Установка шрифта, стандарт – Time New Roman Размер шрифта – это число от 1до 7, стандартно – 3 (10 пикселей), можно указать относительный размер, изменяющий стандарт (3) на заданное число, например +2 или –1 Указывется тип выравнивания: по центру, по левому краю, по правому краю.
Форматирование текста
<B>…</B> Жирный текст
<I>…</I> Курсив
<U>…</U> Подчеркивание
<SUB>…</SUB> Нижний индекс
<SUP>…</SUP> Верхний индекс
<BIG>…</BIG> Большой шрифт
<SMALL>…</SMALL> Маленький шрифт
<EM>…</EM> Курсив
<B><I>…</I></B> Жирный курсив
<P>…</P> Определяет абзац текста
<BR> Переход на новую строку
<HR> Размещение горизонтальной линии
<CENTER>…</CENTER> Выравнивание по центру
<LEFT>…</LEFT> Выравнивание по левому краю
<RIGHT>…</RIGHT> Выравнивание по правому краю
Заголовки
<H1>……</H1> Задает заголовки различных форматов (1-6)
<H6>……</H6>  
Работа со списками
<LH>…</LH> Формирует списки различных типов Задает заголовок списка
<UL>.<LI >…</UL> Указывает ненумерованный список
<OL TYPE=”1”> <LI>…</OL> Указывает способ нумерации: 1, 2, …
<OL TYPE=”I”> <LI>…</OL> Указывает способ нумерации: a, b, c,…
<DL> <DT> <DD>…</DL> Формирует список пояснений.
Работа с таблицами
<TABLE параметры>…</TABLE> Параметры: BORDER=3 BGCOLOR=”цвет” BORDERCOLOR=”цвет” WIDTH=300 Могут использоваться параметры выравнивания: ALIGN=”тип выравнивания”   VALIGN Создает таблицу Определяет толщину рамки Определяет цвет фона Определяет цвет рамки Определяет ширину таблицы в пикселях или процентах(%)     Выравнивает в зависимости от параметра: left-влево, center-по центру, reght-справа, top-вверх, middle-посередине, botton-снизу Выравнивает по вертикали (top-вверх, middle-посередине, botton-снизу)
<TC>…</TC> Указывает заголовок таблицы
<TR>…</TR> Формирует строку таблицы
<TH>…</TH> Формирует ячейку с заголовком строки или столбца
<TD>…</TD> Формирует текст в ячейке
Вставка файлов различного формата
<IMG SRC=”адрес файла” ALT=”альтернативный текст” ALIGN=”left” WIDTH=240 HEIGHT=200 BORDER=”толщина рамки”> Подключить графический файл (bmp, jpg, gif) Выводит текст, если файл не найден Выравнивание картинки по краю Задает размеры картинки Задает рамку вокруг картинки
<IMG DYNSRC=”адрес файла” Подключает видео-файл.
Вставка гипперссылки
<A HREF=”адрес файла”><IMG SRC=”адрес файла”></A> Гиперссылка. Гиперссылка изображается в виде файла.
<A HREF=”адрес файла”> Слово </A> Гиперссылка. Гиперссылка изображается в виде слова.
<A NAME=”#TOP”>….</A> … Тело документа … <A HREF= #TOP> В начало </A> Гиперссылка на начало страницы (К фразе «В начало»)
<A HREF= #BOTTOM> В конец </A> … Тело документа … <A NAME=”#BOTTON”>….</A> Гиперссылка на конец страницы (К фразе «В конец»)
… <A HREF= #знак> Маркер гиперссылки </A> … <A NAME= #знак>….</A> … Гиперссылка к указанному месту, где стоит <A NAME= #знак>….</A>

 

Для установки цвета фона и текста название цвета указывается соответствующим словом, который берется в кавычки. Основные цвета имеют такие названия:

“Black” – черный “Navy” – темно-синий

“Silver” – серый “Blue” – синий

“Maroon” – малиновый “Purple” – сиреневый

“Red” – красный “Fuchsia” – розовый

“Green” – зеленый “Teal” – бирюзовый

“Lime” – ярко-зеленый “Aqua” – голубой

“Olive” – темно-зеленый “Gray” – темно-серый

“Yellow” – желтый “While” – белый



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2016-08-20 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: