вівторок, 24 травня 2011 р.

Материалы к уроку по теме "Основы создания Web-страниц"


Термины и понятия

WWW (Word Wide Web)cистема навигации, поиска и доступа к мультимедийным средствам с помощью средств гипертекста.

Браузер – программа просмотра гипертекстовых страниц WWW.

Гипертекст – текст, содержащий связи с другими текстами, графической, видео- или звуковой информацией).

HTML (Hypertext Markup Language) – язык разметки гипертекста. HTML-документы представляют собой текстовые файлы, в которые встроены специальные команды.

Тэги (tags) – команды языка HTML


CGI (Common Gateway Interface) – это протокол для выполнения сценариев на серверах; в свою очередь серверы осуществляют конечную обработку, например связь с базой данных по запросу со страницы Web. Все коммерческие серверы Web поддерживают сценарии CGI. Сценарии CGI пишутся на Perl, а программы CGI – на С++ или других компилируемых языках.

Java – язык программирования компании JavaSoft синтаксически подобен C++, но он предусматривает такие ограничения, как запрет на использование указателей.
Приложения Web могут выполняться внутри операционной системы, или браузера Web, или внутри эмулирующей среды, известной как виртуальная машина Java. Microsoft предложила свою альтернативу Java в виде ActiveX.

ActiveX – в 1996 году Microsoft дала это название своим программным компонентам OCX (OLE Control Extension), причем последние представляют собой модификацию VBX или управляющих элементов Visual Basic. При включении в документы HTML компоненты ActiveX загружаются и выполняются на клиенте. В настоящее время ActiveX работают только в среде Windows.

JavaScript – простой язык сценариев, созданный Netscape. Поначалу именовавшийся LiveScript, код JavaScript (никакого отношения к языку Java компании Sun он не имеет) включается в документы на HTML. Он конкурирует с VBScript производства Microsoft.


Cтруктура HTML-документа
(основные разделы)
<HTML>
             <HEAD>
                        Служебная информация
                        <TITLE>
                                   информация о имени страницы
                        </TITLE>
             </HEAD>
            <BODY>
                        <H1>
                                   Web документ
                        </H1>
             </BODY>
</HTML>

Команды (тэги “tags” )
Написание текста
<HN> изменение размера шрифта</HN> (NÎ[1…6])
<BR> – команда перевода строки
<P> новый абзац
<Pre> без изменения исходного текста</Pre>
<HR> – горизонтальная линия
<B> – полужирный шрифт</B>
<I> курсив</I>
<U> – подчёркивание</U>
<EM> – выделение</EM>
<STRONG> – усиленное выделение</STRONG>
<NOBR> – отображает весь текст в одной строке, не обрывая её</NOBR>

Отступы и списки
<UL> отступ </UL> – возврат
<OL> – начало нумерованного списка</OL> – конец нумерованного списка
<VL> – начало маркированного списка</VL> – конец маркированного списка
<LI> – элемент нумерованного или маркированного списка

Таблицы
<TABLE> начало таблицы</TABLE> – конец таблицы
<CAPTION> – начало заголовка таблицы</CAPTION> – конец заголовка таблицы
<TH> – начало заголовка столбца или строки</TH> конец заголовка столбца или строки
<TR> – начало строки</TR> – конец строки
<TD> – начало столбца</TD> – конец столбца

Вставка графических изображений
 <IMG SRC=“имя файла.расширение“> вставка картинки из файла

Вставка гипертекстовых ссылок
<A HREF= “имя файла. расширение“>активный текст </A> – ссылка на другой HTML-документ или файл (звуковой или видеоклип)
<A HREF= “#имя метки“>активный текст</A> – ссылка на метку в текущем HTML-документе
<A HREF= “имя файла. Расширение#имя“>активный текст</A> – ссылка на метку в другом HTML-документе
<A NAME= “имя“>активный текст</A> – метка для двух указанных выше типов ссылок
<A HREF= “имя файла“><IMG SCR=“графическое изображение“>активный текст</A> – ссылка в виде графического изображения

Атрибуты – дополняют тэги, позволяя описывать внешний вид части страницы, окружённой тэгами.
Атрибуты (использующиеся в тэге <BODY>)
LINK = “цвет“ – определяет цвет ссылки, которой ещё не пользовались
VLINK = “цвет“ – определяет цвет ссылки, на которой уже щёлкали
ALINK = “цвет“ – определяет цвет ссылки в момент щелчка
ALIGN = RIGHT, LEFT, CENTERПозволяет выравнивать текст по левому, правому краю
или по центру соответственно. Используется в тэгах <P>, <IMG>.
            Например: <P ALIGN = "CENTER">.
CLEAR = RIGHT, LEFT, ALLИспользуется, чтобы установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно. Используется в тэге <BR>.        
BORDER = число в пикселах – Определяет рамку вокруг изображения. Используется тэгом <IMG>.
HSPACE = число в пикселах – Определяет горизонтальный отступ вокруг изображения. Используется тэгом <IMG>.
VSPACE = число в пикселах – Определяет вертикальный отступ вокруг изображения. Используется тэгом <IMG>.

