Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн

Статьи о дизайне   Портфолио дизайнера
Дизайн Форум


Про дизайн и web дизайн




Главная     Форум     Галереи




  Статьи о дизайне





  Интернет, World Wide Web, основы html




Как появился интернет

В 1969 году управление перспективных исследований (Advanced Research Project Agency) министерства обороны США выдало заказ на разработку компьютерной сети, которая в первую очередь должна была обеспечить сохранение коммуникаций, в случае ядерной атаки, и также могла бы облегчить сотрудничество между научными учреждениями.

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

Спустя некоторое время система была усовершенствована, и в ней появились новые возможности, такие как электронная почта и передача файлов. Но для того, чтобы сеть продолжала функционировать после разрушения одной или нескольких линий связи, система должна была уметь переключаться на другие линии, таким образом, самостоятельно устанавливать связь между двумя пунктами. Этот процесс называется динамическая маршрутизация(Dynamic Routing).

В связи с появлением других сетей возникла необходимость соединения различных систем таким образом, чтобы они могли общаться друг с другом без каких-либо ограничений. Управление DARPA(переименование ARPA, D(Defence) - оборона) выдало новый заказ, под названием Interneting Project, на разработку такой системы.

Что такое World Wide Web?

Идея World Wide Web (дословный перевод - Мировая Широкая Паутина, или "Всемирная паутина"), лучше говорить просто интернет, так вот идея возникла в 1983 году в лаборатории организации CERN в Женеве, когда Тим Бернерс-Ли искал простой плотформенно-независимый способ распространения информации. Созданная им схема была предложена на суд общественности в 1992 году. Этот год можно и считать годом появления сети интернет. 

Сейчас большая часть деятельности по развитию стандартов и технологий Интернет из рук CERN перешла в ведение Интернет-консорциума. Для того чтобы больше узнать об Интернете, проще всего заглянуть на web-страницу этой организации, которая находиться по адресу: http://www.w3.org/ 

Терминология.

Internet (Интернет). Всемирная система для связи небольших компьютерных сетей между собой посредством специального набора протоколов обмена, известный как TCP/IP
HTML (Hyper Text Markup Language - язык разметки гипертекста) - это то, что вы будете изучать с помощью моего проекта. 
HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекста) - протокол, используемый для передачи информации между компьютером клиентом и компьютером-сервером. Стандартный протокол интернет, позволяющий распространять информацию по Web. Дает программистам возможность включать гиперсвязи (используя язык разметки гипертекста HTML) в документы.
FTP (File-Transfer Protocol - Протокол передачи файлов). Система для передачи файлов по Сети. Протокол семейства TCP/IP, обеспечивающий возможность найти, получить и переслать нужные Вам файлы через Internet с одного компьютера на другой.
TCP/IP. (Transmission Control Protocol / Internet Protocol). Семейство протоколов передачи информации между компьютерами в Сети, давшее ей название Internet.
FIDO. Всемирная некоммерческая любительская компьютерная сеть. Основное ее назначение - способствовать неформальному общению.
Hyperlink (Гиперсвязь или Гиперссылка). Выделенное слово или изображение на странице Web, которое, если на нем щелкнуть клавишей "мыши", позволяет пользователю перейти в новое место Сети
URL (Uniform Resourse Locator - унифицированный способ определения расположения ресурса) - метод разметки ресурсов, позволяющий найти нужную часть. Он состоит из названия протокола, двоеточия, двух знаков слеша (/), названия машины и пути к ресурсу (используя слеш в качестве разделителя). Например, страница компании Нурсат находиться по адресу URL
http://www.nursat.kz/ 
URL - это метод по которому все ресурсы рассортированы в сети. URL может быть встроен в web-страницы, чтобы сделать ссылки на другие страницы.
E-mail (Electronic Mail - Электронная почта) - метод пересылки частных посланий с помощью Сети. В английском языке используется и как существительное, и как глагол.
On-line (прилагательное). Дословный перевод - На линии. Произноситься как - Онлайн.
1. Электронный, сетевой применительно к изданиям, базам данных. Например, online magazine - сетевой журнал;
2. online documentation встроенная в сетевую программу документация в электронном виде;
3. online help - встроенная подсказка.


