ActiveX представляет собой специализированные компоненты, которые являются отдельными программами и приложениями, позволяющими потребителю создавать сайты любого уровня сложности. Элемент ActiveX.com способен встраиваться только в один браузер - Internet Explorer. Если говорить конкретно, то компонент складывается из множества , запустить которые можно только в одном, ранее указанном интернет-обозревателе. Несмотря на то, что большинство современных пользователей Всемирной сети сетуют на медленную загрузку и не самый хороший функционал Explorer, встраиваемые элементы могут предоставить немало преимуществ в работе, ввиду чего необходимо знать, как включить ActiveX.com.

Элементы программы могут запускаться в самом интернет-браузере

Internet Explorer - единственный браузер, который не требует дополнительной инсталляции. Предназначенный для интернет-сёрфинга программный продукт устанавливается на компьютер пользователя совместно с ОС Windows. Его преимущество перед другими типовыми программами заключается в использовании в момент операций файлов, которые «берёт» операционная система. Совместная работа Internet Explorer и Windows исключает ошибки, которые могут возникать в процессе работы других типовых утилит. На самом деле, эта взаимосвязь значительно ускоряет работу веб-обозревателя, при этом минимально нагружая систему .

Прежде чем включить настраиваемый компонент, следует знать, что исключить или исправить ошибки в работе средства помогают определённые файлы, идентичные тем, что использует Internet Explorer 11. Соблюдение этого простого условия обуславливает прямую обработку кодов встраиваемого компонента операционной системой.

Плюсы и минусы внедряемого продукта

Если установить ActiveX.com, пользователь программного продукта получит возможность:

• создавать различные программные приложения на нескольких языках;
• не тратить время на дополнительную установку множества дополнительных приложений, так как компоненты продукта способны запускаться непосредственно в самом веб-обозревателе;
• использовать в работе огромное количество современных компонентов, которые применяют этот фрейм.

Главным недостатком надстройки считается его основное преимущество, так как используемые в процессе обработки кодов программы черпают ресурсы самой ОС. При этом могут появляться различные ошибки, исправить которые безопасным образом получается далеко не всегда.

Прежде чем установить на своём компьютере ActiveX.com, потребитель должен знать, что этот компонент достаточно часто используется хакерами и недобросовестными программистами для создания вирусов с вредоносными кодами.

Инсталляция приложения

Установить компонент в браузере Internet Explorer 11 можно всего за несколько минут. Для этого следует предварительно открыть главное окно веб-обозревателя, найти в перечне вкладок запрос «Сайт». Пользователя уведомят о необходимости дополнительно установить элементы программы. Чтобы надстроить программный продукт, пользователю укажут место, на которое следует впоследствии нажать. Дальше придётся провести несколько простых процедур.

В открытом окне веб-обозревателя нужно найти главное меню, в котором есть слово «Сервис», щёлкнуть по «Свойствам обозревателя». После этого откроется соответствующее окно со свойствами. На вкладке «Безопасность» необходимо нажать клавишу «Другое», расположенную в самом низу перечня.

В открытом перед пользователем окне параметров безопасности будет выведен огромный список с множеством различных действий. В перечне необходимо найти «Элементы ActiveX» и включить их.

Для просмотра всевозможных веб-ресурсов в сети Интернет используются специальные программы, называемые браузерами. Чтобы начать наслаждаться всеми возможностями глобальной паутины, а так же повысить собственную продуктивность работы в сети, давайте познакомимся с основными принципами функционирования браузеров на примере веб-обозревателя Internet Explorer.

Internet Explorer (IE) - это одно из самых известных приложений для серфинга по сети, разработанное компанией Microsoft, и тот факт, что эта программа поставляется вместе с системой Windows, дает ей возможность уже многие годы сохранять высокую популярность среди пользователей.

Текущая и рекомендованная версия этого браузера носит индекс 9 и если у вас до сих пор еще установлена его предыдущая редакция (6, 7 или 8), то настоятельно рекомендуем обновиться. К сожалению, пользователям Windows XP установка IE выше восьмой версии недоступна, и придется довольствоваться устаревшей и не самой надежной версией этого обозревателя.

В четвертом квартале 2012 года, компания Microsoft планирует вывод на рынок своей новой операционной системы Windows 8, где браузером по умолчанию станет Internet Explorer 10, который судя по его бета-версии, практически полностью сохранит пользовательский интерфейс своего предшественника.

Основные элементы управления

Для выполнения практически всех операций в Internet Explorer 9 используется панель, располагающаяся сверху окна программы.

Здесь размещаются основные элементы управления браузером (слева направо):

