Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Маркированные и нумерованные списки. Списки определений.






Маркированные списки создаются при помощи контейнера < UL> …< /UL>. Нумерованные < ОL> …< /ОL>. < DIR> < MENU>: используется редко. Для тэга < UL> предусмотрен параметр TYPE, определяющий вид символа-маркера: DISC(закрашенный кружок), CIRCLE(прозрачный кружек), SQUARE(закрашенный квадратик). Тэг < OL>: TYPE-1, а, А, i, I START-номер с которого начинает нумеровать. Можно комбинировать контейнеры < UL> и < OL> (сложные списки). Списки определений: < DL> …< /DL>. Каждый термин предваряется одиночным тэгом < DT>, а следующий за ним определения < DD>. Определение должно представлять собой один абзац: < P> …< /P>.

7. Гиперссылка. Цвет, фон. Бегущаю строка. Гиперссылка - помеченная позиция в документе на определенное место, просматриваемого текста или на другие документы. Для создания гиперссылок используется дескрипт < a>: < a href= “адрес_док-та”> текст ссылки < /a>.при помощи атрибута href передается адрес док-та, на кот. указывается ссылка. Ссылка на картинку < a href= " картинка.htm" kartinka > < img src=" images/1.jpg" > < /a > Цвет и фон. < BODY BGCOLOR(фон)= “red” TEXT(текст)=”blue” LINK (не посещенная ссылка) = “black” VLINK (цвет выделенной ссылки) = “#800080” BACKGROUND (граф.файла)=”fon.jpg”> В HTML бегущая строка определяется тегами < marquee> < /marquee>.Атрибут behavior=" " – определяет тип движения текста. При значении alternate текст движется слева направо, достигнув края, меняет направление. При значении scroll бегущая строка, достигнув края, появляется с противоположной стороны. При значении slide бегущая строка останавливается у противоположного края страницы. Атрибут direction=" " – определяет направление движения текста. Значение down определяет движение текста вниз. Значение up определяет движение текста вверх. При значении left бегущая строка движется справа налево. При right – слева направо. Цвет текста: < span style=" color: #f25100" > Бегущая строка< /span>.

 

8. Звуковое сопровождение, цифровое видео. < BGSOUND> формат WAP или MIDI, с помощью параметра SRC='…'LOOP=[n], т.е. воспроизвести n раз. Вместо n может быть слово INFINITE. < EMBED SRC=путь или имя формата WAP, MIDI, AVI>. Параметр WIDTH=…(размер окна кадра)

< IMG DYNSRC=[местоположение видеофайла]

SRC=[местопол заменяющего рис]

START=[условие запуска]

 

9. Фреймы. Внедренные и плавающие окна. Фреймы- позволяют разбивать веб-стр на подокна, причем каждое подокно (фрейм) может иметь собственные полосы прокрутки. Вместо тэг < BODY> исп парный тэг < FRAMESET>. Для описания каждого фрейма в отдельности служит тэг < FRAME>. Между тэгами < FRAMESET> и < /…> могут находиться тэги < FRAMЕ... Атрибут COLS - задает кол-во и размеры столбцов в создаваемом наборе фреймов. Значение ширины различных фреймов перечисляются в кавычках через запятую в пикселях, в процентах или в связанных масштабных коэффициентах(*), пр: < FRAMESET COLS= «число, число%. число*>. ROWS-задает кол-во и размеры строк. BORDER-задает толщину обрамления в пикселях. FRAMEBORDER – отменяет вывод обрамления у фреймов независимо от значений атрибута BORDER. Значение 1 соотв. Наличию, а 0-отстутствию обрамления. < NOFRAMES> испол этот тэг, чтобы польз могли видеть содержание веб-стр. внутри < FRAMESET>. Для создания плавающих фреймов используется HTML элемент IFRAME (задается при помощи парных тегов < IFRAME> и < /IFRAME>). Настройка плавающего фрейма осуществляется при помощи следующих атрибутов: src – URI HTMLдокумента, отображаемого в окне фрейма; frameborder – режим отображения границы фрейма, может принимать значения 0 (не показывать границу) или 1 (показывать границу); scrolling – режим отображения полос прокрутки содержимого фрейма, может принимать значения no (не показывать полосы прокрутки), yes (показывать полосы прокрутки) или auto (используется по умолчанию, показывать полосы прокрутки, только если содержимое не помещается); marginwidth – задает расстояние между границами фрейма и его содержимым по горизонтали (в пикселах); marginheight – задает расстояние между границами и содержимым фрейма по вертикали; align – задает положение плавающего фрейма в тексте, может принимать значения left, right и center; width – задает ширину окна плавающего фрейма, значение может быть как абсолютным (в пикселах), так и процентным; height – задает высоту окна плавающего фрейма. Внедренные окна. Код iframe вставляется внутри выбранной странички, в том месте (между тегами body), где мы хотим видеть «врезанную» страничку. Пр: < iframe name=" fr1" src=" page1.html" width=" 300" height=" 200" frameborder=" 1" scrolling=" yes" marginheight=" 20" marginwidth=" 30" > < /iframe>, где name — имя iframe (любое!); src — адрес странички, которая будет открываться внутри iframe; width — длина iframe; height — высота iframe; frameborder — рамка (1 — есть, 0 — нет); scrolling — наличие полос прокруток (no — их нет, yes — есть, auto — браузер сам определяет: нужна ли полоса прокрутки); marginheight — отступ от края окна до расположенного внутри него по высоте текста; marginwidth — отступ от края окна до расположенного по ширине текста.

 