Основы HTML

Что такое HTML

Всемирная паутина World Wide Web (WWW) соткана из Web-страниц, которые создаются с помощью так называемого языка разметки гипертекста HTML (HyperText Markup Language). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании. HTML - язык разметки документа.
Инструменты для создания и редактирования HTML-документов - Существуют большое количество редакторов, например Microsoft FrontPage, HotDog или Netscape Composer, но можно использовать и любой текстовый редактор, например Microsoft Windows Notepad (Блокнот). Существует большое количество программ-браузеров, разработанных различными компаниями, однако, на сегодняшний день из всего разнообразия программ явно выделяются две программы-лидера - Netscape Communicator и Microsoft Internet Explorer. Браузер - Специальные программы просмотра HTML-документов. 
В-общем, все, что можно увидеть в сети создано или отредактировано с помощью языка HTML.

Вот некоторые его особенности: 
Форматирование собственно текста производится с помощью команд, задающих стиль шрифта, стиль заголовков, компонентов под названием фрейм. 
Имеется возможность включения гиперссылок на другой WEB-документ.
Язык имеет большой выбор средств макетирования. 
Можно создавать таблицы или форматировать текст вручную. 
Можно включать графику и даже делать графические изображения гиперссылками. 
Можно включать интерактивные компоненты. 


Чемпионат мира по футболу 2018


Спецификации HTML

Язык HTML приобрёл популярность в середине 90-х годов, благодоря росту сети интернет. К этому времени назрела необходимость стандартизации языка, поскольку различные компании, разрабатывавшие программное обеспечение для доступа в интернет, предлагали свои варианты инструкций HTML, численность которых всё возрастало. Настало время перейти к какому-то единому соглашению в части применения тэгов языка HTML.
Работу по созданию спецификации HTML, взяла на себя организация, называемая World Wide Web Consortium (сокращенно - W3C). В её задачу входило составление спецификации, отражающей современный уровень развития возможностей языка с учётом разнообразных предложений компаний-разработчиков браузеров. Так, в ноябре 1995г. появилась спецификация HTML 2.0, призванная формализовать сложившуюся к концу 1994г. практику использования HTML. Вскоре после спецификации 2.0 была выпущена 3.0, срок окончания периода обсуждения которой истёк в сентябре 1995г. Эта спецификация так и не была принята в качестве официальной рекомендации. 
После долгих размышлений в мае 1996г. был выпущен проект HTML 3.2. Он основывался на части тэгов, имеющихся в версии 3.0, которые показываели стабильность в работе. В сентябре 1996г. после нескольких месяцев обсуждения версия 3.2 стала предлагаемой спецификацией, а в январе 1997г. - официальной рекомендацией.
Июль 1997 года ознаменовался выходом предлагаемой спецификации HTML 4.0, которая в декабре 1997г. стала официальной рекомендацией. 
Официальные сведения о спецификации HTML всегда можно получить с web-сайта Консорциума W3C по адресу http://www.w3.org/TR/. Спецификация 4.0 находиться по адресу http://www.w3c.org/TR/REC-html40-971218. 


Структура Документа
Теги - это коды разметки. Тэги можно писать и большими буквами <HTML> и маленькими <html>. Но нельзя писать сразу большими и маленькими буквами.
Первым тэгом с которого нужно начинать создание документов HTML, является тэг <HTML>. Этот тэг всегда должен начинать описание документа, а завершать описание документа должен тэг </HTML>. Эти тэги обозначают, что находящиеся между ними строки представляют единый HTML-документ. Без этих тэгов браузер или другая программа просмотра, возможно, будет не в состоянии идентифицировать формат документа и правильно его интерпретировать. Между парой тэгов <HTML> и </HTML> располагается сам документ. Документ может состоять из двух разделов - раздела документа(<HEAD>) и раздела содержательной части документа(<BODY>). 

