Основы создания Web-страниц

Оглавление
Термины и понятия
Структура HTML-документа
Текст
Отступы, Списки, Таблицы
Вставка Графических изображений и Ссылок
Атрибуты редактирования текста
Атрибуты для списков и таблиц
Бегущая строка
Фон
Кадры (фреймы)
Изображение -Карта
Вставка видео и звука

Термины и понятия
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-документа
(основные разделы)
Служебная информация
<br> информация о имени страницы<br>
Web документ

– курсив
– подчёркивание
– выделение
– усиленное выделение
– отображает
весь текст в одной строке, не
обрывая её

Отступы и списки
– отступ
– возврат
– начало нумерованного списка – конец нумерованного списка
– элемент нумерованного или
маркированного списка
– начало маркированного списка
– конец маркированного списка

Таблицы
– начало таблицы
– конец таблицы
– начало заголовка таблицы
– конец заголовка таблицы
– начало заголовка столбца или строки
– конец заголовка столбца или строки
– начало строки
– конец строки
– начало столбца
– конец столбца

Вставка графических изображений
вставка картинки из файла
Вставка гипертекстовых ссылок
активный
текст
ссылка на другой HTML-документ или файл
(звуковой или видеоклип)
активный
текст
ссылка на метку в текущем HTML-документе

активный
текст
ссылка на метку в другом HTML-документе
активный
текст
метка для двух указанных выше типов ссылок
изображение“>активный
текст
ссылка в виде графического изображения
Атрибуты (использующиеся в тэге )
LINK = “цвет“
определяет цвет ссылки, которой ещё не пользовались
VLINK = “цвет“
определяет цвет ссылки, на которой уже щёлкали
ALINK = “цвет“
определяет цвет ссылки в момент щелчка

Атрибуты
дополняют тэги, позволяя описывать внешний вид части страницы,
окружённой тэгами.
LEFT
ALIGN = RIGHT
CENTER
Позволяет выравнивать текст по левому, правому краю
или по центру соответственно. Используется в тэгах
,
.
Например:
.
LEFT
CLEAR = RIGHT
ALL
Используется, чтобы установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно. Используется в тэге
.

BORDER = число в пикселах
Определяет рамку вокруг изображения. Используется тэгом
.
HSPACE = число в пикселах
VSPACE = число в пикселах
Определяют горизонтальный и вертикальный отступы вокруг изображения. Используется тэгом
.

Шрифты
– увеличение шрифта текста относительно текущего
– уменьшение шрифта
текста
– смена цвета текста
red green
black maroon (тёмно-красный)
olive navy (синий)
aqua (морской волны) purple (фиолетовый) teal (зеленовато-синий) lime (известковый)
fuchsia (ярко-малиновый) silver (серебристый) white yellow
blue gray

– смена гарнитуры
шрифта.
Например:
“Arial”>.
– позволяет задавать
размер шрифта в данной области, используется в середине
строки, т.к. после окончания своего действия не разбивает
строку.
Например:
.

Атрибуты тэгов для списков (маркированных и
нумерованных)
DISC
TYPE = CIRCLE SQUARE
Позволяет задавать тип маркера в произвольном месте текста. Например:
первый элемент списка
второй элемент списка

Text Form
Audio Home
DINGBAT = Folder Next
Disc drive Previous
Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.
Например:
1 1,2,3,...
TYPE = A A,B,C,…
a a,b,c,…
I I,II,III,...
Позволяет использовать в качестве маркеров цифры и буквы.

Например:
SKIP = значение
Позволяет в середине нумерованного списка пропустить
заданное число пунктов нумерации.
Например:
– пропустит четыре следующих пункта.
START = значение
Используется для указания того, с какого места в заданном
типе нумерации начать нумерованный список.
Например:
– нумерация будет начинаться с
буквы E и будет продолжаться далее по алфавиту.

