Студопедия

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

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

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






Чертёж последний Позаботимся о тех, у кого «нестандартный» браузер






Мы уже не раз упоминали о том, что, к сожалению, ныне здравствующие браузеры не совсем одинаково, а то и совсем неодинаково отображают странички, на которых используются CSS и Java Script. Сегодня мы попробуем свести к минимуму тот «психологический удар», который может «хватить» нашего посетителя в некоторых случаях.

1. В первую очередь позаботимся о тех, чьи браузеры «не понимают» JS либо в них отключена возможность отображения сценариев JS. Для таких случаев предусмотрен тег < NOSCRIPT>. Открой файл glav.htm и добавь строки:

< BODY>

< NOSCRIPT>

< P style=" font-size: 1cm; color: #ff0000; " >

Извините, но ваш браузер не поддерживает

Java Script, либо такая возможность отключена.

< /NOSCRIPT>

2. Теперь вспомним о счастливых владельцах Opera7 – браузера, который понимает теги < OBJECT> и < EMBED>, но не поддерживает прозрачность, в результате чего наша вазочка с цветами закрывает главное содержимое основной странички. Для них сделаем следующее:

c дадим имя объекту < OBJECT>:

< OBJECT classid=" clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase=" https://download.macromedia.com/pub/shockwave/

cabs/flash/swflash.cab#version=5, 0, 0, 0"

width=900 height=230" id=flash >

...

c запустим при загрузке страницы функцию brows():

< BODY onload=brows() >

c и, конечно же, создадим саму эту функцию:

< SCRIPT language=javascript type=text/javascript>

//в переменной brt будем хранить имя браузера

var brt;

function brows()

//объект navigator хранит информацию о браузере

//его свойство appName выдаёт название браузера

//метод toLowerCase() переводит все символы в нижний регистр

{ var br_type=navigator.appName.toLowerCase();

//метод indexOf('mosilla') возвращает позицию, с которой

// его аргумент входит в строку br_type,

//и если она > =0, значит браузер Netscape Navigator

if (br_type.indexOf('mosilla')> =0) {brt=" nn" }

//в противном случае ищется строка explorer

else { if (br_type.indexOf('explorer')> =0)

{brt=" ie" }

//а если и это не сработало, получаем opera

else {if (br_type.indexOf('opera')> =0)

{brt=" opera" }

}

}

//если браузер оказался opera, делаем объект flash скрытым

if (brt==" opera") {flash.style.visibility=" hidden" }

}

< /SCRIPT>

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

 

Заключение

А теперь – последнее задание. Странички нашего сайта получились разномастными, да это и неудивительно, ведь создавали мы их на разных стадиях обучения, имея различный «багаж» за плечами. И теперь перед тобой стоит, пожалуй, самая трудная задача – решить, а как же всё-таки должен выглядеть твой сайт в целом. Решай и приводи странички к единому стилю.

 

Ну вот мы и завершили экскурсию в мастерскую web-мастера, где довольно основательно познакомились с HTML и CSS, и слегка затронули web-программирование в лице Java Script. Всего этого должно быть достаточно, чтобы создавать сложные, «навороченные» или простые web-странички. Но если тебе показалось мало того, что мы узнали про JS, придётся найти пособие по этому языку и взяться за серьёзное его изучение.

В любом случае удачи тебе в необъятных просторах Интернет.


 






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