Раздел Документа HEAD
Этот раздел документа определяет его заголовок и не является обязательным тэгом, хотя хорошо составленный заголовок может быть весьма полезен. Тэги находящиеся внутри раздела <HEAD> (кроме названия документа, описываемого с помощью тэга <TITLE>), не отображаются на экране. Обычно тэг <HEAD> следует сразу же за тэгом <HTML>. Закрывающийся тэг </HEAD> показывает конец этого раздела.

Название Документа
Тэг <TITLE> является единственным обязательным тэгом заголовка и нужен для того, чтобы дать документы название(заголовок окна браузера). Название документа записывается между тэгами <TITLE> и </TITLE> и представляет собой строку текста. 

Раздел Документа <META>
<META HTTP-EQUIV="refresh" CONTENT="60" RL="www.swindler.narod.ru/index.html">
Эту запись Браузеры Netscape Navigator и Internet Explorer поймут как инструкцию ожидать 60 секунд, а затем загрузить новый документ.

<META HTTP-EQUIV="refresh" CONTENT="60">
инструктирует браузер перезагружать страницу каждые 60 секунд. Это может быть полезно, если данные на странице часто обновляются. 

<META NAME="author" CONTENT="Королько Александр">
используется для указании имени автора.

<META HTTP-EQUIV="Expires" CONTENT="Mon, 20 Sep 1999 00:00:01 GMT"> 
Используется для того, чтобы в нужное время браузер при просмотре документа брал не версию, хранящуюся в кэше, а свежую версию прямо с Вашего сайта.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251"> 
Используется для того, чтобы браузер мог правильно отобразить содержимое страницы и для определения поисковой машиной языка, на котором написана страница.

<META name="copyright" content="&copy; 1997 Acme Corp."> 
Полезно также указать и авторские права название фирмы почти наверняка будет проиндексировано поисковой машиной.

<META name="keywords" content="corporate,guidelines,cataloging"> 
Список терминов и ключевых слов это именно то, что является самым главным при индексировании Вашего сайта поисковой машиной! 

<META name="description" content="Corporate Web Page"> 

Краткое описание Вашего сайта, используемое поисковым сервером для индексирования, и, как правило, вставляемое в текст страницы найденных совпадений в качестве описания Вашего сайта. 

Длина содержимого тэгов META "desctiptions", не должна превышать 200 символов, а "keywords" 1000 символов.

Все тэги META не видны при просмотре документа, и заметно увеличивают его размер, но, с другой стороны, без них не обойтись. 

Раздел Документа <BODY> 
В этом разделе документа находиться его содержательная часть. Раздел документа BODY должен начинаться открывающимся тэгом <BODY> и завершаться закрывающимся тэгом </BODY>.
Тэг <BODY> имеет ряд параметров 
BACKGROUND - Указывает на URL-адрес изображения, которое используется в качестве фонового.
BGCOLOR - цвет фона документа.
BGPROPERTIES - Если установлено значение FIXED, фоновое изображение не прокручивается.(Только MS IE)
TEXT - цвет текста.
LINK - цвет ещё не просмотренной ссылки.
ALINK - цвет активной ссылки.
VLINK - цвет уже просмотренной ссылки.
SCROLL - наличие или отсутствие полос прокрутки окна браузера.(Только MS IE 4.0)
BOTTOMMARGIN - граница нижнего поля документа в пикселах.
LEFTMARGIN - граница левого поля документа в пикселах.
RIGHTMARGIN - граница правого поля документа в пикселах.
TOPMARGIN - граница верхнего поля документа в пикселах.


Основные теги HTML документа:

<HTML>
<HEAD>
<TITLE>Моя первая HTML-страничка.</TITLE>
</HEAD>
<BODY background="C:\files\image.jpg" bgproperties="fixed" bgcolor="silver" text="red" alink="green" vlink="blue">
Моя первая страничка.
</BODY>
</HTML>


Тэги форматирования текста:
 
Тэг <B>
Тэг <B> отображает текст полужирным шрифтом. Например:
Это <B>полужирный</B> шрифт.

Тэг <I>
Тэг <I> отображает текст курсивом. Например:
Выделение <I>курсивом</I>.

Тэг <TT>
Тэг <TT>отображает текст моноширинным шрифтом. Пример:
Это <TT>моноширинный</TT> шрифт. 

Тэг <U>
Тэг <U>отображает текст подчёркнутым. Например:
Пример <U>подчёркивания</U> текста.

Тэги <STRIKE> и <S>
Тэги <STRIKE> и <S> отображают текст, перечёркнутый горизонтальной линией. Например:
Пример <STRIKE>зачёркнутого</STRIKE> текста.

Тэг <BIG>
Тэг <BIG> выводит текст шрифтом большего размера(чем непомеченная часть текста). Но вместо этого тэга лучше использовать тэг <STRONG> или тэги заголовков <H1>, <H3> и т.д. Пример:
Шрифт <BIG>большего</BIG> размера. 

Тэг <SMALL>
Тэг <SMALL> выводит текст шрифтом меньшего размера. Пример:
Шрифт <SMALL>меньшего</SMALL> размера.

Тэг <SUB>
Тэг <SUB> сдвигает текст ниже уровня строки и выводит его(если возможно) шрифтом меньшего размера. Удобно использовать для математических формул. Пример:
Пример шрифта для <SUB>нижнего</SUB> индекса.

Тэг <SUP>
Тэг <SUP> сдвигает текст выше уровня строки и выводит(если возможно) шрифтом меньшего размера. Используется например для задания степеней чисел. Например:
Пример шрифта для <SUP>нижнего</SUP> индекса.

Тэг <BLINK>
Тэг <BLINK> отображает мигающий текст. Этот тэг поддерживается только браузером Netscape.

Тэги форматирования могут быть вложенными друг в друга. Пример:
Здесь текст <B><I>полужирный и курсивный</I></B>.

Тэг <FONT>
Тэг <FONT> указывает параметры шрифта. Для этого тэга могут задаваться следующие параметры: FACE, SIZE и COLOR. А Netscape допускает использования ещё двух параметров: POINT-SIZE и WEIGHT.

Тэг <FONT> с параметром FACE
Параметр FACE служит для указания шрифта. Пример:
<FONT FACE="Courier", "Arial", "Times New Roman">Пример задания названия шрифта.</FONT>
В примере указывается шрифт Courier, при его отсутствии будет использован шрифт Arial и т.д. 

Тэг <FONT> с параметром SIZE
Этот параметр служит для указания размера шрифта от 1 до 7. Пример:
<FONT SIZE=1>Шрифт размера 1</FONT><BR>
<FONT SIZE=2>Шрифт размера 2</FONT><BR>
<FONT SIZE=3>Шрифт размера 3</FONT><BR>
<FONT SIZE=4>Шрифт размера 4</FONT><BR>
<FONT SIZE=5>Шрифт размера 5</FONT><BR>
<FONT SIZE=6>Шрифт размера 6</FONT><BR>
<FONT SIZE=7>Шрифт размера 7</FONT><BR>Форматирование Текста.

Строка <FONT FACE="Courier" SIZE="5" COLOR="BLUE">Тэг FONT</FONT>
означает что шрифт будет Courier, размер 5, цвет синий.

Форматирование html-документа
Разделение на абзацы.

Перед началом каждого абзаца текста следует ставить тэг <P>. Закрывающийся тэг </P> не обязателен. У тэга <P> есть несколько параметров ALIGN.

