|
|||||
| Бесплатные SMS | |||||
|
Всемирная сеть Интернет вошла в нашу жизнь настолько быстро, что мы не успели еще до конца осознать это событие и оценить открывшиеся возможности полностью. Вместе с электронной почтой и другими технологиями Всемирная паутина стала огромной частью феномена Сети. Но, как говорит нам наука археология — все семь чудес света — творения рук человеческих, и веб-страницы тоже не богами пишутся. Иметь представление о том, как создаются веб-страницы, необходимо сейчас каждому, кто хочет быть на передовых рубежах производства, науки, торговли маркетинга и т. д. Легко спутать два понятия: Интернет и World Wide Web. Интернет — это глобальная сеть, состоящая из линий связи, серверов и протоколов, дающих возможность миллионам компьютеров во всем мире связываться друг с другом. WWW — это услуга, которая предоставляется при помощи Интернета .Это всего лишь один из методов доступа к информации, наряду с e-mail, чатами, системами передачи файлов и т. д. World Wide Web — это не какое-то определенное место в Интернете, это не какой-то компьютер или нечто, с чем можно «установить сеанс связи». Всемирную паутину можно, скорее, назвать услугой, предоставляемой в рамках Интернета.
Первый из протоколов — это TCP/IP С его помощью компьютеры связаны друг с другом в Интернете. У каждого из компьютеров есть адрес, который используется для его идентификации и обеспечения возможности передачи команд и данных из одного места в другое. Если имеется компьютер, который планируется подключить к Интернету, необходимо для него установить TCP/IP-соединение, при этом аппаратура и среда передачи данных никакой роли не играет. Это может быть обычный модем для телефонных линий, кабельный модем, DSL, корпоративное подключение и т. д.
После того как установлено соединение по TCP/IP, запускается веб-браузер, который использует протокол передачи гипертекста (HTTP, Hypertext Transfer Protocol) для обмена командами. Затем веб-сервер посылает специальным образом размеченные документы (HTML) на браузер клиента, который выводит их на экран.
Язык гипертекстовой разметки документов (HTML) представляет собой набор стандартных кодов и соглашений, предназначенных для создания веб-страниц и подготовки их к выводу на экран браузеров. Используя HTML, можно создавать веб-страницы, включающие в себя форматированный текст и команды вывода изображений и других мультимедийных элементов.
Документы HTML не представляют собой ничего, кроме самых обычных текстовых файлов, содержащих текст и команды разметки, размещения изображений, гипертекста и мультимедиа на странице. Все эти команды — текстовые, они интерпретируются браузером.
Текстовая природа документов HTML означает, что для их написания вполне достаточно обычного текстового редактора. Причем это может быть самый простой редактор типа Windows Notepad. Следует помнить, что сохранять файл следует в виде обычного текстового или ASCII-документа, не обращая внимания на то, какие еще варианты предлагает редактор (это может быть, например, формат Word или RTF). Только с учетом этого можно использовать текстовые процессоры, такие как Word Perfect или Microsoft Word для создания HTML-файлов.
HTML-документ (страничка) - документ, написанный на языке разметки гипертекста (HTML). Заключается между флагами <HTML> и </HTML> .
Web-сайт, Web-сервер - цепочка логически связанных документов, написанных на языке HTML.Значения флагов разметки документа
Флаги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и рессурсами Интернет.
Основные флаги разметки
<HEAD> и </HEAD> . Между этими флагами располагается информация о документе.
<TITLE> и </TITLE> . В эих флагах заключается название странички, которое будет выведено в рамке окна программы просмотра.
<BODY> и </BODY> . "Тело" документа (текст, графика и т.д.) располагается между этими двумя флагами.Параметры флага <BODY> :
BGCOLOR - цвет фона (<BODY BGCOLOR ="#FFFFFF">)
BACKGROUND - "обои" или бэкграунд
TEXT - цвет текста
LINK - цвет гипертекстовой связи (ссылки)
VLINK - цвет ссылки, уже посещенной в прошлом
ALINK - цвет активной сылки Флаги, служащие для форматирования текста<P> и </P> Флаги, служащие для выделения абзадцев. Новый абзац чсегда отделяется от предыдущего пустой строкой.
<BR> Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
<HR> Флаг, служащий для логического разделения текста горизонтальной линией.
<PRE> и </PRE> Между этими флагами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".Параметры выравнивания
Используются в <P> и <H*>
ALIGN=LEFT - выравнивание по левому полю
ALIGN=RIGHT - выравнивание по правому полю
ALIGN=CENTER - выравнивание по центруФлаги выравнивания
<LEFT> и </LEFT> - выравнивание по левому полю
<RIGHT> и </RIGHT> - выравнивание по правому полю
<CENTER> и </CENTER> - выравнивание по центруЗаголовки, служащие для выделения логических частей текста
<H1> и </H1> Заголовок первого уровня.
<H2> и </H2> Заголовок второго уровня.
<H3> и </H3> Заголовок третьего уровня.
<H4> и </H4> Заголовок четвертого уровня.
<H5> и </H5> Заголовок пятого уровня.
<H6> и </H6> Заголовок шестого уровня.Флаги для выделения текста и шрифта
<B> и </B> Флаги для выделения текста (слов, букв) жирным шрифтом.
<I> и </I> Флаги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> Текст, расположенный между двумя этими флагами, будет подчеркнут.
<BLINK> и </BLINK> Текст, расположенный между двумя этими флагами, будет мигать.
<FONT SIZE=+n> и </FONT>
<FONT SIZE=-n> и </FONT> Флаги для изменения размера шрифта.
<FONT COLOR="#0000FF> и </FONT> Флаги для изменения цвета шрифта.Флаги для формирования списков
<OL> и </OL> Флаги, показывающие начало и конец нумерованного списка
<UL> и </UL> Флаги, показывающие начало и конец маркированного списка.
<LI> Элемент списка
<DL> и </DL> Флаги, показывающие начало и конец глоссария.
<DT> Термин глоссария, располагается без отступа от левого поля страницы.
<DD> Описание термина, располагается с отступом от левого поля страницы.Флаги-команды для вставки в текст объектов нетекстовой информации
<IMG SRC ="file.gif"> или <IMG SRC =" file.jpg"> - команда для вставки графического изображения
<IMG SRC =" file.wav"> - команда для вставки звукового фрагмента
<IMG SRC =" file.avi"> - команда для вставки видео фрагментаПараметры графического изображения
WIDHT - ширина картинки в пикселях
HEIGHT - высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графического изображения
VSPACE - вертикальный отступ
ALT - альтернативный текст, служит для обозначения изображенияКоманды, служащие для гиперсвязи с другими HTML-документами и рессурсами Интернет
<A HREF="fail.htm"> и </A> или <A HREF="http://www.ru"> и </A> - гиперсвязи
<ADDRESS><A HREF=mailto:person@firm.ru> person@firm.ru</ADDRESS> - гиперсвязь с адресом электронной почтыТаблицы
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста
<TABLE> и </TABLE> Флаги для вставки таблицы в HTML документ
Параметры флага <TABLE>
BGCOLOR - цвет фона
BORDER - ширина бордюра
WIDHT - ширина таблицыФлаги разметки таблицы
<CAPTION> и </CAPTION> - название таблицы, имеет параметр ALIGN=TOP - выравнивание над таблицей и ALIGN=BOTTOM - под таблицей.
<TR> и </TR> Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание внутри строки таблицы.
<TD> и </TD> Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк.
<TH> и </TH> Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия.Рамки-фреймы
Рамки-фреймы - средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-странички или даже целого Web-сайта.
<FRAMESET> и </FRAMESET> Флаги для создания рамкиПараметры флага <FRAMESET>
COLS - подразделяют экран на опредленное количество колонок (вертикальных)
ROWS - подразделяют экран на опредленное количество колонок (горизонтальных)
BORDCOLOR - цвет рамки
BORDER - ширина бордюра
FRAMEBORDER - граница рамки (FRAMEBORDER=YES - есть граница, FRAMEBORDER=NO - нет границы,
FRAMESPACING=n - ширина границы)<FRAME> Флаг для описания рамки (<FRAME SRC="file.htm">).
Параметры флага <FRAME>
SCROLING - параметр для регулировки полосы прокрутки:
SCROLING=YES - полоса прокрутки будет всегда
SCROLING=NO - полосы прокрутки не будет
SCROLING=AUTO - полоса прокрутки появляется только в случае необходимости
MARGINWIDHT и MARGINHEIGHT - параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки
NORESIZE - параметр, указвающий на то, что размер рамки-фрейма никогда не будет меняться.A link to <A HREF="file.htm" TARGET="frame2"> file.htm</A> - Связь между фреймами
TARGET - атрибут связи между фреймами. Имеет несколько значений:_BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно.
_SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку.
_PARENT загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов.
_TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.Обработка браузеров, не поддерживающих фреймы:
<FRAMESET>
...Здесь располагаются фреймы
</FRAMESET>
<NOFRAMES>
<BODY>
...Здесь располагается текст без фреймов
<BODY>
</NOFRAMES>В секции, предназначенной для тех пользователей, которые "не видят" рамки, можно расположить какой-нибудь пояснительный текст.
Бегущая строка
<MARQUEE> ТЕКСТ </MARQUEE> - Флаг, создающий бегущую строку
<MARQUEE DIRECTION=left>TEKCT</MARQUEE> - Если бегущую строку нужно направить справа налево
<MARQUEE DIRECTION=right>TEKCT</MARQUEE> - движение слева направо.
scroll - стандартное движение от правого края к левому
slide - надпись один раз пробегает от правого края к левому, где и остается.
alternate - движение от правого края страницы к левому и обратно. Бесконечный цикл.
<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> - Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла.
<MARQUEE WIDHT=n>TEKCT</MARQUEE> - указать ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы.
<MARQUEE scrollamount=n>TEKCT</MARQUEE> - Регулировка движения надписи по экрану. Здесь n - число пикселей.
<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случае переменная величина - время t - измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново.
<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> - возможность указывать величину шрифта текста в строке.
<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа либо написав его название
<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указать высоту бегущей строки, задавая величину n в пикселях
