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

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

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


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

Реклама:





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

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

# 06 (24)
11 декабря 2004г.
Проект веб-дизайн студии "STEP BY STEP"
Количество подписчиков = 5800
Архив рассылки

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

Посетите наш обновленный сайт !

http://web.edu.vn.ua

  •  Раздел "HTML от А до Я" состоит из серии 10-ти уроков, которые помогут вам создавать ваши первые страницы.
  •  В разделе "CSS технологии" рассказывается о построении таблиц каскадных стилей, о их применении.
  •  На базе материалов веб-дизайн студии создана рассылка "HTML для начинающих" (5900 подписчиков), у нас представлен архив этой рассылки с 1-го по 24-й номер.
  •  Раздел "CGI-скрипты" будет полезен начинающим веб-мастерам. Так как там представлены рабочие скрипты, а также их исходники.
  •  Для пользователей, любящих красоту на рабочем столе - рисунки для рабочего стола (Wallpappers) .
  •  В разделе "Портфолио" вы сможете увидеть список работ, выполненных нашей веб-студией.
  •  В разделе "Обмен ссылками" вы можете найти партнеров и обменяться ссылками или оставить информацию о своем сайте.
Задать вопросы или оставить сообщения и пожелания вы можете в гостевой книге Веб-студии.

Этого не должно быть на Вашем сайте!

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

  1. "Анимация" - одна из самых распространенных черт таких сайтов. Огромные анимированные изображения на главной странице, несколько бегущих строк перемещающиеся в 2 разные стороны и при этом резко мигающие вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется.
  2. "Широкие изображения" - большие по формату изображения медленно загружаются, особенно это понятно жителям стран СНГ, где быстрый доступ еще редкость.
  3. "Кнопки" - начинающие веб-строители любят вешать на главную страницу до 10-20 кнопок - счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Подумайте, может что-то из этого бесполезное увеличение обьема графики.
  4. "Длинные тексты" - иногда видишь "сайт" целиком умещающийся в одном большом файле. Большая ошибка! Пользователь не должен прокручивать экран больше чем на 2,5-3 экрана.
  5. "Фон" - классическая ошибка начинающих - это использование цветистых, а зачастую и разных типов фона в пределах сайта. Старайтесь создать единую атмосферу на сайте, и фон не должен выпячиваться вперед, показывая свою важность. Попробуйте использовать классику - черный текст на белом фоне.
  6. "Ошибки" - всегда проверяйте свою орфографию. Ошибки зачастую прокрадываются незаметно и портят все впечатление от сайта.
  7. "Выпадающие окна" - использование pop-up окон является нарушением Нетикета, самой обычной реакцией на появление таких окон при каждом клике на ссылке будет уход с такого сайта.
  8. "Горизонталь" - часто при жестком дизайне (все расстояния указываются в пикселях) появляется горизонтальная полоса прокрутки, если веб-строитель имеет хороший монитор и видео-карту. Обязательно проверьте свой сайт при разрешении 800*600 при 256 цветах.
  9. "Разные шрифты" - при создании сайтов применяйте правило "Не более 5-ти шрифтов на странице" - при этом жирные шрифты считаются за отдельный шрифт, тоже касается и их размера.
  10. . "Under Construction" - самая бесполезная надпись из всех. Если Вы переделываете раздел, лучше убрать ссылки на него. Как правило, на сайтах обьема больше среднего (>50 файлов) целесообразно перейти на использование SSI или вставок на JavaScript'ах. Это позволит Вам быстро менять общие элементы, в частности меню.

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

Удачи в постижении азов искусства!

Источник: 1PS


Релама

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

Навигационные карты

Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов MAP и AREA и представляют собой гиперссылки, офомленные в виде активных областей на изображении. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра USEMAP элемента IMG.