Атрибуты тэгов для создания таблиц
BORDER = ширина границы
Позволяет задавать ширину внешней границы таблицы в пикселах или в %.
Например:
CELLSPACING = ширина границы
Позволяет задавать ширину фронтальной грани таблицы в пикселах или в %.
Например:
CELLPADDING = ширина
Позволяет задавать ширину пустого пространства между содержимым ячейки и её границами.
Например:
Слайд 21
COLSPAN = количество ячеек
Позволяет растягивать строку на заданное количество ячеек
(как бы объединять их).
Например:
Слайд 22
Бегущая строка
Используется для создания бегущей строки.
TOP
ALIGN
= MIDDLE
BOTTOM
Позволяет разместить текст в верхней, средней или нижней
части области бегущей строки.
SCROLL прокрутка циклическая
BEHAVIOR = SLIDE выход и остановка
ALTERNATE прыжки
Используется, чтобы установить режим вывода строки.
Слайд 23
BGCOLOR = название цвета
Используется для определения цвета фона бегущей строки.
DIRECTION = LEFT RIGHT
Используется для определения направления бегущей строки.
n текст пробегает по экрану n раз
LOOP = INFINITE бесконечно (по умолчанию)
Используется для определения повторений бегущей строки.
WIDTH = в пикселах или в % от высоты экрана
Позволяет сделать область бегущей строки длиннее
или короче.
Слайд 24
HEIGHT = высота бегущей строки в пикселах или
в % от высоты
экрана.
Позволяет сделать область бегущей строки толще или
тоньше.
HSPACE = ширина в пикселях левого и правого полей
между областью бегущей строки и
окружающим её текстом или графикой.
VSPACE = размер отступа в пикселях сверху и снизу
от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000]
– мигание объекта
Слайд 25
Атрибуты изменение фона
BGCOLOR = “цвет”
Позволяет изменить фоновый цвет станицы, используется
тэгом .
Например:
BACKGROUND = “имя файла”
Позволяет использовать в качестве фона изображение из
файла.
BGPROPERTIES = FIXED
Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).
Например:
Слайд 26
Кадры (frames) (позволяют разбивать страницу на независемые окна)
Позволяет задавать кадровую структуру
(страница с кадровой структурой не содержит тэга ).
Позволяет определить отдельный кадр.
Атрибуты
ROWS = “ширина части,...”
Позволяет определить число и размер строк.
Например:
COLS = “ширина части,...”
Позволяет определить число и размер столбцов.
Слайд 27
Например:
SRC = “имя файла”
Позволяет вставить картинку или страницу
в кадр.
Например:
YES
SCROLLING = NO
AUTO
Позволяет задать линейки прокрутки.
MARGINWIDTH = “значение”
MARGINHIGHT = “значение”
Позволяет задать внутреннюю границу кадра.
Слайд 28
Атрибуты рамки кадра
BORDER = число
YES
FRAMEBORDER = NO
BORDERCOLOR = “цвет”
NAME =
“имя”
Позволяет задать имя кадра.
Например:
-имя кадра загружает указанный файл в кадр
-blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов
-parent в старший кадр
-top в новое окно, разрушая страницу кадров
Используется для ссылок в кадр.
Слайд 29
Например:
ТЕКСТ
NORESIZE
Запрещает изменение кадровой
структуры.
Подключение звукового файла
n
LOOP = INFINITE
Например:
Подключение видеофайла
n
LOOP = INFINITE
Слайд 30
Карты
Это такие изображения, отдельные части которых связаны со ссылками и позволяют
выполнять переходы.
Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA и задаётся имя карты при помощи атрибута name.
name=“имя”
Для каждой области карты должен быть создан свой элемент AREA, который должен включать атрибут, определяющий ссылку:
HREF=“адрес ссылки”
Слайд 31
Атрибуты, определяющие форму области на карте
rect (x,y)(x1,y1)
Shape = poly
(x,y)(x1,y1) ...
circle (x,y),r
point(x,y)
Coords = “ , , , ,…”
usemap – определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту
usemap = “#имя”
alt – атрибут для задания текста, заменяющего изображение карты, не является обязательным
alt = “Текст подсказки”
Имя файла: Основы-создания-Web-страниц.pptx
Количество просмотров: 39
Количество скачиваний: 0
Скачать
- Предыдущая
Театрализованное представление охотник Тымауль
Следующая -
Травмобезопасность. Лекция 3
Похожие презентации
Информация и информационные процессы
WTS Smart. Специализированное программно-аппаратное решение
Разработка графических окон в python. Компьютерный практикум
Глобальные и локальные компьютерные сети
App that change adventures
Кодирование и декодирование текстовой информации
Сертификация программных продуктов
Проектирование базы данных для центра детского общества
Научно-исследовательская лаборатория Мехатроники и робототехники ОНАПТ
Художественно-техническое оформление издания
Презентация на тему Blu-ray Disc
Модели БД. Лекция 1
Классификация и разновидности объектов
Разработка мобильного приложения для пользователей библиотек
IP-подсети. Разбиение на подсети
Формирование запроса для получения электронной подписи
Мир 3Д. Моделирование брелка
Внедрение программного обеспечения (лекция №7)
Схема
Система управления базами данных Access. Лекция 2
Презентация на тему Компьютерные мышки
Методологические основы прогнозирования
Игра Taxi-Money
Система управления базами данных моделирование и формализация. 9 класс
Информационная открытость как индикатор доступности предоставления социальных услуг
Алгоритм. 4 класс
Мобильный гид по городу с удобным интерфейсом YktПриезжий. Бизнес-план
istoriya_razvitiya_vychislitelnoy_tehniki
(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)
Обратная связь
Для правообладателей
Email:
Нажмите что бы посмотреть
ROWSPAN = количество строк
Позволяет растягивать ячейку на заданное количество строк.
Например:
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T){return {data:{meta:{result:{meta:{h1:m,main_text:b,main_title:n,main_description:o,main_keywords:p,main_image:b},app:{logo_image:q,logo_image_width:i,logo_image_height:j,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:k,header_bg:l,accent:G}},social:H}},item:{result:{id:1010121,name:"Основы создания Web-страниц",category:I,count:j,jpg:"jpg\u002F1010121",hits:39,download:a,h1:J,meta:{h1:J,title:"Основы создания Web-страниц презентация",description:"Основы создания Web-страниц презентация, доклад, проект, Информатика ",keywords:"Основы создания Web-страниц, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Основы создания Web-страниц, из раздела: Информатика.&nbsp; Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EОглавление\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EТермины и понятия\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документа\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EОтступы, Списки, Таблицы\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EВставка Графических изображений и Ссылок\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EАтрибуты редактирования текста\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EАтрибуты для списков и таблиц\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EБегущая строка\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EФон\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EКадры (фреймы)\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EИзображение -Карта\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EВставка видео и звука\u003Cbr\u003E",file:"Основы-создания-Web-страниц.pptx",texts:["\u003Cp\u003EОсновы создания Web-страниц\u003Cbr\u003E",b,"\u003Cp\u003EОглавление\u003Cbr\u003E\u003Cp\u003EТермины и понятия\u003Cbr\u003E\u003Cp\u003EСтруктура HTML-документа\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003EОтступы, Списки, Таблицы\u003Cbr\u003E\u003Cp\u003EВставка Графических изображений и Ссылок\u003Cbr\u003E\u003Cp\u003EАтрибуты редактирования текста\u003Cbr\u003E\u003Cp\u003EАтрибуты для списков и таблиц\u003Cbr\u003E\u003Cp\u003EБегущая строка\u003Cbr\u003E\u003Cp\u003EФон\u003Cbr\u003E\u003Cp\u003EКадры (фреймы)\u003Cbr\u003E\u003Cp\u003EИзображение -Карта\u003Cbr\u003E\u003Cp\u003EВставка видео и звука\u003Cbr\u003E","\u003Cp\u003EТермины и понятия\u003Cbr\u003E\u003Cp\u003E\tWWW (Word Wide Web) – cистема навигации, поиска и доступа к мультимедийным средствам с помощью средств гипертекста.\u003Cbr\u003E\tБраузер – программа просмотра гипертекстовых страниц WWW.\u003Cbr\u003E\tГипертекст – текст, содержащий связи с другими текстами, графической, видео- или звуковой информацией).\u003Cbr\u003E\tHTML (Hypertext Markup Language) – язык разметки гипертекста. HTML-документы представляют собой текстовые файлы, в которые встроены специальные команды.\u003Cbr\u003E\tТэги (tags) – команды языка HTML\u003Cbr\u003E\tCGI (Common Gateway Interface) – это протокол для выполнения сценариев на серверах; в свою очередь серверы осуществляют конечную обработку, например связь с базой данных по запросу со страницы Web. Все коммерческие серверы Web поддерживают сценарии CGI. Сценарии CGI пишутся на Perl, а программы CGI – на С++ или других компилируемых языках. \u003Cbr\u003E","\u003Cp\u003E Java – язык программирования компании JavaSoft синтаксически подобен C++, но он предусматривает такие ограничения, как запрет на использование указателей. \u003Cbr\u003E\tПриложения Web могут выполняться внутри операционной системы, или браузера Web, или внутри эмулирующей среды, известной как виртуальная машина Java. Microsoft предложила свою альтернативу Java в виде ActiveX. \u003Cbr\u003E\tActiveX – в 1996 году Microsoft дала это название своим программным компонентам OCX (OLE Control Extension), причем последние представляют собой модификацию VBX или управляющих элементов Visual Basic. При включении в документы HTML компоненты ActiveX загружаются и выполняются на клиенте. В настоящее время ActiveX работают только в среде Windows. \u003Cbr\u003E JavaScript – простой язык сценариев, созданный Netscape. Поначалу именовавшийся LiveScript, код JavaScript (никакого отношения к языку Java компании Sun он не имеет) включается в документы на HTML. Он конкурирует с VBScript производства Microsoft. \u003Cbr\u003E","\u003Cp\u003ECтруктура HTML-документа\u003Cbr\u003E\t(основные разделы)\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\t \u003CHEAD\u003E\u003Cbr\u003E\t\tСлужебная информация\u003Cbr\u003E\t\t\u003CTITLE\u003E\u003Cbr\u003E\t\t\tинформация о имени страницы\u003Cbr\u003E\t\t\u003C\u002FTITLE\u003E\u003Cbr\u003E\t \u003C\u002FHEAD\u003E\u003Cbr\u003E\t\u003CBODY\u003E\u003Cbr\u003E\t \t\u003CH1\u003E\u003Cbr\u003E\t\t\tWeb документ\u003Cbr\u003E\t\t\u003C\u002FH1\u003E\u003Cbr\u003E\t \u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E",b,"\u003Cp\u003E\t\u003CI\u003E – курсив\u003Cbr\u003E\t\u003C\u002FI\u003E\u003Cbr\u003E\t\u003CU\u003E – подчёркивание\u003Cbr\u003E\t\u003C\u002FU\u003E\u003Cbr\u003E\t\u003Cbr\u003E\t\u003CEM\u003E – выделение\u003Cbr\u003E\t\u003C\u002FEM\u003E\u003Cbr\u003E\t\u003Cbr\u003E\t\u003CSTRONG\u003E – усиленное выделение\u003Cbr\u003E\t\u003C\u002FSTRONG\u003E\u003Cbr\u003E\t\u003Cbr\u003E\t\u003CNOBR\u003E – отображает весь текст в одной строке, не \u003Cbr\u003E \t\t\tобрывая её\u003Cbr\u003E\t\u003C\u002FNOBR\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003E Отступы и списки\u003Cbr\u003E\t\u003CUL\u003E – отступ\u003Cbr\u003E\t\u003C\u002FUL\u003E – возврат\u003Cbr\u003E\t\u003COL\u003E – начало нумерованного списка\u003Cbr\u003E\t\u003C\u002FOL\u003E – конец нумерованного списка\u003Cbr\u003E\t\u003Cbr\u003E\t\u003CLI\u003E – элемент нумерованного или\u003Cbr\u003E\t\t маркированного списка\u003Cbr\u003E\t \t\u003Cbr\u003E\t \u003CVL\u003E – начало маркированного списка\u003Cbr\u003E\t \u003C\u002FVL\u003E – конец маркированного списка \t\u003Cbr\u003E\t\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003E Таблицы\u003Cbr\u003E\t\u003CTABLE\u003E – начало таблицы\u003Cbr\u003E\t\u003C\u002FTABLE\u003E – конец таблицы\u003Cbr\u003E\t\u003CCAPTION\u003E – начало заголовка таблицы \u003Cbr\u003E\t\u003C\u002FCAPTION\u003E – конец заголовка таблицы \u003Cbr\u003E\t\u003Cbr\u003E\t \u003CTH\u003E – начало заголовка столбца или строки \u003Cbr\u003E\t \u003C\u002FTH\u003E – конец заголовка столбца или строки\u003Cbr\u003E \u003Cbr\u003E\t \u003CTR\u003E – начало строки \u003Cbr\u003E\t \u003C\u002FTR\u003E – конец строки\u003Cbr\u003E\t \u003CTD\u003E – начало столбца \u003Cbr\u003E\t \u003C\u002FTD\u003E – конец столбца\u003Cbr\u003E","\u003Cp\u003E Вставка графических изображений\u003Cbr\u003E \u003CIMG SRC=“имя файла. расширение“\u003E\t\t \t\t\t вставка картинки из файла \u003Cbr\u003E \u003Cbr\u003EВставка гипертекстовых ссылок\u003Cbr\u003E \u003CA HREF= “имя файла. расширение“\u003Eактивный\u003C\u002FA\u003E \u003Cbr\u003E \t\t\t\t\t\t\t текст \u003Cbr\u003E \t\t ссылка на другой HTML-документ или файл \u003Cbr\u003E\t\t (звуковой или видеоклип)\u003Cbr\u003E \u003CA HREF= “#имя метки“\u003Eактивный\u003C\u002FA\u003E \u003Cbr\u003E \t\t\t\t \t текст \u003Cbr\u003E\t\t ссылка на метку в текущем HTML-документе\u003Cbr\u003E \u003Cbr\u003E\t\u003Cbr\u003E","\u003Cp\u003E \u003CA HREF= “имя файла. Расширение#имя“\u003Eактивный\u003C\u002FA\u003E \u003Cbr\u003E \t\t\t\t\t\t\t текст \u003Cbr\u003E \t\t ссылка на метку в другом HTML-документе\u003Cbr\u003E \u003CA NAME= “имя“\u003Eактивный\u003C\u002FA\u003E \u003Cbr\u003E \t\t\t текст \u003Cbr\u003E\t\t метка для двух указанных выше типов ссылок\u003Cbr\u003E\u003CA HREF= “имя файла“\u003E\u003CIMG SCR=“графическое \u003Cbr\u003E изображение“\u003Eактивный\u003C\u002FA\u003E \u003Cbr\u003E \t\t текст \u003Cbr\u003E \t\t ссылка в виде графического изображения\u003Cbr\u003EАтрибуты (использующиеся в тэге \u003CBODY\u003E)\u003Cbr\u003ELINK = “цвет“ \u003Cbr\u003E определяет цвет ссылки, которой ещё не пользовались\u003Cbr\u003EVLINK = “цвет“ \u003Cbr\u003E определяет цвет ссылки, на которой уже щёлкали\u003Cbr\u003EALINK = “цвет“ \u003Cbr\u003E определяет цвет ссылки в момент щелчка \t\u003Cbr\u003E","\u003Cp\u003E \t\t \t Атрибуты\u003Cbr\u003Eдополняют тэги, позволяя описывать внешний вид части страницы,\u003Cbr\u003Eокружённой тэгами.\u003Cbr\u003E LEFT\u003Cbr\u003E ALIGN = RIGHT\u003Cbr\u003E\t\t\t\t CENTER\u003Cbr\u003E\tПозволяет выравнивать текст по левому, правому краю \u003Cbr\u003Eили по центру соответственно. Используется в тэгах \u003CP\u003E, \u003CIMG\u003E.\u003Cbr\u003E\tНапример: \u003CP ALIGN = CENTER\u003E. \u003Cbr\u003E LEFT\u003Cbr\u003E CLEAR = RIGHT\u003Cbr\u003E\t\t \t\t ALL\u003Cbr\u003E\tИспользуется, чтобы установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно. Используется в тэге \u003CBR\u003E. \t\t\t\t\t \t\u003Cbr\u003E","\u003Cp\u003E\t\u003Cbr\u003E\t\tBORDER = число в пикселах\u003Cbr\u003E\t\t\t\u003Cbr\u003E\tОпределяет рамку вокруг изображения. Используется тэгом \u003CIMG\u003E. \u003Cbr\u003E\t\tHSPACE = число в пикселах\u003Cbr\u003E\t\tVSPACE = число в пикселах\u003Cbr\u003E\t\t\t\u003Cbr\u003E\tОпределяют горизонтальный и вертикальный отступы вокруг изображения. Используется тэгом \u003CIMG\u003E. \u003Cbr\u003E\t\t\t\u003Cbr\u003E\t\u003Cbr\u003E","\u003Cp\u003E Шрифты \t\t\t\u003Cbr\u003E\t\u003CBIG\u003E – увеличение шрифта текста относительно текущего\u003Cbr\u003E\t\u003C\u002FBIG\u003E\u003Cbr\u003E\t\u003CSMALL\u003E – уменьшение шрифта текста\u003Cbr\u003E\t\u003C\u002FSMALL\u003E\u003Cbr\u003E\t\u003CFONT COLOR = название цвета\u003E – смена цвета текста\u003Cbr\u003E\tred\t \t green\u003Cbr\u003E\tblack\t\t maroon (тёмно-красный)\u003Cbr\u003E\tolive\t \t navy (синий)\u003Cbr\u003E\taqua (морской волны)\t purple (фиолетовый)\t\tteal (зеленовато-синий) lime (известковый)\u003Cbr\u003E\tfuchsia (ярко-малиновый) silver (серебристый)\t\twhite\t\t yellow\u003Cbr\u003E\tblue\t\t gray\t\t \u003Cbr\u003E\t\u003C\u002FFONT\u003E\u003Cbr\u003E\t\t\u003Cbr\u003E","\u003Cp\u003E\t\t\t\u003Cbr\u003E\t\u003CFONT FACE = название шрифта\u003E – смена гарнитуры \u003Cbr\u003E\tшрифта.\u003Cbr\u003E\tНапример: \u003CFONT FACE = “Arial”\u003E. \u003Cbr\u003E\t\t \u003Cbr\u003E\t\u003C\u002FFONT\u003E\u003Cbr\u003E\t\u003CFONT SIZE = размер шрифта\u003E – позволяет задавать\u003Cbr\u003E\tразмер шрифта в данной области, используется в середине\u003Cbr\u003E\tстроки, т.к. после окончания своего действия не разбивает\u003Cbr\u003E\tстроку.\u003Cbr\u003E\t Например: \u003CFONT SIZE = 7\u003E. \u003Cbr\u003E\t\u003Cbr\u003E\t\u003C\u002FFONT\u003E\u003Cbr\u003E","\u003Cp\u003E Атрибуты тэгов для списков (маркированных и \u003Cbr\u003Eнумерованных)\u003Cbr\u003E\t\t\t DISC\u003Cbr\u003E TYPE = CIRCLE\u003Cbr\u003E\t\t \tSQUARE\u003Cbr\u003E\tПозволяет задавать тип маркера в произвольном месте текста. \t\tНапример:\u003Cbr\u003E\t\u003CUL TYPE = DISC\u003E \t\t\u003Cbr\u003E\t\t \u003CLI\u003E первый элемент списка \u003Cbr\u003E\t\t \u003CLI\u003E второй элемент списка \u003Cbr\u003E\t \u003C\u002FUL\u003E \u003Cbr\u003E","\t\t\t Text\t\tForm\u003Cbr\u003E\t\t\t Audio\t\tHome\u003Cbr\u003E DINGBAT = Folder\t\tNext\u003Cbr\u003E\t\t\t Disc drive\tPrevious\u003Cbr\u003E\tПозволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.\u003Cbr\u003E Например:\u003Cbr\u003E\t\u003CLI DINGBAT = “home”\u003E \t\t\u003Cbr\u003E\t \t\t 1\t1,2,3,...\u003Cbr\u003E TYPE = A \tA,B,C,… \u003Cbr\u003E\t\t\t a a,b,c,…\u003Cbr\u003E\t\t\t I I,II,III,... \t \u003Cbr\u003E\tПозволяет использовать в качестве маркеров цифры и буквы.\u003Cbr\u003E","\tНапример:\u003Cbr\u003E\t\u003COL TYPE =A\u003E \u003Cbr\u003E\t\t\t\t\t\t\u003Cbr\u003E \tSKIP = значение\u003Cbr\u003E\tПозволяет в середине нумерованного списка пропустить \u003Cbr\u003Eзаданное число пунктов нумерации.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CLI SKIP = 4\u003E – пропустит четыре следующих пункта.\u003Cbr\u003E\t\u003Cbr\u003E\tSTART = значение\u003Cbr\u003E\tИспользуется для указания того, с какого места в заданном\u003Cbr\u003Eтипе нумерации начать нумерованный список.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003COL TYPE =A START=5\u003E – нумерация будет начинаться с\u003Cbr\u003Eбуквы E и будет продолжаться далее по алфавиту.\u003Cbr\u003E\t \t\t\u003Cbr\u003E","Атрибуты тэгов для создания таблиц\u003Cbr\u003E\t\t\t\u003Cbr\u003E BORDER = ширина границы\t\t\t \u003Cbr\u003E\tПозволяет задавать ширину внешней границы таблицы в пикселах или в %.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CTABLE BORDER = 8\u003E \t\t\u003Cbr\u003E\t CELLSPACING = ширина границы\t\t\t \u003Cbr\u003E\tПозволяет задавать ширину фронтальной грани таблицы в пикселах или в %.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CTABLE CELLSPACING = 6\u003E \t\u003Cbr\u003E\tCELLPADDING = ширина \t \u003Cbr\u003E\tПозволяет задавать ширину пустого пространства между содержимым ячейки и её границами.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CTABLE CELLPADDING = 5\u003E \t\u003Cbr\u003E","\t\t\t\u003Cbr\u003E COLSPAN = количество ячеек\t\t\t \u003Cbr\u003E\tПозволяет растягивать строку на заданное количество ячеек (как бы объединять их).\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CTD COLSPAN = 3\u003E \t\u003Cbr\u003E\t\u003Cbr\u003E\tROWSPAN = количество строк\t\t \u003Cbr\u003E\tПозволяет растягивать ячейку на заданное количество строк.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CTR ROWSPAN = 4\u003E \t\u003Cbr\u003E","\u003Cp\u003E Бегущая строка\u003Cbr\u003E\t \u003CMARQUEE\u003E\u003Cbr\u003E\t \u003C\u002FMARQUEE\u003E\u003Cbr\u003E\t Используется для создания бегущей строки.\u003Cbr\u003E TOP\u003Cbr\u003E ALIGN = MIDDLE\u003Cbr\u003E\t\t\t BOTTOM\u003Cbr\u003E\tПозволяет разместить текст в верхней, средней или нижней \u003Cbr\u003Eчасти области бегущей строки. \t\u003Cbr\u003E SCROLL прокрутка циклическая\u003Cbr\u003E\tBEHAVIOR = SLIDE\tвыход и остановка\u003Cbr\u003E\t\t\t ALTERNATE прыжки\u003Cbr\u003E\tИспользуется, чтобы установить режим вывода строки. \t\t\t \t\t\t\t\t \t\u003Cbr\u003E","\u003Cp\u003E\t BGCOLOR = название цвета\u003Cbr\u003E\t Используется для определения цвета фона бегущей строки.\u003Cbr\u003E \t DIRECTION = LEFT\t\t\t \t\t\t \t\t\t\t RIGHT\u003Cbr\u003E\t Используется для определения направления бегущей строки.\u003Cbr\u003E\t n текст пробегает по экрану n раз\u003Cbr\u003E \t LOOP = INFINITE бесконечно (по умолчанию) \u003Cbr\u003E \u003Cbr\u003E\t Используется для определения повторений бегущей строки.\t\t \u003Cbr\u003E\t WIDTH = в пикселах или в % от высоты экрана\u003Cbr\u003E \t Позволяет сделать область бегущей строки длиннее \u003Cbr\u003E или короче.\u003Cbr\u003E\t\u003Cbr\u003E\t\u003Cbr\u003E","\u003Cp\u003E\tHEIGHT = высота бегущей строки в пикселах или\u003Cbr\u003E\t\t\t в % от высоты экрана.\u003Cbr\u003E\tПозволяет сделать область бегущей строки толще или \u003Cbr\u003E\tтоньше.\u003Cbr\u003E \tHSPACE = ширина в пикселях левого и правого полей \u003Cbr\u003E\t\t\t между областью бегущей строки и \u003Cbr\u003E окружающим её текстом или графикой. \t\u003Cbr\u003E\tVSPACE = размер отступа в пикселях сверху и снизу\u003Cbr\u003E\t\t\t от бегущей строки до текста или графики. \tSCROLLAMOUNT = скорость перемещения текста \t\t\t\t\t [1…3000]\u003Cbr\u003E\t\u003CBLINK\u003E – мигание объекта\u003Cbr\u003E\t\u003C\u002FBLINK\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты изменение фона\t \u003Cbr\u003E\tBGCOLOR = “цвет”\t\t\t\t\u003Cbr\u003E\t Позволяет изменить фоновый цвет станицы, используется тэгом \u003CBODY\u003E.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CBODY BGCOLOR =“BLACK”\u003E\u003Cbr\u003E \t\u003Cbr\u003E\tBACKGROUND = “имя файла”\u003Cbr\u003E\tПозволяет использовать в качестве фона изображение из\u003Cbr\u003Eфайла.\u003Cbr\u003E\tBGPROPERTIES = FIXED\u003Cbr\u003E\tПозволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CBODY BACKGROUND =“CLOUD.GIF” BGPROPERTIES =FIXED\u003E\u003Cbr\u003E\t\t\t\u003Cbr\u003E","\u003Cp\u003EКадры (frames) (позволяют разбивать страницу на независемые окна)\t \u003Cbr\u003E\t\u003CFRAMESET\u003E\u003Cbr\u003E\t\u003C\u002FFRAMESET\u003E\t\t\t\u003Cbr\u003E\tПозволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга \u003CBODY\u003E). \t\u003Cbr\u003E\t\u003CFRAME \u003E\u003Cbr\u003E\tПозволяет определить отдельный кадр.\u003Cbr\u003EАтрибуты \u003Cbr\u003E\tROWS = “ширина части,...”\u003Cbr\u003E\tПозволяет определить число и размер строк.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CFRAMESET ROWS =“100,300,100”\u003E\u003Cbr\u003E\tCOLS = “ширина части,...”\u003Cbr\u003E\tПозволяет определить число и размер столбцов. \u003Cbr\u003E\t\t\t\u003Cbr\u003E","\u003Cp\u003E\tНапример:\u003Cbr\u003E\t\u003CFRAMESET COLS =“25%,60%,15% ”\u003E\u003Cbr\u003E\t\u003Cbr\u003E\t SRC = “имя файла” \u003Cbr\u003E\tПозволяет вставить картинку или страницу в кадр.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CFRAME SRC =“cостав. html”\u003E\u003Cbr\u003E\t\t \t\t YES \u003Cbr\u003E SCROLLING = NO\u003Cbr\u003E\t\t\t \t AUTO\u003Cbr\u003E\tПозволяет задать линейки прокрутки. \u003Cbr\u003E\tMARGINWIDTH = “значение”\u003Cbr\u003E\tMARGINHIGHT = “значение”\u003Cbr\u003E\tПозволяет задать внутреннюю границу кадра.\t\t\t\u003Cbr\u003E","\u003Cp\u003EАтрибуты рамки кадра\t\t\u003Cbr\u003E\tBORDER = число\u003Cbr\u003E\t\t \t YES\u003Cbr\u003E\tFRAMEBORDER = NO\u003Cbr\u003E\t\t\t\t\t\u003Cbr\u003E\tBORDERCOLOR = “цвет” \u003Cbr\u003E\tNAME = “имя”\u003Cbr\u003E\tПозволяет задать имя кадра.\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CFRAME SRC=“СОСТАВ.html” NAME =“MAIN”\u003E\t\u003Cbr\u003E\t\t\t -имя кадра загружает указанный файл в кадр\u003Cbr\u003E\t\t\t -blank загружает файл в окно без названия \t\tTARGET = -self загружает в окно, откуда сделан вызов\u003Cbr\u003E -parent в старший кадр\u003Cbr\u003E\t\t\t -top в новое окно, разрушая страницу кадров\u003Cbr\u003E Используется для ссылок в кадр.\u003Cbr\u003E\t \t\t\u003Cbr\u003E","\u003Cp\u003E\tНапример:\u003Cbr\u003E\t\u003CA HREF = “ГАЗЕТА.html” TARGET =“MAIN ”\u003E ТЕКСТ \u003C\u002FA\u003E \t\tNORESIZE\u003Cbr\u003E\tЗапрещает изменение кадровой структуры.\u003Cbr\u003EПодключение звукового файла \u003Cbr\u003E\t\u003CBGSOUND SRC =“имя файла”\u003E \u003Cbr\u003E\t\t n \u003Cbr\u003E\tLOOP = INFINITE\u003Cbr\u003E\tНапример:\u003Cbr\u003E\t\u003CBGSOUND SRC=“BLIP.WAV”\u003E \t\u003Cbr\u003EПодключение видеофайла \u003Cbr\u003E\t\u003CIMG DYNSRC =“имя файла”\u003E\u003Cbr\u003E\t\t n \u003Cbr\u003E\tLOOP = INFINITE\u003Cbr\u003E","\u003Cp\u003EКарты \u003Cbr\u003E\tЭто такие изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы. \u003Cbr\u003E\t\u003CMAP\u003E\u003Cbr\u003E\t\u003C\u002FMAP\u003E\u003Cbr\u003E Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA и задаётся имя карты при помощи атрибута name.\u003Cbr\u003E name=“имя”\u003Cbr\u003E\t\u003CAREA\u003E\u003Cbr\u003E\tДля каждой области карты должен быть создан свой элемент AREA, который должен включать атрибут, определяющий ссылку:\u003Cbr\u003E\tHREF=“адрес ссылки”\u003Cbr\u003E","\u003Cp\u003EАтрибуты, определяющие форму области на карте \u003Cbr\u003E\t \u003Cbr\u003E\t\t\t\t rect (x,y)(x1,y1) \u003Cbr\u003E Shape = poly (x,y)(x1,y1) ...\u003Cbr\u003E\t\t\t\t circle (x,y),r\u003Cbr\u003E\t\t\t\t point(x,y)\u003Cbr\u003E\t\t\t\t \u003Cbr\u003E\t Coords = “ , , , ,…”\u003Cbr\u003E\tusemap – определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту\u003Cbr\u003E\t usemap = “#имя”\u003Cbr\u003E\talt – атрибут для задания текста, заменяющего изображение карты, не является обязательным\u003Cbr\u003E\t alt = “Текст подсказки”\u003Cbr\u003E","\u003Cp\u003EДополнительный \u003Cbr\u003Eматериал\u003Cbr\u003E\u003Cp\u003E\tНапример:\u003Cbr\u003E \u003CMAP NAME =“#karta1”\u003E\u003Cbr\u003E \u003CAREA alt=“Переход к карте 1” shape =“circle” coords =“256,126,35”\u003Cbr\u003E\thref =“#sts.htm”\u003E\u003Cbr\u003E \u003C\u002FMAP\u003E\u003Cbr\u003E \u003CIMG SRC=“MAP1.gif ” usemap=“#karta1” alt=“карта 1”\u003E\u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003EWeb-редакторы:\u003Cbr\u003EHotDog Professional Web Editor http:\u002F\u002Fwww.sausage.com\u002F \u003Cbr\u003EwebMASTER PRO\t\t http:\u002F\u002Fwww.filez.com\u003Cbr\u003EAstound Dynamite http:\u002F\u002Fwww.astoundinc.com\u003Cbr\u003ECorel WEB.DESIGNER http:\u002F\u002Fwww.corel.com\u002Fcorelweb\u003Cbr\u003EMacromedia Dreamweaver http:\u002F\u002Fwww.filez.com\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fosnovy-sozdaniya-web-stranits-1",href_category:"\u002Fprezentacii-po-informatike",date:1614860961,related:[{id:945351,name:"Информация и информационные процессы",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-i-informatsionnye-protsessy-39",jpg:"jpg\u002F945351"},{id:1028640,name:"WTS Smart. Специализированное программно-аппаратное решение",href:"\u002Fprezentacii-po-informatike\u002Fwts-smart-spetsializirovannoe-programmno-apparatnoe-reshenie",jpg:"jpg\u002F1028640"},{id:1111133,name:"Разработка графических окон в python. Компьютерный практикум",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-graficheskih-okon-v-python-kompyuternyy",jpg:"jpg\u002F1111133"},{id:1059396,name:"Глобальные и локальные компьютерные сети",href:"\u002Fprezentacii-po-informatike\u002Fglobalnye-i-lokalnye-kompyuternye-seti-1",jpg:"jpg\u002F1059396"},{id:959639,name:"App that change adventures",href:"\u002Fprezentacii-po-informatike\u002Fapp-that-change-adventures",jpg:"jpg\u002F959639"},{id:965671,name:"Кодирование и декодирование текстовой информации",href:"\u002Fprezentacii-po-informatike\u002Fkodirovanie-i-dekodirovanie-tekstovoy-informatsii",jpg:"jpg\u002F965671"},{id:844815,name:"Сертификация программных продуктов",href:"\u002Fprezentacii-po-informatike\u002Fsertifikatsiya-programmnyh-produktov-1",jpg:"jpg\u002F844815"},{id:1124795,name:"Проектирование базы данных для центра детского общества",href:"\u002Fprezentacii-po-informatike\u002Fproektirovanie-bazy-dannyh-dlya-tsentra-detskogo",jpg:"jpg\u002F1124795"},{id:1111585,name:"Научно-исследовательская лаборатория Мехатроники и робототехники ОНАПТ",href:"\u002Fprezentacii-po-informatike\u002Fnauchno-issledovatelskaya-laboratoriya-mehatroniki-i-robototehniki",jpg:"jpg\u002F1111585"},{id:915873,name:"Художественно-техническое оформление издания",href:"\u002Fprezentacii-po-informatike\u002Fhudozhestvenno-tehnicheskoe-oformlenie-izdaniya",jpg:"jpg\u002F915873"},{id:263901,name:"Презентация на тему Blu-ray Disc ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-bluray-disc",jpg:"jpg\u002F263901"},{id:887277,name:"Модели БД. Лекция 1",href:"\u002Fprezentacii-po-informatike\u002Fmodeli-bd-lektsiya-1",jpg:"jpg\u002F887277"},{id:1124547,name:"Классификация и разновидности объектов",href:"\u002Fprezentacii-po-informatike\u002Fklassifikatsiya-i-raznovidnosti-obektov",jpg:"jpg\u002F1124547"},{id:1020453,name:"Разработка мобильного приложения для пользователей библиотек",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-mobilnogo-prilozheniya-dlya-polzovateley-bibliotek",jpg:"jpg\u002F1020453"},{id:1169937,name:"IP-подсети. Разбиение на подсети",href:"\u002Fprezentacii-po-informatike\u002Fip-podseti-razbienie-na-podseti",jpg:"jpg\u002F1169937"},{id:1034163,name:"Формирование запроса для получения электронной подписи",href:"\u002Fprezentacii-po-informatike\u002Fformirovanie-zaprosa-dlya-polucheniya-elektronnoy-podpisi",jpg:"jpg\u002F1034163"},{id:1144734,name:"Мир 3Д. Моделирование брелка",href:"\u002Fprezentacii-po-informatike\u002Fmir-3d-modelirovanie-brelka",jpg:"jpg\u002F1144734"},{id:1153599,name:"Внедрение программного обеспечения (лекция №7)",href:"\u002Fprezentacii-po-informatike\u002Fvnedrenie-programmnogo-obespecheniya-lektsiya-n7",jpg:"jpg\u002F1153599"},{id:1070750,name:"Схема",href:"\u002Fprezentacii-po-informatike\u002Fshema-2082025",jpg:"jpg\u002F1070750"},{id:1071044,name:"Система управления базами данных Access. Лекция 2",href:"\u002Fprezentacii-po-informatike\u002Fsistema-upravleniya-bazami-dannyh-access-lektsiya-1",jpg:"jpg\u002F1071044"},{id:282253,name:"Презентация на тему Компьютерные мышки ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-kompyuternye-myshki-2",jpg:"jpg\u002F282253"},{id:1048830,name:"Методологические основы прогнозирования",href:"\u002Fprezentacii-po-informatike\u002Fmetodologicheskie-osnovy-prognozirovaniya-2",jpg:"jpg\u002F1048830"},{id:838170,name:"Игра Taxi-Money",href:"\u002Fprezentacii-po-informatike\u002Figra-taxi-money",jpg:"jpg\u002F838170"},{id:887986,name:"Система управления базами данных моделирование и формализация. 9 класс",href:"\u002Fprezentacii-po-informatike\u002Fsistema-upravleniya-bazami-dannyh-modelirovanie-i-13",jpg:"jpg\u002F887986"},{id:900704,name:"Информационная открытость как индикатор доступности предоставления социальных услуг",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnaya-otkrytost-kak-indikator-dostupnosti-predostavleniya",jpg:"jpg\u002F900704"},{id:1102796,name:"Алгоритм. 4 класс",href:"\u002Fprezentacii-po-informatike\u002Falgoritm-4-klass-32-2",jpg:"jpg\u002F1102796"},{id:917410,name:"Мобильный гид по городу с удобным интерфейсом YktПриезжий. Бизнес-план",href:"\u002Fprezentacii-po-informatike\u002Fmobilnyy-gid-po-gorodu-s-udobnym",jpg:"jpg\u002F917410"},{id:895722,name:"istoriya_razvitiya_vychislitelnoy_tehniki",href:"\u002Fprezentacii-po-informatike\u002Fistoriyarazvitiyavychislitelnoytehniki",jpg:"jpg\u002F895722"}],navigation:{next:"\u002Fprezentacii-po-obzh\u002Ftravmobezopasnost-lektsiya-3",next_name:"Травмобезопасность. Лекция 3",prev:"\u002Fprezentacii-po-literature\u002Fteatralizovannoe-predstavlenie-ohotnik-tymaul",prev_name:"Театрализованное представление охотник Тымауль"}}},categories:{result:[{id:K,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:I,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:K,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:L,SITE_HOST:"slaidy.com",SITE_LANG:M,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:L,short_name:b,description:b,lang:M,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:k,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:T,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:m,main_text:b,main_title:n,main_description:o,main_keywords:p,main_image:b},app:{logo_image:q,logo_image_width:i,logo_image_height:j,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:k,header_bg:l,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,32,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg","Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика","Основы создания Web-страниц ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

COLSPAN = количество ячеек
Позволяет растягивать строку на заданное количество ячеек (как бы объединять их).
Например:

Бегущая строка
Используется для создания бегущей строки.
TOP
ALIGN = MIDDLE
BOTTOM
Позволяет разместить текст в верхней, средней или нижней
части области бегущей строки.
SCROLL прокрутка циклическая
BEHAVIOR = SLIDE выход и остановка
ALTERNATE прыжки
Используется, чтобы установить режим вывода строки.

BGCOLOR = название цвета
Используется для определения цвета фона бегущей строки. DIRECTION = LEFT RIGHT
Используется для определения направления бегущей строки.
n текст пробегает по экрану n раз
LOOP = INFINITE бесконечно (по умолчанию)
Используется для определения повторений бегущей строки.
WIDTH = в пикселах или в % от высоты экрана
Позволяет сделать область бегущей строки длиннее
или короче.

HEIGHT = высота бегущей строки в пикселах или
в % от высоты экрана.
Позволяет сделать область бегущей строки толще или
тоньше.
HSPACE = ширина в пикселях левого и правого полей
между областью бегущей строки и
окружающим её текстом или графикой.
VSPACE = размер отступа в пикселях сверху и снизу
от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000]
– мигание объекта

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

Кадры (frames) (позволяют разбивать страницу на независемые окна)
Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ).
Позволяет определить отдельный кадр.
Атрибуты
ROWS = “ширина части,...”
Позволяет определить число и размер строк.
Например:
COLS = “ширина части,...”
Позволяет определить число и размер столбцов.

Например:
SRC = “имя файла”
Позволяет вставить картинку или страницу в кадр.
Например:
YES
SCROLLING = NO
AUTO
Позволяет задать линейки прокрутки.
MARGINWIDTH = “значение”
MARGINHIGHT = “значение”
Позволяет задать внутреннюю границу кадра.

Атрибуты рамки кадра
BORDER = число
YES
FRAMEBORDER = NO
BORDERCOLOR = “цвет”
NAME = “имя”
Позволяет задать имя кадра.
Например:
-имя кадра загружает указанный файл в кадр
-blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов
-parent в старший кадр
-top в новое окно, разрушая страницу кадров
Используется для ссылок в кадр.

Например:
ТЕКСТ
NORESIZE
Запрещает изменение кадровой структуры.
Подключение звукового файла
n
LOOP = INFINITE
Например:
Подключение видеофайла
n
LOOP = INFINITE

Карты
Это такие изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы.
Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA и задаётся имя карты при помощи атрибута name.
name=“имя”
Для каждой области карты должен быть создан свой элемент AREA, который должен включать атрибут, определяющий ссылку:
HREF=“адрес ссылки”

Атрибуты, определяющие форму области на карте
rect (x,y)(x1,y1)
Shape = poly (x,y)(x1,y1) ...
circle (x,y),r
point(x,y)
Coords = “ , , , ,…”
usemap – определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту
usemap = “#имя”
alt – атрибут для задания текста, заменяющего изображение карты, не является обязательным
alt = “Текст подсказки”