Html страница internet explorer

2. Работа с кодом html в Internet Explorer

2.1. Создать в папке Мои документы рабочую папку Web (Фамилия студента). Скопировать вспомогательные файлы из папки, указанной преподавателем в созданную папку. Открыть свойства Internet Explorer. В качестве домашней страницы определить пустую страницу (about:blank). Загрузить Internet Explorer. Просмотреть HTML-код данной страницы: Вид  В виде HTML.

2.2. Открыть файл по адресу, указанному преподавателем. Просмотреть HTML-код данной страницы. Последовательно удалить некоторые теги по мере возрастания их важности. Проконтролировать изменения в документе в соответствии с выполненными действиями. Для этого необходимо сохранить измененный HTML-код: Файл  Сохранить, затем перейти в окно Internet Explorer и обновить страницу. Закрыть Internet Explorer.

3. Разметка текста с помощью html

3.1. Загрузить Internet Explorer. Сохранить Web-страницу about:blank под названием Web страница (Фамилия студента) в созданную ранее папку. Закрыть Internet Explorer. Открыть созданную страницу в Internet Explorer и удалить существующий HTML-код (очистить содержимое текстового редактора Блокнот).

Ввести основные теги Web-страницы: , сохранить код, обновить страницу.

Внутри тега набрать первую часть текста.

Начало текста

__________________________________________________

ОСНОВНЫЕ ПОНЯТИЯ WWW

WWW (Word Wide Web) относится к службе Интернет. Это механизм, который применяет гипертекстовые связи для соединения страниц и ресурсов, составляющих основу web — приложения. Web приложение рассматривают на двух уровнях: уровне сайта как целого и уровне web — страницы. САЙТ ТИПЫ САЙТОВ ЛИЧНЫЕ СТРАНИЦЫ НЕКОММЕРЧЕСКИЕ САЙТЫ КОРПОРАТИВНЫЙ САЙТ КОНТЕНТ САЙТЫ ТОПОЛОГИЯ САЙТА WEB – СЕРВЕР WEB –БРОУЗЕР HTML___________________

Окончание текста.

3.2. Вторую часть текста вставьте из файла, указанного преподавателем.

Начало текта: _______________________________________________________

САЙТ (Site) – это набор из нескольких десятков, сотен или даже тысяч web — страниц (HTML или XML – документов), связанных единой темой, общим оформлением, взаимными гипертекстовыми ссылками. Обычно сайты располагаются в пределах одного домена, хотя отдельные части сайта могут располагаться на нескольких узловых компьютерах, обслуживаться несколькими серверами. Сайт – это информационная единица в отличие от сервера WWW (программа) или от узла сети интернет (компьютер). Принципиальным отличием сайта от других носителей информации является его нелинейность. Это значит, что набор из нескольких страниц, благодаря гипертекстовым ссылкам, не складывается в простую линейную последовательность. ТИПЫ САЙТОВ. Обычно сайты классифицируют по принадлежности владельца, потому что такая классификация хорошо отражает стиль и качество дизайна приложения. Принято выделять четыре типа сайтов: личные страницы, некоммерческие сайты, корпоративные сайты, контент сайты. ЛИЧНЫЕ СТРАНИЦЫ (home page) – это самая массовая и непритязательная категория web сайтов. По традиции их называют страницами, хотя многие из них представляют собой полноразмерные сайты. Большинство из них никакого интереса не представляют. НЕКОММЕРЧЕСКИЕ САЙТЫ – это не столь многочисленная, но более интересная разновидность приложений. Это страницы учебных заведений, университетов, научных центров, объединений, международных или благотворительных организаций. КОРПОРАТИВНЫЙ САЙТ имеет своей главной целью создать у посетителя образ фирмы, запоминающийся и привлекательный. Разумеется, без хорошего дизайна здесь не обойтись. Большинство корпоративных сайтов содержит информацию не только о самой фирме, но и о её продуктах – то есть информацию, которая должна обновляться сравнительно часто и которая иногда нужнее, чем самой фирме. КОНТЕНТ САЙТЫ – самая влиятельная и заметная разновидность интернетовских приложений. К этой категории относятся поисковые системы, сайты новостей, колонки обозревателей, развлекательные и образовательные ресурсы и вообще всё, что может представлять интерес для обширной группы читателей. Особенно вычурный дизайн контентным сайтам не нужен. Рассчитанные на многократные регулярные визиты, такие сайты стремятся свести оформительские элементы к минимуму, чтобы читатели не тратили время на перекачивание графики и чтобы ничто не отвлекало их от того, ради чего они пришли на сайт. ТОПОЛОГИЯ САЙТА. Магистральные связи между страницами сайта всегда складываются в некоторую структуру, отражающую внутренние связи содержания сайта. Принято выделять два основных типа структур: древовидные (иерархические), линейные. Древовидное строение сайта предполагает, что содержимое каждой страницы (кроме первой) входит на правах подраздела в страницу более высокого уровня. Такая структура имеет начало – первая страница, корень дерева и его ветви, но не имеет конца. Вы можете спускаться и подниматься с уровня на уровень и перемещаться по горизонтали пока не исчерпаете всё содержимое. Древовидная структура лучше всего подходит для коллекций достаточно разнообразного или сложного материала – каталогов, сборников, статей или ссылок. Но если материал выстраивается в логическую цепочку – как, к примеру, главы одной книги или последовательные шаги оформления заказа в электронном магазине, целесообразно воспользоваться линейной структурой. Линейная цепочка должна иметь начало и конец. Причём, если войти в эту цепочку не сначала, будет трудно поймать нить изложения. WEB — СЕРВЕР – это программа, работающая на удалённом компьютере, которая предоставляет в ответ на запросы пользователя ту или иную информацию. WEB -БРОУЗЕР – это программа, с помощью которой пользователь запрашивает у web — сервера информацию и просматривает её. Примером такой программы является Microsoft Internet Explorer. Информация на страницах сайта описывается с помощью специального языка HTML (Hyper Text Markup Language), который помимо текста содержит специальные описатели или тэги, используемые для разметки страницы, управления шрифтом, цветом, внедрения в текст графических и других объектов. Документы HTML – могут быть созданы с помощью любого текстового редактора или специализированного HTML – редактора – конвертора. Следует отметить, что все приложения Microsoft Office оснащены такого рода инструментарием, а точнее имеют конверторы для преобразования документов в формат HTML. В данных практических заданиях используется Microsoft FrontPage – довольно мощная программа, которая может быть использована для создания сайтов любого типа.