Пример:
<!-- Создаем карту с именем ImageMap: -->
<MAP NAME="ImageMap">
<AREA HREF="something.html" SHAPE="rect" COORDS="0,0,70,140" ALT="Левая половинка">
<AREA HREF="anything.html" SHAPE="rect" COORDS="71,0,140,140" ALT="Правая половинка">
</MAP>
<!-- Создали. -->

<BODY>
<!-- Привинчиваем ее к изображению -->
<IMG src="img/block.gif" USEMAP="#ImageMap" HEIGHT="140" WIDTH="140" BORDER="0">
...


В данном примере мы создали квадратное изображение размером 140x140 пикселов, левая часть которого является ссылкой на файл something.html, а правая - на файл anything.html.

Разберем более подробно MAP и AREA

MAP

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

Параметры:
NAME - единственный и обязательный параметр. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью параметра USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.

Пример:
<!-- Создаем карту Map1 : -->
<MAP NAME="Map1">
   
<!-- Задаем области -->
    <AREA HREF="...>
    <AREA HREF="...>
    ...
</MAP>
<!-- Карта готова -->

AREA

Создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.


Параметры:

SHAPE - определяет форму навигационной области. Возможные значения:

    rect - прямоугольник;
    circle - окружность;
    poly - многоугольник.
В зависимости от выбранной формы меняется способ задания ее координат в параметре COORDS.

COORDS - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:

    SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";
    SHAPE="circle" COORDS="центр x, центр y, радиус";
    SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезевированных имен, подробно описанных в параметре TARGET элемента A.

NOHREF - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру HREF и используется для отмены действия последнего.

ALT - определяет альтернативный текст-подсказку для данной области.


Пример:
<!-- Создаем хитрую карту с круглой дыркой посередине -->
<MAP NAME="map1">
    <AREA NOHREF SHAPE="circle" COORDS="80,70,40">
    <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">
</MAP>
...
<!-- Применяем ее к картинке -->
<IMG src="img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">


Автор: --NAME--


Обмен ссылками

   Если вы хотите обменять с кем-нибудь ссылками, то пишите на мне на e-mail письмо, где будет указанно следующее: Адрес сайта, его посещаемость, Вид обмена (ссылка, баннер (с размеров и др.)), описание сайта, ваш контактный e-mail, и адрес страницы, где будет размещена ссылка. И ещё пожелание, с какой тематикой сайта вы хотели бы иметь дело. На e-mail sweb@ukr.net с темой "Обмен ссылками в рассылку".

Название сайта: GameHacker
Адрес сайта: www.Game-Hacker.h12.ru
Посещаемость: 20-40
Вид обмена: текстовая ссылка, баннер
Описание сайта: Все о взломе и для взлома игр: Статьи, Программы, Утилиты, Форум...
Контактный e-mail: romax@gala.net
Адрес страницы, где будет размещена ссылка: http://www.Game-Hacker.h12.ru/links.htm
С какой тематикой сайта вы хотели бы иметь дело: игры, взлом, софт...

Название сайта: ОТПАД.h10.ru
Адрес сайта: http://otpad.h10.ru/
Посещаемость: 500-2500
Вид обмена: кнопка + текстовая ссылка или просто текстовая ссылка
Описание сайта: SMS приколы, любовные смс, пошлые smsки, Смешные СМС сообщения, SMS признания, Текстовые приколы, Биографии знаменитых людей, Аккорды, Панк Рок, Афоризмы, Стихи, Оружие и его технические характеристики, Разговорник на разных языках для матершинников, Обмен ссылками.
Контактный e-mail: otpad@mail.ru
Адрес страницы, где будет размещена ссылка: http://otpad.h10.ru/links.html
С какой тематикой сайта вы хотели бы иметь дело: практически с любой тематикой, за исключением сайтов с эротическим содержанием. Код текстовой ссылки не должен превышать 500 символов, а код кнопки + текстовой ссылки 1000 символов. Посещаемость сайта не менее 50 хостов в день (не накрученых через САР и др.)!

Авторам

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

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


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