• Кнопки Назад/Вперед - предназначены для загрузки предыдущей или предшествующей веб-страницы;
• Адресная строка , совмещенная с полем поиска;
• Копка Поиск - открывает окно поискового запроса;
• Кнопка Корректного отображения веб-страниц - позволяет решать проблемы в случае неправильного отображения их содержимого;
• Кнопка Обновить - служит для обновления содержимого окна обозревателя;
• Кнопка Остановить - останавливает загрузку веб-страницы;
• Панель для вкладок просматриваемых интернет-страниц;
• Кнопка Домой - осуществляет переход на стартовую страницу;
• Кнопка Избранное - открывает окно, в котором отображаются списки наиболее полюбившихся интернет-ресурсов, веб-каналов, а так же просмотренных ранее веб-страниц на соответствующих вкладках - Избранное, Веб-каналы и Журнал. Здесь же вы сможете и добавить любой ресурс в избранное с помощью одноименной кнопки, выбрав необходимую папку.
• Кнопка Сервис - вызывает меню со списком дополнительных действий (печать, изменение масштаба и т.д.), а так же настроек обозревателя.

Адресная строка и система поиска

Одним из самых основных и востребованных действий при работе в интернете является поиск необходимой информации и поэтому любой браузер обязательно содержит эту функцию. Средство поиска в Internet Explorer 9, исходя из новомодных тенденций, встроено в умную адресную строку. Ее умность выражается в том, что при вводе адреса сайта или поискового запроса, браузер автоматически начинает предлагать различные возможные варианты, тем самым ускоряя процесс безошибочного набора искомых слов или фраз. При этом обозреватель сам определит, что вы хотите от него - перейти на веб-страницу (сайт) или осуществить поиск.

При вводе поискового запроса, например, слова или какой-либо фразы, начинается процесс поиска с использованием поисковой системы, установленной по умолчанию. При этом в нижней строке выпадающего списка различных предлагаемых вариантов, можно изменить поисковую систему или добавить новую с помощью соответствующей кнопки. Так же обратите внимание на новую кнопку «Переход» со значком стрелки направленной вправо, появляющуюся между кнопками «Поиск» и «Остановить». С ее помощью можно открыть результаты поиска в новой вкладке.

Для удаления ненужных (неиспользуемых) поисковых систем из браузера, а так же изменения порядка отображения значков в поле поиска и вариантов управления, необходимо открыть меню «Сервис» щелчком по одноименной кнопке, выбрать пункт «Надстройки» и в открывшемся окне слева закладку «Службы поиска».

Вкладки

Все современные браузеры для организации работы сразу с несколькими веб-страницами имеют специальные службы вкладок. Таким образом, просматривая какую-либо страницу в сети и решив открыть одновременно другие, вам не придется плодить на рабочем столе все новые и новые окна. Теперь, вновь открываемые веб-страницы, будут отображаться на собственных вкладках в рамках одного окна запущенной программы. Конечно, это не означает, что вы не сможете в случае необходимости открывать нужные вам интернет-страницы в отдельных окнах, но организация просмотра интернет-контента с помощью вкладок удобнее и позволяет более рационально использовать рабочее пространство.

Изначально, в Internet Explorer, панель, где размещаются вкладки, расположена справа от адресной строки. С одной стороны, это несколько увеличивает пространство, в котором отображается содержимое веб-страниц, а с другой, при открытии сразу десятка вкладок, навигация по ним становится неудобной. Чтобы исправить эту ситуацию, щелкните правой кнопкой мыши по любой вкладке и в открывшемся контекстном меню, в самом низу, выберите пункт «Показывать вкладки в отдельной строке». Кстати, там же, вы найдете еще несколько полезных команд для работы с вкладками и их групповой обработки. Если вкладок станет слишком много и они перестанут помещаться на панели, то появятся стрелки их прокруток.

В шапке каждой вкладки отображается логотип посещаемого сайта, название открытой страницы и значок ее закрытия в виде крестика. Справа от открытых вкладок располагается ярлык для открытия новых. Чтобы изменить порядок размещения вкладок, захватите левой кнопкой мыши любую из них и переместите в нужное место. Если захватить вкладку, но, только вытащить ее за пределы панели размещения, она откроется в отдельном окне. Таким же образом вкладки можно перетаскивать из одного окна браузера в другое.

В IE 9 есть и еще одна интересная, и даже уникальная возможность закрепить наиболее востребованную и часто посещаемую веб-страницу на панели задач. Для этого достаточно захватить вкладку или значок сайта из адресной строки левой кнопкой мыши и перетащить вниз рабочего стола. После чего ее открытие становится делом одного клика мыши.

Избранное

У многих пользователей интернета есть свои наиболее полюбившиеся сайты или веб-странички, которые посещаются ими наиболее часто и регулярно. Для более быстрого и удобного доступа к такого рода ресурсам, в Internet Explorer существует средство «Избранное», которое дает возможность сохранять адреса любимых узлов в виде специального списка из ссылок или папок со ссылками.

Все необходимые средства для работы со списком избранного находятся во вкладке «Избранное», которая открывается с помощью нажатия на одноименную кнопку со звездочкой. Здесь вы можете добавить новую ссылку, переместить, переименовать или удалить уже существующие. Так же существует возможность изменить структуру списка избранного.

Чтобы добавить текущую веб-страницу в избранное, достаточно открыть окно «Избранное» и нажать кнопку «Добавить в избранное». Далее, в открывшемся диалоговом окне, выберите папку, в которой вы хотите сохранить ссылку на ресурс из уже существующих, или создайте новую.

Если вы хотите, что бы вкладка «Избранное» все время находилась открытой и была перед глазами, то для этого ее следует закрепить в браузере, нажав кнопку со стрелочкой, размещающуюся в левом верхнем углу окна «Избранное».

В InternetExplorer существует и специальная панель для избранных ресурсов, которая размещается сразу под панелью вкладок. По умолчанию она отключена, а для включения ее отображения следует щелкнуть правой кнопкой мыши на свободном месте шапки окна браузера и в контекстном меню выбрать команду «Панель избранного». Отключение производится таким же образом.

Во вкладке «Избранное» помимо списка ссылок на полюбившиеся ресурсы, размещается и еще одно полезное средство, называемое «Журнал». В нем хранятся ссылки на все веб-страницы, которые вы посещали в течение нескольких недель.

Что бы просмотреть журнал, нажмите на кнопку «Избранное» и далее откройте вкладку «Журнал». Здесь, для удобства, можно упорядочит списки посещенных страниц, например, по дате или по узлу.

Закачка файлов

Многие интернет-ресурсы предоставляют пользователям возможность загрузить на свой компьютер всевозможные файлы, включая фильмы, картинки, музыку, документы и прочий контент. В предыдущих версиях IE, после выбора этого действия, появлялось всплывающее окно, которое в 9-ой версии было заменено на Панель уведомлений, которая возникает внизу окна обозревателя, тем самым не мешая при работе и не загромождая панель задач Windows отдельной закладкой.

На «Панели уведомлений» размещаются несколько команд, при помощи которых необходимо решить, что нужно сделать со скачиваемым файлом:

• Выполнить - запускает загрузку файла на компьютер в папку по умолчанию (как правило, это папка «Загрузки»), а после ее окончания, скаченный файл автоматически запускается.
• Сохранить - просто загружает и сохраняет файл в папке по умолчанию.
• Отмена - отменяет загрузку файла.

Если необходимо самостоятельно выбрать папку для сохранения загружаемого файла, то для этого нажмите на стрелочку рядом с кнопкой «Сохранить» и выберите пункт «Сохранить как».

После начала загрузки файла состав кнопок на панели уведомления измениться.

Теперь с помощью них пользователь в любой момент может приостановить или отменить загрузку файла, а так же просмотреть какие файлы были загружены до этого.

Безопасность

На современных просторах интернета вопросы безопасности и защиты конфиденциальных данных пользователей актуальны как никогда. Именно поэтому любой современный браузер имеет встроенные средства защиты от различных интернет-угроз. В частности InternetExplorerимеет встроенный блокировщик всплывающих окон и настраиваемую систему предупреждений загрузки активного содержимого с посещаемых веб-страниц.

Кроме этого браузер компании Microsoftимеет встроенный антифишинговый фильтр - средство блокировки мошеннических сайтов, использующих оригинальный дизайн настоящих веб-ресурсов (часто сайтов банков или популярных социальных сетей) для кражи логинов, паролей, номеров кредиток и прочих конфиденциальных данных.

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

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

Вообще стоит отметить, что версии InternetExplorerниже девятой, имели довольно серьезные уязвимости и многими специалистами считаются одними из самых небезопасных браузеров. Но в IE 9 система безопасности претерпела серьезные изменения и улучшения, которые призваны сделать серфинг по сети для пользователей более защищенным.

Читайте так же:

Хотя все документы Web и предназначены для всех желающих, просто присоединится к Web и начать их читать нельзя, т.к. Web-документы существуют в виде файлов особого HTML-формата. Нужна программа, которая преобразует документ в нечто, что ваш компьютер может понять и вывести на экран.

Программа, с помощью которой пользователь просматривает Web-страницы, взаимодействует с WWW-серверами и другими ресурсами в Интернете, называется обозревателем или браузером.

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

Кроме программы Internet Explorer существует ряд программ аналогичного назначения, например, Netscape Navigator, Opera и другие, однако, они значительно менее распространены. Программа Internet Explorer входит в комплект поставки программы Windows, что во многом определило ее судьбу, конечно, в совокупности с высоким качеством и собственными идеями.

Возможности программы:

• отображение Web-страниц, выполненных на языке HTML и находящихся как на Web-серверах, так и на локальных дисках,
• возможности навигации в соответствии с концепцией гипертекста,
• ведение журнала просмотренных (посещенных) страниц,
• создание и работа со списком «избранных» страниц,
• автономная работа и обновление Web-страниц по заданному расписанию,
• запрет отображения нежелательного или оскорбительного материала,
• выбор уровня безопасности (защиты от проникновения вирусов, утечки, порчи информации) при работе с различными ресурсами,
• автозаполнение полей форм на Web-страницах,
• изменение размера шрифта и кодировки страниц,
• помощь в поиске информации в сети Internet.

Этот учебник сделан в виде Web-документа, поэтому на экране компьютера он отражается в окне навигатора Internet Explorer. Рассмотрим основные элементы этого окна.

Заголовок окна - стандартный заголовок Windows, в котором, кроме названия программы, отображается еще и название открытой Web-страницы (в данном окне - это "Урок 5. Internet Explorer.").

Под заголовком располагается . С его помощью вы можете выбрать любую команду Internet Explorer.

Ниже меню находится . На этой панели расположены значки, обозначающие различные действия, которые можно выполнить в процессе работы. Выбор команды осуществляется щелчком мыши по соответствующему значку.

Под панелью инструментов расположено поле для ввода адреса страницы, которую вы хотите просмотреть. Местонахождение Web-страницы определяется адресом URL , который позволяет однозначно указать нужный документ, на каком бы сервере сети он ни находился.

Строка состояния предназначена для индикации тех действий, которые в данный момент выполняет программа Internet Explorer. Профессиональная работа с Internet Explorer обязательно включает в себя умение разбираться в надписях, появляющихся на этой строке. В процессе работы с Интернетом в строку состояния периодически выводятся сообщения об адресах источников информации, режиме ожидания, готовности запрошенного документа и ряд других полезных сведений. Подведите курсор к ссылке и посмотрите, как изменится строка состояния, находящаяся внизу.

Принципы работы Internet Explorer

Для того, чтобы упростить просмотр и поиск информационных ресурсов сети Интернет, нужно освоить некоторые основные приемы работы с навигатором Internet Explorer.

Web-страница отображаемая в окне навигатора в данный момент времени называется активной .

Начать просмотр сети Интернет можно с домашней страницы , то есть страницы, появляющейся при запуске Internet Explorer. С домашней страницы можно перейти на другую страницу по ссылке. Чтобы узнать, является ли данный элемент страницы ссылкой, переместите на него указатель мыши. Если это ссылка, то указатель превратится в значок "рука", а в строке состояния появится адрес ресурса, на который указывает данная ссылка. Ссылкой может быть картинка, объемное изображение или выделенный текст. Здесь ссылкой является слово . Щелкните мышкой по этой ссылке, затем вернитесь обратно и продолжите чтение текста.

Чтобы получить какой-либо ресурс из сети Интернет, введите в адресную строку его URL. Например,http://www.ifmo.ru, а затем нажмите кнопку Переход ли клавишу Enter.

Необходимые адреса либо берутся из справочников, либо конструируются пользователем, исходя из понимания структуры адреса и интуиции, либо находятся с помощью специальных средств поиска информации в Интернет. Когда пользователь начнет вводить URL в адресную строку, появится список похожих адресов, из которого можно выбрать нужный адрес. Если адрес ресурса окажется неточным, то Internet Explorer выполнит поиск подходящего адреса среди похожих адресов.

	Чтобы вернуться на последнюю из просмотренных страниц, нажмите на панели инструментов кнопку Назад , а чтобы просмотреть страницу, которую вы просматривали до того, как нажали кнопку Назад, нажмите кнопку Вперед . Можно также раскрыть список нескольких просмотренных ранее страниц. Для этого нажмите небольшую направленную вниз стрелку рядом с кнопкой Назад или Вперед.
	Для того, чтобы выбрать из списка избранных страниц нужную Web-страницу, нажмите кнопку Избранное .
	Нередко может возникнуть задача открыть страницу, которую вы посещали ранее. Ссылки на страницы, которые были открыты в течении последнего периода времени, хранятся в журнале. Для того, чтобы вывести список, просмотренных ранее страниц, и быстро перейти к нужной странице нажмите кнопку Журнал (History) . В журнале также будут перечислены файлы и папки, открытые ранее на данном компьютере с помощью навигатора. Для отображения искомой web-страницы в окне навигатора щелкните указателем мыши по соответствующей ссылке.
	Если ожидание появления страницы занимает много времени, нажмите кнопку Остановить .
	При получении сообщения о невозможности открыть какую-либо Web-страницу или чтобы убедиться, что загружен последний вариант страницы, нажмите кнопку Обновить .
	Кнопка Поиск - открывает панель для поиска нужной информации в Интернет

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

Добавление web-страницы в список избранного.

Для того, чтобы добавить страницу в папку Избранное, перейдите на страницу, которую нужно добавить. В меню Избранное выберите пункт Добавить в избранное и укажите новое название для данной страницы.

По мере увеличения количества избранных страниц их можно упорядочить по папкам с помощью команды Упорядочить избранное. Чтобы впоследствии открыть какую-либо страницу, занесенную в список Избранное, на панели инструментов надо нажать кнопку Избранное и выбрать эту страницу из списка.

Добавить страницу на панель ссылок можно несколькими способами:

• перетащить значок выбранной страницы из адресной строки на панель ссылок;
• перетащить ссылку с web-страницы на панель ссылок;
• перетащить ссылку в папку Ссылки из списка Избранное.

Если панель ссылок отсутствует, откройте меню Вид , выберите команду Панели инструментов и щелкните Ссылки.

Замена домашней страницы.

Домашняя страница - это та страница, которая отображается при каждом запуске обозревателя Internet Explorer. Желательно, чтобы это была та страница, которую пользователь часто просматривает. В качестве домашней страницы можно также выбрать страницу, приспособленную для того, чтобы быстро находить любую необходимую информацию, например, www.rambler.ru.

Для того, чтобы сменить домашнюю страницу нужно выполнить следующие действия:

• перейдите на страницу, которую следует открывать при каждом запуске Internet Explorer.
• Сервис выберите пункт Свойства обозревателя.
• выберите вкладку Общие.
• в группе Домашняя страница нажмите кнопку С текущей.

Для восстановления стандартной домашней страницы воспользуйтесь кнопкой С исходной.

• Файл выберите Сохранить как;
• укажите папку, в которую хотите поместить страницу;
• в поле Имя файла введите соответствующее имя;

Чтобы сохранить все файлы, необходимые для отображения данной страницы, включая рисунки, кадры и таблицы стилей, выберите в поле Тип файла вариант Web-страница, полностью. В этом случае сохранятся вся информация с Web-страницы.

Если требуется сохранить только активную Web-страницу, выберите Web-страница, только HTML. Эта команда приведет к сохранению информации, содержащейся на web-странице, но при этом не сохранятся рисунки, звуковые эффекты и прочие файлы.

Чтобы сохранить только текст, содержащийся на активной web-странице, выберите Только текст. Выбор этого типа файла приведет к сохранению информации, содержащейся на web-странице, в обычном текстовом формате.

Существенно то, что сохраненные страницы можно будет просматривать с помощью навигатора без подключения к Интернет.

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

Можно сохранить как всю страницу полностью, так и отдельную ее часть: текст, изображения или ссылки. Кроме того, можно отпечатать web-страницы для тех людей, у которых нет доступа в Интернет или отсутствует компьютер.

Для сохранение объекта (web-страницы, файла и т.п.), на который указывает ссылка, расположенная на активной странице, наведите на ссылку указатель мыши и щелкните правую кнопку, а затем выберите Сохранить объект как.

Чтобы скопировать текстовую информацию с web-страницы в документ, выделите информацию, которую требуется скопировать, затем в меню Правка выберите команду Копировать.

Результаты работы должны находится в папке:

D:\Ученики\класс\папка с вашей фам.\имя_файла.

1. Просмотрите элементы окна Internet Explorer.
2. Найдите в меню пункт, с помощью которого можно включить или выключить панель инструментов.
3. Откройте страницу компьютер учителя\уроки интернет\примеры сайтов\new\index.html и сделайте эту страницу домашней.
4. Ознакомиться с компонентами Web-страницы. Просматривая страницу, выполняйте следующие действия:
   • для пролистывания страницы использовать полосы прокрутки;
   • для перехода на предыдущую страницу следует нажимать кнопку Назад, а для возврата – кнопку Вперед;
   • если адрес не загружается или загружается долго, то нажать кнопку Остановить и ввести другой адрес;
   • если страница загрузилась частично, то нажать кнопку Обновить (Refresh).

   Просмотрите страницу, пролистывая ее и выбирая ссылки (когда вы выбираете ссылки, адрес в адресной строке автоматически меняется на адрес ссылки).

5. Сохраните информацию со страницы:
   • в формате Web-страница полностью,
   • в формате только html,
   • в виде текста.
6. Сохраните рисунок.
7. Загрузите второе окно Internet Explorer и откройте в нем сохраненные файлы (меню Файл команда Открыть ).
8. Перейдите на домашнюю страницу.
9. Добавьте текущую страницу в избранное.
10. Нажмите кнопку Назад.
11. Вызовите добавленный ресурс из папки Избранное.
12. С помощью кнопки Журнал (History) откройте панель, содержащую ссылки на просмотренные страницы. Просмотрите страницы, которые вы посещали сегодня.