Шрифты                             
<BIG> – увеличение шрифта текста относительно текущего</BIG>
<SMALL> – уменьшение шрифта текста</SMALL>
<FONT COLOR ="название цвета"> – смена цвета текста «red, green,  black, maroon (тёмно-красный), olive, navy (синий), aqua (морской волны), purple (фиолетовый), teal (зеленовато-синий), lime (известковый), fuchsia (ярко-малиновый), silver (серебристый), white, yellow, blue, gray</FONT>
<FONT FACE ="название шрифта"> – смена гарнитуры шрифта</FONT>
            Например: <FONT FACE = “Arial”>.
<FONT SIZE = размер шрифта> – позволяет задавать размер шрифта в данной области, используется в середине строки, т.к. после окончания своего действия не разбивает строку</FONT>
             Например: <FONT SIZE = "7">.

Атрибуты тэгов для списков (маркированных и нумерованных)
TYPE = CIRCLE, DISC, SQUAREПозволяет задавать тип маркера в произвольном месте текста.             Например:
            <UL TYPE = "DISC">                        
                         <LI> первый элемент списка
                         <LI> второй элемент списка
             </UL>
DINGBAT = Folder, Text, Audio, Home, Form,    Next, Disc drive, PreviousПозволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.
 Например:
            <LI DINGBAT = “home”>             
TYPE = A A,B,C,…; 11,2,3,...; a a,b,c,…; I I,II,III,... Позволяет использовать в качестве маркеров цифры и буквы.
Например:
            <OL TYPE ="A">
SKIP = значениеПозволяет в середине нумерованного списка пропустить заданное число пунктов нумерации.
            Например:
            <LI SKIP = "4"> – пропустит четыре следующих пункта.
START = значениеИспользуется для указания того, с какого места в заданном типе нумерации начать нумерованный список.
                        Например:
            <OL TYPE ="A" START="5"> – нумерация будет начинаться с буквы E и будет продолжаться далее по алфавиту.

Атрибуты тэгов для создания таблиц
BORDER = ширина границыПозволяет задавать ширину внешней границы таблицы в пикселях или в %.
            Например:
            <TABLE BORDER = "8">                
CELLSPACING = ширина границыПозволяет задавать ширину фронтальной грани таблицы в пикселах или в %.
            Например:
            <TABLE CELLSPACING = "6">     
CELLPADDING = ширина Позволяет задавать ширину пустого пространства между содержимым ячейки и её границами.
            Например:
            <TABLE CELLPADDING = "5">    
COLSPAN = количество ячеекПозволяет растягивать строку на заданное количество ячеек (как бы объединять их).
            Например:
            <TD COLSPAN = "3">          
ROWSPAN = количество строк Позволяет растягивать ячейку на заданное количество строк.
            Например:
            <TR ROWSPAN = "4">
Бегущая строка
             <MARQUEE> текст</MARQUEE>Используется для создания бегущей строки.

ALIGN = TOP, MIDDLE, BOTTOMПозволяет разместить текст в верхней, средней или нижней
части области бегущей строки.      
BEHAVIOR = SLIDEвыход и остановка; SCROLLпрокрутка циклическая; ALTERNATEпрыжкиИспользуется, чтобы установить режим вывода строки.
BGCOLOR = название цвета Используется для определения цвета фона бегущей строки.
DIRECTION = LEFT, RIGHTИспользуется для определения направления бегущей строки.
LOOP = INFINITE бесконечно (по умолчанию); n текст пробегает по экрану n раз бегущей строки.                   
WIDTH = в пикселах или в % от высоты экранаПозволяет сделать область бегущей строки длиннее или короче.
HEIGHT = высота бегущей строки в пикселах или в % от высоты экрана.Позволяет сделать область бегущей строки толще или тоньше.
HSPACE = ширина в пикселях левого и правого полей между областью бегущей строки и  окружающим её текстом или графикой.        
VSPACE = размер отступа в пикселях сверху и снизу от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000]
<BLINK> мигание объекта</BLINK>

Атрибуты изменение фона         
BGCOLOR = “цвет”Позволяет изменить фоновый цвет станицы, используется тэгом <BODY>.
            Например:
            <BODY BGCOLOR =“BLACK”>
BACKGROUND = “имя файла”Позволяет использовать в качестве фона изображение из файла.
BGPROPERTIES = "FIXED"Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).
            Например:
            <BODY BACKGROUND =“CLOUD.GIF” BGPROPERTIES ="FIXED">

Подключение звукового файла
<BGSOUND SRC =“имя файла”>                       
LOOP = INFINITE, n Используется для определения повторений
            Например:
            <BGSOUND SRC=“BLIP.WAV”>           

Подключение видеофайла
<IMG DYNSRC =“имя файла”>
LOOP = INFINITE, n Используется для определения повторений

Немає коментарів:

Дописати коментар