Дополнительные возможности HTML и CSS. XML-технологии и их применение презентация
Содержание
- 2. Дизайн стилей с учетом возможностей браузеров <SCRIPT language=JavaScript> var apVersion =
- 3. Размещение аудио- и видеоматериалов на web-странице
- 4. Embed <embed src="mouse.swf" width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>
- 5. Object <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300“> <param name="movie" value="8.swf"> <param
- 6. Object и Embed <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300“> <param name="movie"
- 7. Нестандартные элементы HTML BGSOUND balance loop src volume
- 8. Нестандартные возможности CSS: фильтры IE4 Alpha Blur DropShadow FlipH
- 9. Фильтры (обзорно) <IMG SRC="sample.jpg" style="filter: Blur(Add=1, Direction=135, Strength=10)“
- 10. Фильтры: примеры
- 11. Свойства полосы прокрутки scrollbar-3dlight-color:#CCFF60 scrollbar-arrow-color scrollbar-base-color scrollbar-darkshadow-color scrollbar-face-color scrollbar-highlight-color
- 12. Лабораторная работа Использование фильтров
- 13. XML- EXtensible Markup Language Расширяемый язык разметки <?xml version="1.0" encoding="windows-1251" ?>
- 14. XML и CSS, XML и XSL <?xml version="1.0" encoding="windows-1251" ?> <?xml-stylesheet
- 15. XHTML- EXtensible HyperText Markup Language Расширяемый язык разметки гипертекста Правила XHTML:
- 16. XHTML: пример <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
- 17. От HTML к XHTML Атрибуты checked="checked" compact="compact" disabled="disabled" ismap="ismap" multiple="multiple" nohref="nohref"
- 18. Элементы META
- 19. Описание метаинформации сайта с помощью элемента META content - значение
- 20. META: примеры <meta name="keywords" content="Курсы, компьютерные курсы, обучение, направление обучения,
- 21. Роботы Типы роботов: Индексирующие Проверяющие правильность HTML Проверяющие
- 22. Управление роботами через META теги <meta name="robots" content="[настройки]"> Настройки: Индексирование index(разрешено)
- 23. Файл robots.txt (описание и структура) Должен лежать в корне сервера! Первая
- 24. Файл robots.txt (примеры) #пример файла robots.txt User-agent: WebBot Disallow: /articles User-agent:
- 25. Что закрывать для доступа? Каталог или подкаталоги /cgi-bin/, в которых имеются
- 26. Что дальше?
- 27. Клуб выпускников
- 28. Полезные ссылки
- 29. Итоги При создании дизайна сайта разработчику необходимо учитывать возможности браузеров
- 30. Скачать презентацию
![Управление роботами через META теги
<meta name="robots" content="[настройки]">
Настройки:
Индексирование
index(разрешено)](/documents_3/f18b95390a9fc8d73e185d6b45c9970d/img21.jpg "Управление роботами через META теги
<meta name=\"robots\" content=\"[настройки]\">
Настройки:
Индексирование
index(разрешено)")
Слайды и текст этой презентации
Слайд 1
Описание слайда:
Дополнительные возможности HTML и CSS. XML-технологии и их применение
Слайд 2
Описание слайда:
Дизайн стилей с учетом возможностей браузеров
<SCRIPT language=JavaScript>
var apVersion = "" + navigator.appVersion;
var apName = "" + navigator.appName;
var arrStylesheets = document.getElementsByTagName ('link');
if (apName == 'Netscape') {
arrStylesheets[0].disabled = false;
arrStylesheets[1].disabled = true;
}
</SCRIPT>
...
<link rel="stylesheet" type="text/css" href="ie.css">
<link rel="alternate stylesheet" type="text/css" href="ff.css">
Слайд 3
Описание слайда:
Размещение аудио- и видеоматериалов на web-странице
Слайд 4
Описание слайда:
Embed
<embed
src="mouse.swf"
width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
Слайд 5
Описание слайда:
Object
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300“>
<param name="movie" value="8.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="bgcolor"value="#ffffff">
</object>
Слайд 6
Описание слайда:
Object и Embed
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300“>
<param name="movie" value="8.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="bgcolor"value="#ffffff">
<embed
src="mouse.swf" width="400" height="300«
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
Слайд 7
Описание слайда:
Нестандартные элементы HTML
BGSOUND
balance
loop
src
volume
Слайд 8
Описание слайда:
Нестандартные возможности CSS: фильтры
IE4
Alpha
Blur
DropShadow
FlipH
FlipV
Glow
Invert
Wave
Xray
Слайд 9
Описание слайда:
Фильтры (обзорно)
<IMG SRC="sample.jpg"
style="filter:
Blur(Add=1, Direction=135, Strength=10)“
style="filter:
Alpha(Opacity=100, FinishOpacity=0, Style=1)"
style="filter:
DropShadow(Color=#999999, OffX=3, OffY=3, Positive=1)"
style="filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)
progid:DXImageTransform.Microsoft.Alpha(opacity=50)
progid:DXImageTransform.Microsoft.Blur(strength=10); position: relative">
Слайд 10
Описание слайда:
Фильтры: примеры
Слайд 11
Описание слайда:
Свойства полосы прокрутки
scrollbar-3dlight-color:#CCFF60
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
Слайд 12
Описание слайда:
Лабораторная работа
Использование фильтров
Слайд 13
Описание слайда:
XML- EXtensible Markup Language
Расширяемый язык разметки
<?xml version="1.0" encoding="windows-1251" ?>
<photos>
<photo
url="../images/ettlingen01.jpg"
description="Ettlingen, Germany" />
<photo
url="../images/ettlingen02.jpg"
description="Ettlingen. Городская улица" />
<photo
url="../images/ettlingen03.jpg"
description="Ettlingen. Городское кафе" />
</photos>
Слайд 14
Описание слайда:
XML и CSS, XML и XSL
<?xml version="1.0" encoding="windows-1251" ?>
<?xml-stylesheet type="text/css" href="file.css" ?>
<order>
<item quantity="2">
<category>Книги</category>
<title>Основы HTML и CSS</title>
<price>300</price>
</item>
...
</order>
XSL - расширяемый язык стилевой разметки
<?xml version="1.0" encoding="windows-1251" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
Слайд 15
Описание слайда:
XHTML- EXtensible HyperText Markup Language
Расширяемый язык разметки гипертекста
Правила XHTML:
Все теги и параметры должны быть набраны в нижнем регистре (строчными символами).
Значения любых параметров необходимо заключать в кавычки.
Требуется закрывать все теги, даже такие, которым не сопоставлен закрывающий тег.
Должна соблюдаться правильная вложенность тегов.
Нельзя использовать сокращенные атрибуты тегов.
Вместо параметра name необходимо указывать атрибут id.
Следует определять DTD (document type definition, описание типа документа) с помощью тега <!DOCTYPE>.
Слайд 16
Описание слайда:
XHTML: пример
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<form>
<input type="text" value="Совет дня" readonly="readonly" />
</form>
</body>
</html>
Слайд 17
Описание слайда:
От HTML к XHTML
Атрибуты
checked="checked"
compact="compact"
disabled="disabled"
ismap="ismap"
multiple="multiple"
nohref="nohref"
noresize="noresize"
noshade="noshade"
nowrap="nowrap"
readonly="readonly"
selected="selected"
Слайд 18
Описание слайда:
Элементы META
Слайд 19
Описание слайда:
Описание метаинформации сайта с помощью элемента META
content - значение переменной
name - имя переменной
http-equiv - управление заголовком
url - адрес документа
Слайд 20
Описание слайда:
META: примеры
<meta name="keywords" content="Курсы, компьютерные курсы, обучение, направление обучения, курсы для пользователей, Интернет и Web-технологии, компьютерная графика, проектирование и 3D моделирование, сетевые технологии, информационная безопасность, программирование, базы данных, управление проектами, управление предприятием (ERP), бухгалтерский учет">
<meta name="description" content="Центр компьютерного обучения Специалист при МГТУ им. Н.Э.Баумана - крупнейший в России учебный центр, компьютерные курсы, обучение, курсы, сертифицированные, авторизированные, Microsoft">
<meta name="author" content="Иванов Иван">
<meta name="generator" content="MSHTML 5.00">
Слайд 21
Описание слайда:
Роботы
Типы роботов:
Индексирующие
Проверяющие правильность HTML
Проверяющие правильность ссылок
Мониторинг "нового" на сайте
Зеркалирующие
Слайд 22
Описание слайда:
Управление роботами через META теги
<meta name="robots" content="[настройки]">
Настройки:
Индексирование
index(разрешено)
noindex(запрещено)
Следование по ссылкам
follow(разрешено)
nofollow(запрещено)
Запрещение или разрешение всех настроек:
аll = index,follow
none = noindex,nofollow
<meta name="robots" content="all">
Слайд 23
Описание слайда:
Файл robots.txt (описание и структура)
Должен лежать в корне сервера!
Первая строка в блоке задает название робота, которому предназначен этот блок:
User-agent: <название робота1> [... <название роботаN>]
Строки описывающие запрещенные каталоги или файлы:
Disallow: <путь>
Слайд 24
Описание слайда:
Файл robots.txt (примеры)
#пример файла robots.txt
User-agent: WebBot
Disallow: /articles
User-agent: *
Disallow: /statistic
Disallow: /logs
Disallow: /forum/forum.html
Disallow: /my*
#Закрываем весь сервер для всех роботов
User-agent: *
Disallow: /
Слайд 25
Описание слайда:
Что закрывать для доступа?
Каталог или подкаталоги /cgi-bin/, в которых имеются скрипты сильно замедляющие работу сервера.
Приватные папки пользователей, например /private
Папки с временными файлами /tmp, папки с файлами статистики, отчетов и логов.
Папки с постоянно генерируемыми файлами форумов или чатов.
Любые другие неугодные папки и файлы
Слайд 26
Описание слайда:
Что дальше?
Слайд 27
Описание слайда:
Клуб выпускников
Слайд 28
Описание слайда:
Полезные ссылки
Слайд 29
Описание слайда:
Итоги
При создании дизайна сайта разработчику необходимо учитывать возможности браузеров
HTML и CSS имеют элементы и свойства, которые поддерживаются только определенными браузерами
В XML (как и в HTML) используются элементы, но с произвольными названиями
Формат XML удобен для представления структуированной информации
С помощью XSL - расширяемого языка стилевой разметки - можно не только создать визуальное представление, но и преобразовать XML в любой другой язык
Для хорошего разработчика необходимо знание клиентских (например, javascript) и серверных (например, php) скриптовых языков и технологий
Скачать презентацию на тему Дополнительные возможности HTML и CSS. XML-технологии и их применение можно ниже:
