Лабораторная работа 5 (LAB5 Захаров А.Е.)

Посмотреть архив целиком

МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ (ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ)

ИНСТИТУТ АВТОМАТИКИ И ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ

КАФЕДРА ПРИКЛАДНОЙ МАТЕМАТИКИ






Лабораторная работа № 5.

Разработка страниц,

соответствующих стандарту XHTML 1.1.



Выполнил

студент группы А-13-08

каф. Прикладной Математики

Захаров Антон


Преподаватель

Куриленко Иван Евгеньевич













Москва, 2012

Цель работы

Научиться разрабатывать WEB-страницы, совместимые со стандартом XHTML 1.1.


Подготовка к работе

  1. Ознакомиться с стандартом XHTML

  2. Ознакомиться с различиями HTML и XHTML


Порядок выполнения работы

  1. Привести разработанные в рамках лабораторных работ №3-4 страницы в соответствие со стандартом XHTML 1.1.

  2. Осуществить проверку страниц с помощью валидатора XHTML, встроенного в Visual Studio.

  3. Осуществить проверку страниц с помощью валидатора XHTML, предоставляемого консорциумом W3C.

  4. Встроить на страницы значок XHTML-совместимости.


Требования

  1. Наличие печатного отчёта с титульным листом, содержащего результаты работы.

  2. Соответствие страниц лабораторным работам №3 и №4.

  3. Соответствие страниц стандарту XHTML 1.1.

  4. Наличие отчёта валидатора XHTML, содержащего результаты проверки страниц на соответствие стандарту XHTML 1.1.

Подготовка к работе.


  1. Знакомство со стандартом XHTML.


Определение

XHTML (Extensible Hypertext Markup Language — расширяемый язык разметки гипертекста) — семейство языков разметки веб-страниц на основе XML, повторяющих и расширяющих возможности HTML 4. Спецификации XHTML 1.0 и XHTML 1.1 являются рекомендациями консорциума Всемирной паутины.


