На главную # Логотип Веб-дизайн студии Step by StepПереходная полоска
Навигация по сайту:
 Новости сайта
 HTML учебник
 HTML статьи
 Архив рассылки
 CSS учебник
 Wallpappers
 Портфолио
 Гостевая книга

Поиск по сайту:

Подпишитесь на рассылку
HTML для начинающих


Content.Mail.Ru
Архив рассылки

Реклама:





 
 Архив рассылки 
HTML #20

HTML для начинающих

# 2 (20)
27 июля 2004г.
Проект веб-дизайн студии "STEP BY STEP"
Количество подписчиков = 4500
Архив рассылки

Здравствуйте уважаемые подписчики!



      Давайте сделаем рассылку более интересной! Выскажите, пожалуйста, свое мнение о рассылке. Что вам нравится? Что не нравится? Что хотели б еще увидеть в рассылке? Что необходимо убрать? Нравяться ли Вам изменения в дизайне рассылки???
Имя:
Фамилия:
E-mail:
Сообщение:
      Все отзывы будут опубликованы в рассылке.

Сергей:
Хотелось бы узнать побольше о сайтостроении: дизайне, скриптам, HTML и многом другом. Поддерживаю развитие данной рассылки.
Спасибо за отзыв, учтем.
Simich:
Добавьте раздел по обмену кнопками/ссылками.
ОК, добавили...

Включите графику!!!


   Довольно остро стоит проблема графики в мире веб-дизайнеров. В Microsoft Internet Explorer'e есть опция, отключающая загрузку изображений для веб-страниц. Как быть, ведь среди всех посетителей Вашего сайта обязательно найдётся вредная личность, которая снимет-таки галочку напротив опции "Show pictures"!? В основе своей дизайнеры либо забывают про эту проблему, либо не считают её достаточно важной...
   ...И вот, однажды эта проблема встала и передо мной. Соорудив чисто графический сайт я решил как-то просмотреть его без картинок. Именно тогда я и решил вплотную заняться этим вопросом.
   Как узнать, грузятся ли картинки? Конечно для этого нужно использовать скриптовый язык на стороне клиента (JavaScript или VBScript). Я выбрал для этой цели JavaScript. После нескольких дней исследований решение было найдено! У объекта IMG есть событие OnLoad. Если графика включена, событие есть, если графика отключена - нет. Его-то я и использовал. Был написан такой код:

 

<html>
<head>
<script language=JavaScript>
<!--

a=0;

function change(){
a=1;
}

function check(){
if (a==1){
document.write('Графика включена');
}
if (a==0){
document.write('Графика отключена');
}
}
//-->
</script>
</head>
<body onload="javascript:check();">
<img src=spacer.gif width=1 height= onload="change();">
</body>
</html>


   Таким образом, переменная "а" инициализируется со значением "0" (графика отключена). При загрузке тестового изображения выполняется функция "change()" и значение переменной меняется на "1". При загрузке всей страницы выполняется функция "check()", которая проверяет значение переменной "а" и в зависимости от её значения выполняет то или иное действие.
   С помощью этого кода можно предупредить пользователя о том, что ему стоит включить графику в настройках браузера или перенаправить его на ту или другую страницу (допустим на версию сайта без графики).

Автор: Игорь Бородихин

Реклама

---------------------------------
Вы хотите, что б Ваша реклама была размещена в рассылке или на сайте. Пишите sweb@ukr.net, все обсудим.
---------------------------------

Немного об index.html

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

   Вот, например, в одном из обзоров я упомянул, что ставить в ссылках «index.html» — это ламерство. Естественно, ламером никому быть не хочется, и некоторые читатели заинтересовались: почему это, собственно, ставить в ссылках «index.html» — это плохо? Объясняю.

    Абсолютно все URL'ы, существующие в интернете, замечательно обходятся без всяких там «index.html» (как и index.htm, default.htm и т.п.). И с индекс.хтмл, и без него результат, который пользователь увидит в окне браузера, будет совершенно одинаковым.

    Поэтому не нужно усложнять и без того длинные адреса страниц. Не нужно подстраховываться, думая: «А вдруг без индекс.хтмл главная страница моего сайта не будет показываться». Не беспокойтесь, все будет в порядке. Сервер сам найдет в каталоге index.html и покажет его содержимое, даже если в ссылке вы укажете, например, www.softlist.ru, а не www.softlist.ru/index.html.

    Кто-то может сказать: «Да ладно, какая разница, что там в ссылке написано? Кликнул один раз — и все, страница загрузилась. Не все ли равно, сколько букв в адресе?»

    Получается, что не все равно. Через полгода (а то и быстрее) ссылки с «индекс.хтмл» расползутся по всему интернету и за его пределы. Пользователи будут ставить закладки, вебмастера различных каталогов ресурсов занесут адрес сайта в свои базы данных, роботы поисковых серверов проиндексируют страницы, журналисты (зачастую далекие от интернета и компьютеров) будут добросовестно переписывать URL'ы в черновики своих будущих статей.

    Как изменится ваш сайт за все это время — никто не знает. Может, вы захотите использовать SSI, и все ваши страницы придется переименовать в *.shtml. Возможно, вы освоите чудный язык программирования PHP, а администратор вашего сервера разрешит использовать его только в страницах *.php или *.phtml. А может быть, ваш сайт переедет к другому провайдеру, у которого установлен Microsoft Internet Information Server, где по страницей по умолчанию является вовсе не index.html, а (о ужас!) какой-нибудь default.asp.

    Короче, все ссылки, в которых встречается «индекс.хтмл» перестанут работать, а ссылки без «index.html» в URL сохранят свою актуальность. Вот, например, адрес этого сайта как был все время http://www.e-notes.ru, так и остался, а имя индексной страницы менялось пару раз. Соответственно все ссылки, которые указывают на http://www.e-notes.ru, работают, а ссылки на http://www.e-notes.ru/index.html приводят читателя на страницу 404 Error.

    URL'ы с index.html на страницах печатных изданий — та еще гадость. Мне так и видится напуганная секретарша, которая прочитала в «Космополитене» о модном интернете и теперь старательно печатает одним пальцем длинные адреса со страниц журнала. Задачка: сколько ошибок она сделает, набирая непонятный и совершенно ненужный «index.html» и во сколько раз уменьшатся ее шансы попасть на нужную страницу?

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