CSS3 – это, наверное, самая горячая тенденция в веб-дизайне на сегодняшний день, которая позволяет дизайнерам встраивать различные элементы и решения в свои проекты посредством простенького CSS и избегая применения несемантической разметки, дополнительных изображений, и сложных элементов javascript.
К несчастью, ни для кого не секрет, что Internet Explorer (даже самые свежие версии) до сих пор большую часть функций, которые включает в себя CSS3 .

Опытные разработчики понимают важность применения CSS3 в своих новых проектах, . Так, чтобы содержимое оставалось доступным даже если браузер не поддерживает CSS3.

Но бывают случаи, когда заказчик настаивает на том, чтобы в проекте присутствовали кросс-браузерные решения, которые бы работали даже в IE6. Для таких случаев мы собрали подборку опций, которыми разработчики могут воспользоваться именно в тех случаях, когда требуется внедрить CSS3, но и тем временем сохранить функциональность в браузерах без поддержки (IE6, 7 и 8).

Opacity (Уровень плотности/Прозрачность)

Нам кажется, что многие разработчики недоумевают, почему Internet Explorer до сих пор не поддерживает эту очень распространенную функцию. Она уже настолько приелась всем, что мы порой забываем о том, что это функция CSS3. Хотя IE и не поддерживает конкретно эту функцию, в нем можно реализовать нечто очень схожее:

Синтаксис

#myElement {
opacity: .4; /* other browsers */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */
}

Вам нужна, по сути, только вторая линия, которая работает во всех трех версиях Internet Explorer. Но если по каким-то причинам вам требуется применить эту функцию только в 8-й версии IE (не в 6 и 7), то вы можете применить только третью строку, которая не работает в более ранних версиях.

Значение прозрачности на конце строчки для каждого браузера работает по тому же принципу, что и значения уровня плотности, от 0 до 100 (правда, значение уровня плотности выставляется двумя цифрами от 0 до 1). Также следует отметить, что значения уровня прозрачности (даже при стандартном способе) будут наследоваться всеми дочерними элементами, так как для них не существует отдельных параметров настроек.

Демонстрация

Побочные эффекты

* Параметры фильтра относятся только к Microsoft, так что ваш код CSS нельзя считать валидным
* Что касается значения уровня прозрачности, то в фильтре для Internet Explorer все дочерние элементы наследуют параметры.

Border-radius (Закругленные углы)

Параметр border-radius (больше распространен как закругленные углы в CSS3) – является еще одной распространенной функцией CSS3. Этот параметр позволяет разработчикам избежать головных болей по поводу позиционирования дополнительных элементов посредством javascript. Но опять же, Microsoft даже тут не хочет сотрудничать, и Internet Explorer не поддерживает эту функцию.

К счастью, существует как минимум одно решение, которое можно применить к разметке IE. из создал под названием , который можно скачать на .

Замечательно то, что установив этот кусочек кода, вам не нужно будет следить за его работой, вам просто нужно указать значения радиуса закругленных углов. Вам просто нужно указать ссылку на CSS-файл, и скрипт автоматически пропарсит ваш CSS на корректное значение радиуса стандартного параметра border-radius.

Синтаксис

Вот так должен выглядеть ваш код:

Box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

Оно работает довольно просто, как показано выше. Хотя, в идеале вы можете применить значение только в CSS для IE, используя тот же селектор в вашем CSS так, чтобы код понимал, откуда брать значение радиуса.

Демонстрация

Так как этот способ требует отдельного файла HTC, вы можете .

Побочные эффекты

* HTC-файл представляет собой 142 линии (оптимизация или GZip-сжатие может поспособствовать)
* Параметр поведения сделает ваш CSS невалидным
* Вашему серверу нужна возможность подгрузки HTC-файла для того, чтобы этот способ работал
* В IE8, возможно, в некоторых случаях возникнут проблемы, если HTC-файл будет принуждать кривой элемент принимать отрицательное значение z-index

Box Shadow (Тень блоков)

Параметр box-shadow – это еще одна CSS3-функция, которая позволяет применить искривленные тени к элементам, которые используют параметры border-radius. IE не поддерживает box-shadow, но существует фильтр, который примерно заменяет эту функцию.

Следует отметить, что параметр box-shadow должен быть , так что, скорее всего, CSS3 в будущем немного будет отличаться от того, какой он есть сейчас.

Синтаксис

Box-shadow {
-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color="#969696", Direction=145, Strength=3);
}

Как показано выше, в дополнение к параметрам WebKit и Mozilla, вы можете применить фильтр тени, который будет работать во всех версиях Internet Explorer.

Демонстрация

Побочные эффекты

* Параметры для фильтра тени IE не совпадают с другими параметрами, так что, для того, чтобы приблизиться к такому эффекту, вам придется покопаться в значениях, чтобы прийти к нужному результату.
* Параметры фильтра не валидны, но и параметры браузеров семейств WebKit и Mozilla тоже, так что вряд ли вы столкнетесь с внешним несоответствием во всех браузерах.