_____________________________________________________________________________

Источник

HTML 5 в Internet Explorer

Вкратце: как заставить новые теги из HTML 5 работать в Internet Explorer.

Любой веб-разработчик смотря на HTML 5 плачет от счастья, которое наконец-то пришло в наш дом. Для большинства функций (такие как WebGL, многопоточность и веб-сокеты) придётся ждать поддержки от браузеров (а в самых правильных эти возможности уже есть), но новые удобные теги мы можем использовать уже сейчас.

Однако Internet Explorer (даже последней, 8-ой версии) и тут сумел споткнуться — новые теги вне HTML 4 он просто не замечает — на них нельзя повесить стили.

В IE проблем даже две — отдельно нужно включать поддержку HTML 5 тегов в обычном документе, и отдельно в содержимом, которое добавляется динамически (например, через AJAX).

Преимущества

• Короткий DOCTYPE — наконец-то шаблон HTML-документа не нужно будет копировать, а можно просто вбить по памяти:
• Короче запись — вместо можно просто писать .
• Больше семантики — поисковики и браузеры буду знать, где меню ( ), а где само содержимое страницы ( ) и когда она обновилась ( ).

Новые теги HTML 5

• — блок с навигацией или введением. Например, верхняя часть сайта.
• — навигация. Например, меню сайта.
• — вторичная информация, которая часто размещается в боковых панелях.
• — независимая часть содержимого. Например, текст статьи или отдельный комментарий.
• — раздел документа.
• — «подвал», там где часто пишут авторские права и т. п.
• — подпись к картинке или видео.
• — блок заголовков, когда например, заголовок состоит из главного заголовка и подзаголовка.
• — выделение какого-то слова, например, совпадающего с поисковым запросом.
• — вывод программы или результаты вычислений.
• — время. В datetime указывается в формате, удобном для машины. Если стоит свойство pubdate (враги SGML могут писать pubdate=»pubdate» ), то указанное время — время создания документа или ближайшего .

IE как проблема

Сложно сказать, является ли это проблемой или особенностью Internet Explorer, но теги, которые он не знает, он просто не замечает. Конечно, можно сказать, что они нарушают стандарт HTML 4, который поддерживается в IE, но тем не менее, проблемы есть проблемы — даже в самой последней версии IE на новые теги из HTML 5 просто так не повесить стили CSS. В IE 9 это исправят, но у него пока не вышла даже бета-версия.

И как всегда под IE приходиться писать с помощью хаков :). Если создать элемент в JavaScript document.createElement(‘article’) , то IE начинает видеть новый тег.

Однако чуть позже мы встречаемся с другой проблемой. Этот хак не работает с содержимым, которое добавляется через innerHTML , которые любит использовать jQuery. Но и эта проблема обходиться с помощью JS-манипуляций.

Решение

Вначале разберёмся с нормальными браузерами. Само собой у новых тегов не будет каких-то специальных встроенных стилей (как например для ). Они нам особо и не нужны, но не помешает сделать нужные элементы блочными в CSS:
aside, nav, footer, header, section

Код включения HTML 5 тегов в IE уже написан и выложен, так что, чтобы не изобретая велосипед, вставляем в (перед любыми новыми тегами):

Большинство HTML 5 сайтов использует скрипт по этому URL, так что велика вероятность, что он уже окажется в кеше браузера.

Решение innerHTML уже оформлено в виде компактного JS-скрипта. Скачайте его, подключите к своему сайту, и весь добавляемый HTML оборачивайте с функцию innerShiv(html5) .

Пример для jQuery:
$(‘#example’).append(innerShiv(«

jQuery

«))

Пример на чистом JS:
var s = document.createElement(‘section’);
s.appendChild(innerShiv(«

&ltPlain JS

«));
document.getElementById(‘example’).appendChild(s);

Для записи $(html5).appendTo(‘#example’) , нужно в innerShiv вторым аргументов передавать false , чтобы она возвращала результат в нужном для jQuery формате:
$(innerShiv(html5, false)).appendTo(‘#example’)

Но я просто сделал себе функцию $5 , заодно убрав лишний код для нормальных браузеров:

if (jQuery.browser.msie) < window.$5 = function(html5) < return jQuery(innerShiv(html5, false)) >> else < window.$5 = function(html5) < return jQuery(html5) >>

И пишу:
$5(html5).appendTo(‘#example’)

Источник