Автор: Станислав Жарков

Клуб друзей (или обмен ссылками :-))


По поводу обмена ссылок и свои предложения пишите sweb@ukr.net, все обсудим.

DHTML. Введение


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

Так что такое Dynamic HTML? DHTML - это набор нововведений в Microsoft Internet Explorer 4.0, которые позволяют автору страницы динамически менять стили, содержание и оформление страницы, создавать интерактивные документы, реагирующие с пользователем в реальном масштабе времени. Короче, DHTML - это красота в Web страницах.

Динамические стили.

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

Каждый объект HTML имеет набор свойств, определяющих его внешний вид. Все они объединены в подмножестве Style. Доступ к этим свойствам можно получить двумя путями: через язык HTML - общепринятый набор описаний для HTML документа, или через несколько других Web-языков - JavaScript, JScript или VBScript. Если учесть, что перые два - практически одно и тоже, то остается, что выбор не так уж и велик. Поскольку язык JScrript является (на мой вкус) самымы легким, а также самым распространенным, далее в этом документе будет употреблен именно он. При этом, так как мы не собираемся вдаваться в дебри программирования на новом незнакомом языке, его изучению здесь не будет придано очень пристального внимания, а только приведены самые элементарные примеры его использования. Если вы уже немного знакомы с этим языком или имеете представление о том, как вставлять в HTML документ объект Script, то можете идти дальше.

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

Сделаем стили динамическими.

Динамический - означает изменение свойcтв в реальном времени, например при совершении какого-либо события. События - это ядро любых современных языков программирования. Следующая строчка, вставленная в стандартное ядро HTML страницы заставляет объект заголовка изменить свой цвет, когда пользователь наведет на него мышь.

<H1 onmouseover="this.style.color='red';">Эта строка покраснеет</H1>

Эта строка покраснеет



Этот простой пример иллюстрирует доступ к свойству color элемента H1. Все действие, собственно, происходит в выражении onmouseover="this.style.color='red'"; Это выражение языка JScript означает, что при происхождении события onmouseover объект, с которым произошло событие (this-это), его множество style и свойство в этом множестве - color должно поменять свое значение на 'red'. (Заметьте, что red пишется в одинарных кавычках. Это значит, что red - символьная строка, а не какая-нибудь переменная)

Чтобы при выходе из зоны объекта, он снова менял свой цвет, например обратно, используйте событие onmouseout.

<H4 onmouseover="this.style.color='red';" onmouseout="this.style.color='black';">
Эта строка динамически изменяет свой цвет
</H4>

Эта строка динамически изменяет свой цвет

 Можете попробовать использовать событие onclick, которое происходит при щелчке мыши на объекте.

Теперь, вы можете реально использовать этот момент, например в ссылках. Добавьте приведенный выше код к объекту <A>.

Установка стиля объекта.

Мы научились динамически изменять стили. Но это еще не самая главная возможность, предоставляемая DHTML. А что, если вам не нравится стандартный стиль оформления страницы, который использует Internet Explorer? Почему ссылки всегда должны иметь синий цвет, а шрифт размер в 16 пикселей? Нельзя ли как-нибудь изменить это? Можно! И нужно! Если вы хотите, чтобы ваши страницы отличались от множеста других, выделялись чем-то необычным и максимально действовали на восприятие их посетителя, используйте нестандартные стили! Но это не значит, что вы должны все свои сообщения писать кислотно желтым цветом, тут уж дело вкуса, главное то, что Dynamic HTML дает возможность использовать свою фантазию, предоставляя богатейший набор возможностей.

Так как же установить нестандартный стиль объекта? Прежде всего через свойство STYLE. Посмотрите:

<H2 STYLE="color: green; cursor: hand">Наведи на меня мышь</H2>

Наведи на меня мышь

Эта строка будет выводить на экран объект <H2> зеленого цвета, причем курсор, при наведении на него будет изменять свой вид на "руку", которая обычно сигнализирует то, что этот объект можно "щелкнуть".

Здесь, объекту были установлены два свойста, подобным образом можно менять все свойства, которые поддерживает объект.Например:

<H2 STYLE="font-size: '20px'; font-weight: bold; cursor: size; background-color: lightgrey">
Это пример использования стилей
</H2>

Это пример использования стилей

Источник: http://www.dweb.ru

Авторам

     Вы хотите, чтобы ваши статьи были опубликованы у нас в рассылке? Если вы считаете, что можете написать о дизайне, скриптам, HTML и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи. Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом. В качестве гонорара Вы получите несколько строк под Вашей статьёй, для рекламы/описания Вашего сайта. Буду рад сотрудничеству.

Влад Деменчук, sweb@ukr.net
Веб-дизайн студия "Шаг за шагом" http://web.pmg17.vn.ua


:: Архив рассылки :: HTML #17 : HTML #18 : HTML #19 : HTML #20 : HTML #21 : HTML #22 : HTML #23 ::
   
Copyright Vlad Demenchuk © 2000-2005
Яндекс цитирования Cтатистика LookUp.ru CATALOG.METKA.RU