Text Shadow (Тень текста)

Этот метод уже многие годы практикуется как для печатной продукции, так и для веб-дизайна. Что касается стороны веб, тут все выполняется значительно проще, за счет изображений, или дублирования и позиционирования текста. CSS3 позволяет разработчикам с легкостью добавлять тень к тексту при помощи простой функции text-shadow.

К несчастью, с Internet Explorer опять же могут возникнут проблемы, даже если использовать подходящие фильтры. Для решения данной проблемы, разработчик написал , с помощью которого можно применить тень текста в IE.

Синтаксис

Для начала, в вашем CSS нужно выставить значение text-shadow:

Text-shadow {
text-shadow: #aaa 1px 1px 1px;
}

Значения определяют цвет тени, позицию по вертикали и горизонтали, а также уровень размытости.

После того, как вы внедрите библиотеку jQuery в документ, вы можете запустить плагин посредством jQuery:

// include jQuery library in your page
// include link to plugin in your page

$(document).ready(function(){
$(".text-shadow").textShadow();
});

Плагин позволяет вам использовать параметры для замены значений в CSS. Посетите сайт разработчика данного плагина, чтобы ознакомиться с деталями.

Transparent Background Colors (RGBA) (Прозрачные фоновые цвета)

CSS3 предлагает еще один способ внедрения прозрачности, на этот раз посредством альфа канала, который указан в качестве фонового цвета. IE не предоставляет поддержки даного метода, но это можно реализовать другим путем.

Синтаксис

Вот код альфа канала фона для браузеров, совместимых с CSS3:

#rgba p {
background: rgba(98, 135, 167, .4);
}

С кодом CSS, предоставленным выше, фоновый цвет будет установлен в RGB-значениях + опциональное значение «alpha» ".4". Для отображения этого в IE, вы можете воспользоваться соответствующим фильтром для создания градации с теми же значениями начального и конечного цветов, а в поддержку со значением прозрачности. Это должно быть включено только в CSS для IE, который заменит предыдущие параметры.

#rgba p {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#886287a7", endColorstr="#886287a7");
}

Градиент в IE будет выглядеть абсолютно так же, как и в других браузерах, дублируя эффект прозрачности RGBA.

Демонстрация

Первый пример, из представленных ниже, будет работать во всех браузерах, которые поддерживают цвета RGBA. Второй пример будет работать только в IE.

Побочные эффекты

* Параметры фильтра не являются валидным кодом CSS
* В CSS-коде для IE требуется дополнительная строка кода
* Элементу нужна разметка

Примечания: Первоначально мы использовали метод с изображением PNG для достижения данного эффекта, но это работало только в IE7-8, а для IE6 требовался специальный хак. Затем мы попробовали другой метод, и поняли, что он работает лучше. Способ с PNG – это еще один способ, но с ним может возникнуть больше проблем, и у него гораздо больше побочных эффектов.

Multiple Backgrounds (Несколько фонов)

Еще один метод CSS3, который внес огромный вклад в развитие CSS. На данный момент эту функцию не поддерживают только Opera и IE. Но интересно то, что IE, вплоть до версии 5.5, поддерживает встраивание нескольких элементов в один элемент посредством фильтра.

Синтаксис

Вы можете продолжать применять хак для IE6, и увидите что изображение отображается дважды, что вам придется решать посредством добавления параметра background: none, а затем применять фильтр. Следуя тому же принципу, IE позволяет использовать 2 изображения в качестве фона одного элемента.

Для того чтобы применять несколько фоновых изображений в Firefox, Safari и Chrome, используйте следующий код CSS:

#multi-bg {
background: url(images/bg-image-1.gif) center center no-repeat, url(images/bg-image-2.gif) top left repeat;
}

Для того чтобы применить два фоновых изображения к одному элементу в IE, используйте следующее в CSS, предназначенном для IE:

#multi-bg {
background: transparent url(images/bg-image-1.gif) top left repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/bg-image-2.gif", sizingMethod="crop"); /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg-image-2.gif", sizingMethod="crop")"; /* IE8 only */
}

Демонстрация

Блок, представленный ниже, отображает несколько изображений в Chrome, Firefox и Safari (правда, вы ничего не увидите в IE):

Следующий блок отображает несколько изображений в IE6-8 (но в других браузерах вы увидите только одно изображение):

Побочные эффекты

* Ваш код CSS не будет валидным
* Второе изображение применяется посредством параметра фильтра, и будет всегда отображено в левом верхнем углу. Вы не сможете повторить его, так что этот способ не особо гибкий, и может быть применен только в некоторых случаях
* Для того чтобы центрировать элемент (как в других браузерах), вам нужно создать изображение с точным белым промежутком. Таким образом, вы сможете имитировать центрирование (как показано в примере)
* Фильтр AlphaImageLoader вызвать проблемы в работе