<P ALIGN="left">Текст Слева.</p>
<P ALIGN="center">Текст по середине.</p>
<P ALIGN="right">Текст Справа.</p>
<P ALIGN="justify">Текст по ширине.</p>

Перевод строки
Тэг <BR> означает принудительный перевод строки. Этот тэг не имеет закрывающегося тэга. Пример:
Оставайся тем,<BR> 
Кто ты есть по жизни<BR>
При поддержке здравия<BR> 
И запасом смысла.
<p>Каста</p>

Тэг <BLOCKQUOTE>
<BLOCKQUOTE> - это тэг используется для отделения текста пустыми строками и сдвиге его вправо. Отображение фрагмента текста с отступом. Пример:
Неотделённый текст.
<BLOCKQUOTE>
Отделённый текст.
</BLOCKQUOTE>


Заголовки внутри HTML-документа
Для разметки заголовков используются тэги <H1>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти тэги требуют закрывающегося тэга. Эти тэги могут быть с параметром ALIGN. 
Пример:
<H1>Заголовок Размера 1</H1>
<H2>Заголовок Размера 2</H2>
<H3 ALIGN="center">Заголовок Размера 3</H3>
<H4 ALIGN="right">Заголовок Размера 4</H4>
<H5>Заголовок Размера 5</H5>
<H6>Заголовок Размера 6</H6>

Тэг <DIV>
Тэг служит для выделения фрагмента документа. Выполняется обычно с помощью назначения стилей. 
Пример:
<DIV STYLE="color: red">Фрагмент документа</DIV>
В данном случае выделенный фрагмент будет красным цветом.

Комментарии
В HTML-документ можно включать комментарии. Это делается с помощью начинающегося тэга <!-- и закрывающегося тэга -->
Всё что будет находиться между этими тэгами не будет отображаться на экране. Комментарии обычно используются авторами для заметок. 

Горизонтальные линии
Тэг <HR> позволяет провести рельефную горизонтальную линию в окне
большинства программ просмотра. Этот тэг не является контейнером, поэтому закрывающийся тэг не нужен.

Параметры <HR>
ALIGN выравнивание по краю или центру, значение - LEFT, CENTER, RIGHT.
WIDTH Устанавливает длину линии в пикселах или процентах от ширины окна браузера. 
SIZE Устанавливает толщину линии в пикселах.
NOSHADE Отменяет рельефность линии.
COLOR Указывает цвет.

Гиперссылки
Чтобы сделать ссылку для перехода на другой документ(ресурс) используется тэг <A>

<A HREF="index.html">Этот текст является ссылкой</A>
<A HREF="mailto:swwindler@hotmail.kz">SwindleR</A> - эта ссылка указывает на адрес электронной почты.
<A HREF="http://swindler.narod.ru">Сайт, для тех, кто в правду крут!</A>


Списки

Маркированный список
Для создания маркированного списка нужно использовать тэг <UL> и </UL>, внутри которого располагаются все элементы списка. Каждый элемент списка должен начинаться тэгом <LI>(LI-List ltem, элемент списка). Тэг <LI> не нуждается в закрывающемся тэге.
Пример:
<HTML><HEAD>
<TITLE>Маркированный список.</TITLE>
</HEAD><BODY>
<UL>
<B>Знаки Зодиака:</B>
<LI>Овен
<LI>Телец 
<LI>Близнецы 
<LI>и другие...
</UL>
</BODY></HTML>

В тэге <UL> могут быть указан параметр TYPE. Параметр TYPE может принимать следующие значения: disc, circle и square. 
TYPE=disc - маркеры отображаются закрашенными кружками.
TYPE=circle - маркеры отображаются не закрашенными кружками.
TYPE=square - маркеры отображаются закрашенными квадратиками.
Пример записи: 
<UL TYPE=circle> - для всех элементов списка.
или
<LI TYPE=circle> - для отдельного элемента списка.

