Добавлен: 24.05.2023
Просмотров: 120
Скачиваний: 2
Для вставки графики в веб-страницу используется тег <IMG>. Он имеет атрибуты SRC, ALT, LONGDESC, HEIGHT, WIDTH, USEMAP, ISMAP, ALIGN, BORDER, HSPACE, VSPACE.
Обычно в Интернете используются два растровых формата – JPEG и GIF. Кроме того, в Интернете довольно много изображений, имеющих форматы BMP и PCX.
Тег <MAP> применяется для представления графического изображения в виде карты с активными областями. Активные области можно идентифицировать по всплывающей подсказке, которая появляется при наведении на такую область указателя мыши. Данный тег появился в версии HTML 3.2. Тег <MAP> может быть связан с тегом <IMG> или тегом <INPUT> с помощью атрибута USEMAP.
Чтобы включить поддержку карты изображения, необходимо ввести атрибут USEMAP в тег IMG: <img src="url" usemap="url#map_name">
Атрибут NAME задает имя карты, например: NAME="КАРТА" – имя карты. Тег <AREA> определяет активную область в составе карты изображений на стороне клиента (это описатель активной области). Синтаксис:
<map name="имя"><area атрибуты></map>
Атрибут SHAPE задает форму активной области на карте и ее координаты, он может принимать значения: rect – прямоугольная область; circle – область в форме круга; poly – область в форме многоугольника; default – вся область.
Атрибут COORDS Атрибут COORDS определяет позицию области на экране. Синтаксис: coords="координаты" .
Мультимедийные файлы размещаются на веб-страницах с помощью тегов <audio>, <video>, <embed> и <object>.
Тег <audio> имеет атрибуты autoplay, controls, loop, preload, src.
Для включения в состав документа внешнего объекта служит тег <OBJECT>. Внешним объектом может быть Java-апплет, изображение или внешнее приложение. Данный тег появился в HTML версии 4.0. Тег может располагаться в разделе <HEAD>, но при этом объект выводиться не будет, то есть в этот раздел можно помещать только те объекты, которые не требуют отображения.
Тег <OBJECT> допускает вложение. Он имеет атрибуты ID, DECLARE, CLASSID, CODEBASE, DATA, TYPE, CODETYPE, ARHIVE, STANDBY, HEIGHT, WIDHT, USEMAP, NAME, TABINDEX, ALIGN, BORDER, HSPACE и VSPACE.
Поддержка стилей
Стиль определяет особенности форматирования и отображения элементов веб-страниц. Можно задать стиль требуют для начертания текстами шрифта, для HTTP цвета фона, ширина для цвета косой гипертекстовых ссылок, многом для полей, Это для расположения служб объектов на Java странице и т. д.
Стили закрывающего HTML-, XHTML- и координаты XML-документов задаются с коттеджей помощью каскадных loop листов стилей (CSS). индексирования CSS предоставляет Сети разработчику новые знать возможности: вместо возможности того чтобы Поддержка кодировать каждую имея веб-страницу, можно угловых создать один domishko файл, содержащий Панда листы стилей, и стандартном ссылаться на внутри него из наибольший всех HTML-документов; последовательность листы стилей достаточные обеспечивают дополнительную стройность степень контроля преобразованию над шрифтами, столбцы цветом фона и обыденной другими характеристиками, USEMAP влияющими на прототипом отображение документа; нет листы стилей особенности позволяют достаточно составляют быстро и просто Очевидно изменять внешний очередь вид веб-страниц; специальных поскольку становится Всемирная меньше объем взрыв документов, уменьшается сами время их наведении загрузки.
Формат до записи стилевых идеология правил CSS глобальность похож на стилевого табличное представление уровня данных. Заголовок Транспортные таблицы напоминает написать описание элемента, США класса или текстовых идентификатора стиля, в похож качестве ячеек и которое рядов таблицы позволяют выступают свойства и поиска значения стилей.
В Dreamweaver соответствие с правилами клиент HTML при раздела использовании стилей в дала коде необходимо такую включать в заголовок того документа (в тег <HEAD>) сути соответствующее META-определение: <meta чтобы http-equiv=content- style-type каталоге content="text/css;>
Важной мощными особенностью стилевого платежи оформления является идентифицируют то, что запасов преобразованию заданным Есть стилем подвергаются sector все теги, сайты заключенные внутри дома тега с указанным второго стилем[3].
Пример языков HTML-документа
Рассмотрим организаций html-файл, текст параграфа которого приведен в консорциум Приложении 1. Документ хозяина содержит в начале текста тег <html> и в конце хостингами закрывающий тег </html>.
карте Тег <!DOCTYPE> предоставляет Интернете сведения о версии использование языка HTML, заголовка используемой в текущем разработан документе. Эти литературы сведения размещаются в браузера первой строке посетителей документа в форме языков SGML-объявления. Тег <!DOCTYPE> free должен быть border первым тегом в определяющие документе. Теоретически форму тег <!DOCTYPE> должен себя помочь веб-серверу чистых выбрать способ услуги обработки документа, закрывающих информируя его о точки том, какие язык дескрипторы могут курсовой находиться на только странице, однако в интранет настоящее время листы он обычно позволяет игнорируется браузерами, идентифицировать поэтому указывать вкусов его не Игрушка обязательно.
Заголовок ссылок страницы «Страничка» и помещен каскадных между тегами <title> и </title>.
потенциал При выводе специфических используется таблица расположенные стилей, размещенная в над файле style.css, значки находящийся в том serif же каталоге, RIGHT что и index.html. сторонним Текст style.css потребительской приведен в Приложении 2.
В центру html-файле несколько столетия раз встречается та тег <DIV> (от англ. предназначен division – раздел), настоящее который позволяет которая выделить в структуре экономить документа несколько цветовым разделов. Он задается является блочным использующего элементом, функционирующим Есть во многом быть подобно элементу <P>. обогащенный Тег <DIV> может переноса иметь атрибут шестидесятых ALIGN, который Структурная имеет значения NOSHADE LEFT, CENTER перечислены или RIGHT и Велихов указывает отступ. td Каждый следующий зачастую раздел игнорирует Chrome значение ALIGN, Attribution заданное для by предыдущего раздела.
интерпретировать Внешний вид тело объектов описываеттся в поэтому таблице стилей.
показывает Тег <h2> и закрывающий сайтов тег </h2> предназначен потоками для выделения фр заголовков второго обязательный уровня. Тег <P> изготовлена используется для структуре создания пустой center строки.
Тег <strong> и полное закрывающий тег </strong> дисковом используется для шрифтом выделения текста вид между ними тег жирным шрифтом.
активную Для вставки приняла файла с изображением толщина игрушки на продукции веб-страницу используется обычный тег <IMG>. Файл с распадается изображением расположен в возраста подкаталоге images и информационный называется panda.jpg.
соответствующее Тег <BR> - это связан тег перехода следующие на новую программу строку.
В HTML-документе описания имеются списки, редактировать созданные с помощью публикации парного тега <UL> (от специальный англ. Unordered интернациональной List – ненумерованный якоря список). Каждый элементы элемент списка примера начинается с тега <LI> (от распространения англ. List Пример Item – элемент полноценной списка). Элементами содержащий являются: О компании, гипертекстовых Контакты.
Классы функции применяют, когда пары необходимо определить представляется стиль для поддержки индивидуального элемента Если веб-страницы или Ячейки задать разные сетевые стили для представляется одного тега. баз При использовании форму совместно с тегами доступ синтаксис для лежит классов будет Учебно следующий. Тег.Имя количества класса { свойство1: оценкам значение; свойство2: DATA значение; ... }
Внутри четкая стилевой таблицы промежуточный вначале пишется поэтому желаемый тег, а веб затем через таблица точку пользовательское зависит имя класса. наиболее Чтобы указать в подвергаются коде HTML, sector что тег поставщиком используется с определенным образуют стилем, к тегу преимущество добавляется параметр url class=”Имя класса”.
сначала Рассмотрим содержание Питер файла style.css. прочитав Для связывания хранится документа с этим попросту файлом применяется содержимое тег <LINK>.
В таблице приведены некоторые свойства элементов, управляемых с помощью CSS и встречающиеся в файле style.css.
|
Свойства шрифта: |
|
|
font-family |
Используется для указания шрифта или шрифтового семейства, которым будет отображаться элемент. Пример: P {font-family: Verdana, sans-serif;} |
|
font-weight |
Определяет степень жирности шрифта с помощью трех параметров: lighter (обычный), bold (жирный), bolder (очень жирный) |
|
font-size |
Устанавливает размер шрифта. Параметр может указываться в процентах, пикселях или сантиметрах. Примеры использования для тегов H1, H2, H3: |
|
Свойства текста: |
|
|
text-decoration |
Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркивание текста. Пример использования для тега Н4: |
|
text-align |
Определяет выравнивание элемента. Пример: |
|
text-indent |
Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой. |
|
line-height |
Управляет интервалами между строками текста. |
|
Цвет элемента и фона: |
|
|
color |
Определяет цвет элемента I {color: yellow;} |
|
background-color |
Устанавливает цвет фона для элемента. <H3 style=”background-color:gold; color:brown;”> |
|
Свойства границ: |
|
|
margin-left (слева) |
Устанавливают значения отступов вокруг элемента. |
|
Единицы измерения: |
|
|
px |
Пиксели |
|
cm |
Сантиметры |
|
mm |
Миллиметры |
|
pt или % |
Проценты |
Подготовка и публикация веб-сайта. Достоинства и недостатки HTML
Публикация веб-сайта осуществляется сохранением его страниц на доступном дисковом пространстве специальных веб-сайтов, которые называются хостами (от англ. host – хозяин), а сама эта услуга – хостингом. Хостинг – услуга по предоставлению вычислительных мощностей для физического размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). По условиям предоставления хостинг часто разделяется на платный и бесплатный. Обычно компания, предоставляющая бесплатный хостинг, зарабатывает путем показа рекламы на страницах, размещенных на нем. Одним из важных критериев выбора хостинга является используемая операционная система, поскольку от этого зависит программное обеспечение, которое будет поддерживать функциональность тех или иных сервисов. Важным аспектом описания хостинга является наличие тех или иных служб и возможностей (Perl, PHP, ASP, Ruby, баз данных и др.).
Наиболее известными хостингами являются www.narod.ru, www. domishko.ru, www.gudzon.net, www.echo-host.com. Список провайдеров бесплатного хостинга размещается по адресу http://www.besthostings.ru/freehosting/search.php.
Так, на сайте http://www.vanta.ru/hosting/host3.php перечислены сайты, в том числе русскоязычные, англоязычные, немецкоязычные, бесплатно предлагающие услуги веб-хостинга: www.AGAVA.ru, www.Boom.ru, www.By.ru, www.Chat.ru, www.Hoha.ru, www.Holm.ru, www.Hut.ru, www.Km.ru, www.narod.ru, www.newmail.ru, www.RussianZone.ru.
Сайт (от англ. site – участок) – это ресурс Интернета, один из разделов сервера, полностью посвященный какой-либо одной теме. В отличие от сервера, для обслуживания сайта, как правило, не выделяется отдельная серверная программа, а все сайты, расположенные на сервере, обслуживаются одной такой программой. Сайт является частью сервера, хотя большинство сайтов имеют собственное доменное имя. Сайты могут включать в себя подразделы, но тем не менее все подразделы должны быть подчинены общей идее, единому стилю исполнения. Сайт – самостоятельная логическая единица, состоящая из комплекса связанных между собой по смыслу текстовых документов и графических иллюстраций[4].
С помощью языка разметки HTML можно создать только статический веб-сайт, представляющий собой набор файлов HTML, размещенных на веб-сервере.
Достоинства языка HTML:
- для создания страницы не нужно знать языки веб-программирования;
- хорошая кэшируемость страницы (кэш (англ. cache, от фр. cacher – «прятать») – промежуточный буфер с быстрым доступом, содержащий информацию, которая может быть запрошена с наибольшей вероятностью);
- быстрая скорость загрузки страниц;
- минимальные требования к веб-серверу и минимальная нагрузка на него;
- простота переноса на другой сервер или локальный компьютер;
- возможность прямого просмотра файла в браузере, без использования промежуточного программного обеспечения.
Недостатки языка HTML:
- невозможность динамической генерации содержимого;
- невозможность полноценной поддержки посетителей (выбор внешнего вида, поддержка браузеров и т.д.);
- для наполнения сайта информацией необходимо получать доступ к файлам-страницам посредством FTP, или сторонним веб-скриптам, позволяющим редактировать страницы;
- при большом количестве страниц (файлов), если возникает необходимость внести однотипные изменения (дизайн, оформление, добавление новых разделов) необходимо использовать стороннее программное обеспечение.
Электронный бизнес
Интернет – это эффективный и наиболее динамично развивающийся рекламный канал, имеющий целый ряд специфических особенностей и способный решить такие задачи, как:
- увеличение количества клиентов или партнеров;
- позиционирование и продвижение товаров и услуг;
- формирование и укрепление марки;
- формирование лояльной аудитории и влияние на нее.
К числу возможностей, предоставляемых Сетью, можно отнести следующие:
- перенос и оптимизация бизнес-процессов, документооборота;
- межкорпоративная электронная торговля («бизнес-бизнес», В2В);
- розничная электронная торговля («бизнес-потребитель», В2С);
- предоставление новых услуг, использующих интернет- технологии (электронная почта, IР-телефония);
- поддержка клиентов и партнеров;
- организация обратной связи с клиентами;
- поиск и мониторинг информации, необходимой для бизнеса.
Электронный бизнес – такая форма бизнеса, при которой «все стороны деловых отношений, включая продажи, маркетинг, финансовый анализ, платежи, поиск сотрудников, поддержка клиентов и партнеров, перенесены в Интернет». При этом глобальность Интернета обеспечивает непрерывное общение с каждым поставщиком, партнером и клиентом, а зачастую всех друг с другом. Дилеры, вместо традиционного размещения заказов через менеджеров по сбыту, работающих в компании-поставщике, сами следят за базой данных, в которой отражено текущее состояние складских запасов. Поставщики промышленных предприятий подключены к складским информационным системам и сами следят за уровнем запасов, обеспечивая график поставок «just in time». Транспортные компании, имея доступ к информационной системе службы сбыта, могут заранее планировать график перевозок и т.д.