Element Rotation (Трансформации CSS) (Вращение элемента)

CSS3 предоставляет несколько функций по трансформации и анимации. Также существуют способы вращения элементов в IE, хотя такое и редко встречается.

Синтаксис

Для того чтобы повернуть элемент на 180 градусов (перевернуть вертикально), требуется следующий код CSS3:

#rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}

Для того чтобы создать такое же вращение в IE, вам придется воспользоваться соответствующим фильтром:

#rotate {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

Значение вращения могут быть 1, 2, 3 или 4. Эти цифры означают 90, 180, 270 или 360 градусов перспективного вращения.

Демонстрации

Элемент, отображенный ниже, отображается в перевернутом состоянии в Internet Explorer , так как он перевернут на 180 градусов посредством параметра фильтра. Для того чтобы продемонстрировать это более наглядно, мы применили 3 пикселя толщины для «нижней» границы, которая теперь отображается вверху элемента.

Побочные эффекты

* Ваш код CSS не будет валидным, хотя это касается также кода браузеров из WebKit и Mozilla
* Браузеры Webkit и Mozilla позволяют вам вращать элементы по конкретному градусу, а фильтр для IE имеет только 4 значения, что значительно сокращает гибкость

Вдобавок: IE позволяет вам вращать элементы с той же гибкостью, как это позволяет CSS3. Сложно объяснить на примере, но CSS3 , примененный в показывает нам, что мы можем пользоваться кодом, совместимым с IE, в случаях с вращением CSS3 .

Заключение

Вероятно, многие разработчики нас возненавидят за эту подборку, так как некоторые клиенты настолько умны, что могут вбить в строку поиска решения для Internet Explorer, а потом тыкать сюда разработчикам. Так что, будьте внимательны относительно того, что вы говорите своим клиентам. Хотя IE и не поддерживает данные функции на самом деле, это еще не означает, что это невозможно.

И запомните, что каждый раз, когда вам нужно переписать исходные параметры CSS для IE, или если вам придется воспользоваться javascript, jQuery или каким-либо HTC-файлом, вам нужно ссылаться на внешние ресурсы. Это гарантирует вам то, что другие браузеры не будут делать лишние и ненужные запросы.

Во многих случаях лучшим решением по отношению к Internet Explorer считается сокращение функциональной части проекта. Мы надеемся, что вышеприведенные решения предоставят вам хоть какие-то возможности в создании кросс-браузерных приложений для требовательных клиентов.

Элементы окна Internet Explorer

MICROSOFT INTERNET EXPLORER

Понятие браузера

Браузер - это программа, представляющая в удобном для восприятия виде информацию, получаемую из Интернета. Это инструмент для просмотра ресурсов Сети и взаимодействия с ними.

Слово «браузер» произошло от английского слова browse, что означает «листать». Это название программа получила за рубежом еще до возникновения системы World Wide Web в то время, когда, кроме текста, просматривать в Сети было нечего, и пользователи «листали» текстовые файлы. Сейчас Интернет предлагает удивительное многообразие информации - текст, графику, анимацию, видео, звук, и все это мы видим и слышим благодаря браузеру.

В мире существует большое количество браузеров, однако известности добились немногие. Кроме наиболее известных Netscape Navigator и Internet Explorer популярностью пользуется программа Opera, разработанная норвежскими программистами. Этот браузер имеет определенное преимущество - он занимает гораздо меньше пространства на диске, но при этом наделен той же функциональностью и своеобразным интерфейсом. Оборотной стороной медали является то, что программа не бесплатна.

Microsoft Internet Explorer является одним из наиболее популярных Web-браузеров. Первоначально он разрабатывался для операционной системы Windows, однако в настоящее время доступны версии этого браузера для большого количества платформ. Microsoft Internet Explorer 6.0 включен в состав дистрибутива Windows XP и автоматически инсталлируется в процессе установки Windows.

Элементы окна Internet Explorer

Для запуска Internet Explorer необходимо выбрать меню Пуск , раздел Программы и щелкнуть по пиктограмме Internet Explorer (см. рис. 1).

Если пиктограмма Internet Explorer (рис. 2) находится на рабочем столе, то вы можете запустить Internet Explorer с ее помощью. Рис. 2

Рис.1. Запуск IE

Управлять работой программы Internet Explorer можно с помощью набора меню, опций, команд и кнопок. Окно Internet Explorer имеет такой вид, как показано на (рис. 3). Элементы управления Internet Explorer можно отображать или скрывать, оставив из всего их многообразия лишь те, которые нужны для работы.

Строка заголовка - верхняя строка окна IE, всегда выводится название текущего документа (или URL, если названия у документа нет).

Строка меню

Более подробную информацию о Строке меню читайте ниже.

Рис. 3. Окно браузера Internet Explorer