Графические маркеры списка
При построении графического списка с маркерами можно обойтись и без тэга <LI>.
Пример:
<HTML>
<HEAD>
<TITLE>Графические маркеры списка.</TITLE>
</HEAD>
<BODY>
<UL>
<B>Знаки Зодиака:</B>
<IMG SRC="image.gif"> Овен <BR>
<IMG SRC="image.gif"> Телец <BR>
<IMG SRC="image.gif"> Близнецы <BR>
<IMG SRC="image.gif"> и другие... <BR>
</UL>
</BODY>
</HTML>

Нумерованный список
Для построения нумерованного(упорядоченного) списка используется тэг <OL>. OL - Orderest List, упорядоченный список. Как и для маркированного списка, каждый элемент нумерованного списка должен начинаться тэгом <LI>.
Пример:
<HTML><HEAD>
<TITLE>Примеры нумерованного списка.</TITLE>
</HEAD><BODY>
<OL>
<B>Наиболее яркие звёзды, видимые с Земли:</B>
<LI>Сириус 
<LI>Конапус
<BR>. . . 
<LI value="58">Мицар 
<BR>. . . 
<LI value="75">Полярная </li>
</OL></BODY></HTML>

Тэг <OL> может принимать следующие значения: TYPE и START.
TYPE=A - Задаёт маркеры в виде прописных латинских букв.
TYPE=a - Задаёт маркеры в виде строчных латинских букв.
TYPE=I - Задаёт маркеры в виде больших римских букв. 
TYPE=i - Задаёт маркеры в виде маленьких римских букв.
TYPE=1 - Задаёт маркеры в виде арабских цифр.
Пример:
<LI TYPE=A>
Параметр START - позволяет начать нумерацию списка не с единицы.
<OL START=5> - означает что нумерация начнётся с пяти.

Вложенные списки
Иногда бывает нужно в элемент списка одного типа включить целый список такого же типа или другого. 
Пример:
<HTML><HEAD>
<TITLE>Вложенные списки.</TITLE></HEAD><BODY>
<UL>
<B>Спутники некоторых планет</B>
<LI>Земля 
<OL>
<LI>Луна
</OL>
<LI>Марс 
<OL>
<LI>Фобос 
<LI>Деймос
</OL> </UL>
</BODY></HTML>


Графика

Чтобы встроить изображение в html-документ, нужно использовать тэг <img> имеющий один единственный параметр src, определяющий URL-адрес файла с изображением, то есть расположение файла.
Пример:
<img src=picture.gif>
Выравнивание изображения:
LEFT, RIGHT и CENTER.
Пример: <img src=picture.gif align=center>


Таблицы

Каждая таблица должна начинаться тэгом <TABLE> и заканчиваться тэгом </TABLE>. Каждая строка начинается тэгом <TR> и заканчивается </TR>. TR-Table Row. Отдельная ячейка в строке обрамляется парой тэгов <TD> и </TD>. TD-Table Data. Или <TH> и </TH>. TH-Table Header. Тэг <TH> используется для ячеек-заголовок таблицы, а <TD> - для ячеек данных. Пример:

<TABLE BORDER>
<TR>
<TD>Ячейка 1 строки 1</TD>
<TD>Ячейка 2 строки 1</TD>
</TR>
<TR>
<TD>Ячейка 1 строки </TD>
<TD>Ячейка 2 строки 2</TD>
</TR></TABLE>

Параметры тэга <TABLE>
Могут использованы следующие параметры: 
BORDER - Рамка вокруг таблицы. Если написать <TABLE BORDER="10">, то будет рамка с толщиной в 10 пикселов.
CELLSPACING - Рамки внутри таблицы. Пример: <TABLE CELLSPACING="0"> 
CELLPADDING - Отступ между рамкой ячейки и данными внутри таблицы. Пример: <TABLE CELLPADDING="0">
WIDTH - Ширина Таблицы. Пример: <TABLE WIDTH="200">
HEIGHT - Высота Таблицы. Пример: <TABLE HEIGHT="100">
ALIGN - Определяет горизонтальное расположение таблицы. Пример: <TABLE ALIGN="left">(по левому краю) или <TABLE ALIGN="right">(по правому краю).