10)Стили. Параметры стиля. Каскадные таблицы стилей. Стиль – опр. особенности форматирования и отображения элементов веб-страниц.В соответствии с правилами HTML при использовании стилей в коде необходимо включать в тег < HEAD> соответств. META –опр.< meta http-equiv=content-style-type content=”text/css”> Синтаксис: Элемент – м.б. не только < h1> или < p> но и < A> или < TD>; Свойство – ПР (Font-family: arial) (margin: 15px); Значение ПР (arial, white 1px, 1px); Объявление – свойство и значение; Правило – элемент и его объявление; ПР < font-color=”red”> < strong> < u> поклонитесь солнцу< /u> < /strong> < /font> Группирование стилей: По тегам ДО: (как было)h1{font-family=arial; font-size: 14px}h2 {font-family=arial; font-size: 14px}h3 {font-family=arial; font-size: 14px}После(с группировкой) h1, h2, h3{font-family=arial; font-size: 14px} По атрибутамДО: body {margin-top: 12pt; margin-left 10pt; margin-right: 15pt; }После: body {margin: 12pt, 10pt, 15 pt; }

 

11)Слои. Применение слоев. Создания слоя с помощью < DIV>; Атрибут CLASS – для отображения класса< div class=”italicfont”> Курсив< /div> < div> Атрибут ID – глобал. Идентификатор похож на класс но используется символ #: < head> < style type=text/css> <! - - #italicfont{font-weight: bold} #boldfont{font-size: courier} Атрибут STYLE – содержит идентификатор о стиле (отступ слева, справа, снизу)< div style=”left: 50px: position=absolute: top: 70px”> Создания слоя с помощью LAYER: Атрибут BACKGROUND Background=”animage.gif” Атрибут HEIGHT –высота слояHeight =”100 ”Width=”100” Атрибут ID – id (имя слоя) id=mylayer1 Атрибут CLIP –координаты границ слоя Clip=”10, 10, 50, 50” Атрибут TOP –сдвиг слоя относительно верхнего края Top = 20 Атрибут LEFT – сдвиг слева Left =100

 

12)Редакторы HTML и другие вспомогательные программы Adobe Dreamweaver - html редактор, занимающий лидирующие позиции в своей нише. Огромный выбор всевозможных инструментов, удобный интерфейс, тонкие настройки, позволяющие подогнать программу под нужды веб мастера HtmlReader - бесплатный отечественный редактор html кода. notepad ++ - Бесплатный текстовый редактор, один из лучших вариантов замены стандартного блокнота Windows. Широкая функциональность и гибкие настройки этого редактора позволяют назвать его довольно удобным инструментом редактирования html страниц. SiteEdit Программа SiteEdit создана российской компанией EdgeStile и позиционируется разработчиками как система управления сайтом. В отличие от HomeSite, SiteEdit относится к так называемым визуальным средствам разработки - WYSIWYG-редакторам (от заглавных букв выражения What You See Is What You Get - " что видите, то и получите"). HTML SourceЕще одна Freeware-программа, которая попала к нам в обзор - это HTML Source. Первое, что бросилось в глаза - небольшой размер дистрибутива программы - всего 1, 5 Мб! Это навело на несколько скептические мысли о функциональности программы и ее возможностях. Однако мы были приятно удивлены. Magic HTML StudioСледующей программой, попавшей к нам в обзор, стала Magic HTML Studio, разработанная компанией AG FreeSoft. После запуска программы нашему взору предстала необычная картина - уж больно необычен был дизайн Magic HTML Studio. Microsoft FrontPageMicrosoft FrontPage, входящий в пакет Microsoft Office, является классическим WYSIWYG-редактором, в котором, однако, присутствует возможность ручной правки кода.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.