Версии XHTML:

  • XHTML 1.0.
    Спецификация XHTML 1.0 одобрена в качестве рекомендации консорциума Всемирной паутины 26 января 2000 года. 1 августа 2002 года была опубликована вторая редакция спецификации.
    XHTML 1.0 определяет три типа документов (по аналогии с HTML 4):

    • XHTML-1.0-Strict: тип, исключающий использование всех элементов и атрибутов, задающих графическое отображение (например, элемент font или атрибут bgcolor). Это наиболее предпочтительный тип документов.

    • XHTML-1.0-Transitional: тип, допускающий использование элементов и атрибутов, задающих графическое отображение. Указанные элементы рекомендуется использовать только при необходимости, например, для облегчения миграции документов c HTML 3.2 на XHTML.

    • XHTML-1.0-Frameset: тип, добавляющий к возможностям XHTML-1.0-Transitional использование фреймов.

  • XHTML 1.1

    • XHTML 1.1 Module-based: авторы могут импортировать дополнительные свойства в их разметку.

  • XHTML Basic и XHTML MP

    • XHTML Основной (Basic): специальная облегчённая версия XHTML для устройств, которые не могут использовать полный набор элементов XHTML – в основном используется в миниатюрных устройствах, таких как мобильные телефоны. Подразумевается, что он заменит WML и C-HTML.

    • XHTML мобильного профиля (Mobile Profile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов.

  • XHTML 2.0 является последней версией XHTML. Эта версия не достигла статуса рекомендации: деятельность рабочей группы XHTML 2.0 была прекращена в конце 2010 года, а все ресурсы перенесены в рабочую группу HTML 5. Достигнутые результаты работы над XHTML 2.0 были опубликованы 16 декабря 2010 года в виде отчёта рабочей группы.


  1. Различия HTML и XHTML.


Преимущество XHTML в том, что анализ документа XHTML проще и быстрее из-за использования строгих правил синтаксиса, обработка XHTML возможна даже на мобильных телефонах с небольшими ресурсами.


Основные правила XHTML:

  • Все элементы разметки (теги) должны быть закрыты (например:

    ). Одиночные теги, такие как
    , , должны иметь “/” в конце, например
    .

  • Должна соблюдаться корректная вложенность элементов (тегов).

  • Имена элементов и атрибутов должны быть в нижнем регистре, например ”” вместо ””.

  • Символы «<» и «&» везде, даже в URL, должны заменяться на «<» и «&» соответственно. Консорциум W3C рекомендует браузерам не обрабатывать XHTML документы, встретив эти символы, а сообщать об ошибке.

  • Все значения атрибутов элементов должны заключаться в двойные или одинарные кавычки (например: 50 /> или ).




Выполнение работы.


В данной лабораторной работе был модифицирован сайт, разработанный в лабораторных работах № 3 – 4. Исходный html страниц был изменён для соответствия стандарту XHTML 1.1. На страницы сайта были добавлены значки XHTML-совместимости.


Сайт доступен по адресу: http://a1308.ru/tmp/vmss/lab5


Результат проверки главной страницы сайта

с помощью валидатора XHTML от консорциума W3C


Результат проверки главной страницы сайта

с помощью валидатора, встроенного в MS Visual Studio 2008

Главная страница.



HTML [index.html]


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Лабораторная работа 5title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta content="вмсс, лабораторная, МЭИ, прикладная математика, А-13-08" name="keywords" />

<base href="http://a1308.ru/tmp/vmss/lab5/" />

<link href="css/common.css" media="all" rel="stylesheet" type="text/css" />

head>

<body>

<ul id="menu">

<li><a href="about.html">Обо мнеa>li>

<li><a href="bachelor.html">Бакалаврская работаa>li>

<li><a href="formula.xhtml">Формулаa>li>

<li class="valid">

<a href="http://validator.w3.org/check?uri=referer">

<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" />

a>

li>

ul>

<p class="info">

Преподаватель: <span>Куриленко Иван Евгеньевичspan>

<br />

Выполнил: <span>Захаров Антонspan>p>

<div id="content">

<div class="title">

<span>Вычислительные машины, системы и сетиspan>

<div>Лабораторная работа № 5div>

div>

div>

body>

html>




Обо мне.



HTML [about.html]


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Обо мне / Лабораторная работа 5title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta content="вмсс, лабораторная, МЭИ, прикладная математика" name="keywords" />

<base href="http://a1308.ru/tmp/vmss/lab5/" />

<link href="css/common.css" media="all" rel="stylesheet" type="text/css" />

head>

<body>

<ul id="menu">

<li class="current"><a href="about.html">Обо мнеa>li>

<li><a href="bachelor.html">Бакалаврская работаa>li>

<li><a href="formula.xhtml">Формулаa>li>

<li class="valid">

<a href="http://validator.w3.org/check?uri=referer">

<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" />

a>

li>

ul>

<p class="info">

Преподаватель: <span>Куриленко Иван Евгеньевичspan>

<br />

Выполнил: <span>Захаров Антонspan>p>

<div id="content">

<div class="page-title">Давайте знакомиться!div>

<p>Меня зовут Антон.p>

<p>Я родился в Москве, но всю жизнь живу в небольшом городе Реутове, в очень большой семье.p>

<p>Первые 9 классов учился в школе № 3 города Реутов, причём первой учительницей была моя старшая сестра. Несколько лет параллельно изучал английский язык на спецкурсах школы «Лингва». Последние полгода ходил на подготовительные курсы в лицей при МЭИ на физику и математику. В итоге, школу закончил на все пятёрки.p>

<p>Затем сдал экзамены и поступил в лицей № 1502 при МЭИ. Уже в тот момент решил интересоваться программированием и без труда попал в класс с углублённым изучением информатики. Там два года (10 и 11 классы) изучал Pascal и Delphi. Помимо отличной подготовки к институту, лицей дал мне массу незабываемых моментов. Чего только стоят поездка в «Киржач» и выпускной с арендованным на всю ночь боулинг-клубом!p>

<p>Но лицей закончился, и в 2007 году я поступил в Московский Энергетический Институт на кафедру Прикладной математики АВТИ в группу А-13-07. Не знаю, что со мной произошло, но учиться я стал очень плохо: пропускал занятия, уходил с коллоквиумов через 5 минут после начала и вообще вёл развратный образ жизни. Как следствие, был отчислен. Слава богу, побегав с родителями по институту, удалось выпросить академический отпуск.p>

<p>Полгода надо было чем-то заниматься, и я устроился на работу курьером в «Лукойл Информ», большое здание на Сретенском бульваре. Восстановившись в институте, начал своё обучение в группе А-13-08 буквально с чистого листа, старался ходить на все занятия, сидеть на первой парте и всё записывать. Бывшие однокурсники, меня просто не узнавали и не верили, что за полгода можно так сильно поменять своё отношение к учёбе. Как итог, учусь в А-13-08 до сих пор.p>

<p>Несколько слов о моих увлечениях. За 21 год своей жизни успел попробовать несколько видов спорта: прыжки с парашютом, страйкбол, кикбоксинг и тяжёлую атлетику. Последние два года интересуюсь web-программированием: администрирую сайт группы, потихоньку пишу свой стартап и готовлюсь к экзамену на Zend Certified Engineer.p>

div>

body>

html>





Бакалаврская работа.



HTML [bachelor.html]


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Бакалаврская работа / Лабораторная работа 5title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta content="вмсс, лабораторная, МЭИ, прикладная математика" name="keywords" />

<base href="http://a1308.ru/tmp/vmss/lab5/" />

<link href="css/common.css" media="all" rel="stylesheet" type="text/css" />

head>

<body>

<ul id="menu">

<li><a href="about.html">Обо мнеa>li>

<li class="current"><a href="bachelor.html">Бакалаврская работаa>li>

<li><a href="formula.xhtml">Формулаa>li>

<li class="valid">

<a href="http://validator.w3.org/check?uri=referer">

<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" />

a>

li>

ul>

<p class="info">

Преподаватель: <span>Куриленко Иван Евгеньевичspan>

<br />

Выполнил: <span>Захаров Антонspan>

p>

<div id="content" class="slides">

<p>Несколько слайдов из презентации (неофициальная версия) к бакалаврской работе по направлению "web-программирование" для общего ознакомления:p>

<img src="images/1.jpg" alt="Слайд 1" />

<img src="images/2.jpg" alt="Слайд 2" />

<img src="images/3.jpg" alt="Слайд 3" />

<img src="images/4.jpg" alt="Слайд 4" />

<img src="images/5.jpg" alt="Слайд 5" />

<img src="images/6.jpg" alt="Слайд 6" />

<img src="images/7.jpg" alt="Слайд 7" />

<img src="images/8.jpg" alt="Слайд 8" />

div>

body>

html>

Формула.



Выражение MathML корректно отображается только в последних браузерах Opera и FireFox. Для Internet Explorer нужно установить плагин MathPlayer.


HTML [formula.xhtml]


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Формула / Лабораторная работа 5title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta content="формула, вмсс, лабораторная, МЭИ" name="keywords" />

<base href="http://a1308.ru/tmp/vmss/lab5/" />

<link href="css/common.css" media="all" rel="stylesheet" type="text/css" />

head>

<body>

<ul id="menu">

<li><a href="about.html">Обо мнеa>li>

<li><a href="bachelor.html">Бакалаврская работаa>li>

<li class="current"><a href="formula.xhtml">Формулаa>li>

<li class="valid">

<a href="http://validator.w3.org/check?uri=referer">

<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" />

a>

li>

ul>

<p class="info">

Преподаватель: <span>Куриленко Иван Евгеньевичspan>

<br />

Выполнил: <span>Захаров Антонspan>p>

<div id="content">

<div class="page-title">

<math xmlns="http://www.w3.org/1998/Math/MathML">

<mi>fmi>

<mfenced separators="|">

<mrow>

<mi>xmi>

mrow>

mfenced>

<mo>=mo>

<msub>

<mrow>

<mi>ami>

mrow>

<mrow>

<mn>0mn>

mrow>

msub>

<mo>+mo>

<mrow>

<munderover>

<mo stretchy="false">mo>

<mrow><mi>nmi><mo>=mo><mn>1mn>mrow>

<mrow><mi>mi>mrow>

munderover>

<mrow>

<mfenced separators="|">

<mrow>

<msub>

<mrow><mi>ami>mrow>

<mrow><mi>nmi>mrow>

msub>

<mrow>

<mrow>

<mi mathvariant="normal">cosmi>

mrow>

<mrow>

<mfrac>

<mrow>

<mi>nmi>

<mi>πmi>

<mi>xmi>

mrow>

<mrow>

<mi>Lmi>

mrow>

mfrac>

mrow>

mrow>

<mo>+mo>

<msub>

<mrow><mi>bmi>mrow>

<mrow><mi>nmi>mrow>

msub>

<mrow>

<mrow>

<mi mathvariant="normal">sinmi>

mrow>

<mrow>

<mfrac>

<mrow><mi>nmi><mi>πmi><mi>xmi>mrow>

<mrow><mi>Lmi>mrow>

mfrac>

mrow>

mrow>

mrow>

mfenced>

mrow>

mrow>

math>

div>

div>

body>

html>


Используемые источники.


  1. Теги XHTML

[http://htmlbook.ru]


  1. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство, 6_е издание. – Пер. с англ. – СПб: Символ_Плюс, 2008. – 752 с., ил.


  1. HTML-валидатор W3C

[http://validatory.ru/blog/post/html-validator-w3c/]



  1. XHTML

[http://ru.wikipedia.org/wiki/XHTML]


Случайные файлы

Файл
94846.rtf
65354.rtf
87652.rtf
139105.rtf
184400.doc




Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.