Форматирование данных внутри таблицы
Таблица, в которой данные в ячейках первого столбца выровнены вправо, второго столбца - по центру, а третьего - влево(значение по умолчанию).

<TABLE BORDER WIDTH="100%">
<TR>
<TD ALIGN=RIGHT>Ячейка 1</TD>
<TD ALIGN=CENTER>ячейка 2</TD>
<TD>Ячейка 3</TD>
</TR>
<TR>
<TD ALIGN=RIGHT>Ячейка 4</TD>
<TD ALIGN=CENTER>Ячейка 5</TD>
<TD>Ячейка 6</TD>
</TR>
</TABLE>


Вставка звука и видео в html-документ

Чтобы вставить звуковой файл в документ, применяются следующие тэги:
Для MSIE - с атрибутами: balance -управление стереобалансом. Допустимые значения от -10000 до 10000.
volume -управление громкостью звучания. Допустимые значения от -10000 до 0 (максимальная громкость). loop -сколько раз проигрывать файл. Если loop-"infinite" или "-1", проигрывание будет выполняться бесконечно. src -путь к файлу.
Для NN - <embed> с атрибутами: loop -повторять с начала (true - да, false - нет). play_loop="число" -если повторять с начала то сколько раз. src -путь к *.mid*, *.wav* или *.avi* файлу. autostart -проигрывать сразу после загрузки (true - да, false - нет). hidden -спрятать пульт управления (true - да, false - нет). width -ширина пульта управления. height -высота пульта управления. Вообще, <embed> предназначен для вставки объектов, используя технологию OLE, которая используется в Windows-системах. Так что в других ОС этот тэг работать не будет.

Так каким-же тэгом пользоваться? Пользуйтесь сразу обеими. Какой-нибудь да распознается. <embed src="bgmusic.mid" autostart="true" hidden="true" loop="0">
<bgsound src="bgmusic.mid" loop="infinite">


Пример встраивания в документ:
<embed src="file.wav" height=100 width=140 autostart=true contols=smalconsole>
<embed src="file.avi" height=100% width=100% autostart=true contols=smalconsole>
<a href="file.wav">Ссылка на звуковой файл</a>
<a href="file.avi">Ссылка на видео файл</a>

Параметры:
Width, height - ширина и высота консоли в пикселах. Обязательные параметры. 
AUTOSTART=TRUE | FALSE - Значение TRUE -
воспроизведение начинается автоматически. По умолчанию FALSE.
AUTOLOAD= TRUE | FALSE - Значение FLASE - файл не загружается автоматически, по умолчанию TRUE.
STARTTIME="mm:ss" - воспроизводиться с указанного времени. ПО умолчанию 00:00.
VOLUME=percentage - громкость указанная в процетнах от максимальной.
ALIGN="value" выравнивание консоли. Значение - LEFT, CENTER, RIGHT, TOP, BASELINE. По умолчанию последнее.
CONSOLE - полный набор органов управления
SMALLCONSOLE - компактный набор
PLAYBUTTON - только кнопка воспроизведения
PAUSEBUTTON - только кнопка паузы
STOPBUTTON - только кнопка остановки, при этом файл выгружается.
VOLUMELEVER - только регулятор громкости.
CONSOLE="name" - комбинация оргонов управления, позволяющая включить в страницу несколько органов управления.

Смотрите также:
Хочу создать свой сайт, с чего начать
Как создать сайт







Электронные книги о дизайнеЧМ 2018Гламурные картинкиГраффити галереяЯпония фотографииО путешествиях и странах, дешевые авиабилеты и отелиДизайн форум



    Rambler's Top100     Яндекс.Метрика  


Web дизайн и создание сайтов


Карта сайта       Наверх