|
Навигация по сайту: |
|
|
|
|
|
|
|
Подпишитесь на рассылку
HTML для начинающих
|
|
|
|
|
|
|
|
HTML для начинающих
|
|
Здравствуйте уважаемые подписчики!
|
- Раздел
"HTML от А до Я" состоит из серии 10-ти уроков, которые помогут вам создавать ваши первые страницы.
- В разделе
"CSS технологии" рассказывается о построении таблиц каскадных стилей,
о их применении.
- На базе материалов веб-дизайн студии создана рассылка "HTML для начинающих" (5900 подписчиков),
у нас представлен
архив этой рассылки с 1-го по 24-й номер.
- Раздел
"CGI-скрипты" будет полезен начинающим веб-мастерам. Так как там представлены рабочие скрипты, а также их исходники.
- Для пользователей, любящих красоту на рабочем столе - рисунки для рабочего стола
(Wallpappers) .
- В разделе "Портфолио" вы сможете увидеть список работ, выполненных нашей веб-студией.
- В разделе "Обмен ссылками" вы можете найти партнеров и обменяться ссылками или оставить информацию о своем сайте.
Задать вопросы или оставить сообщения и пожелания вы можете в гостевой книге Веб-студии.
|
|
Этого не должно быть на Вашем
сайте!
|
Обладая некоторым опытом серфинга по Сети, можно легко научиться
распознавать сайты сделанные начинающими веб-строителями. Общие
элементы присущи многим таким сайтам, вот именно о них я и хотел бы
поговорить сегодня.
- "Анимация" - одна из самых распространенных черт таких сайтов.
Огромные анимированные изображения на главной странице, несколько
бегущих строк перемещающиеся в 2 разные стороны и при этом резко
мигающие вызывают мгновенный уход посетителя с такого сайта. Можно
быть уверенным, что он не вернется.
- "Широкие изображения" - большие по формату изображения
медленно загружаются, особенно это понятно жителям стран СНГ, где
быстрый доступ еще редкость.
- "Кнопки" - начинающие веб-строители любят вешать на главную
страницу до 10-20 кнопок - счетчики, топы, эмблемы каталогов,
ссылки на дружественные сайты. Подумайте, может что-то из этого
бесполезное увеличение обьема графики.
- "Длинные тексты" - иногда видишь "сайт" целиком умещающийся в
одном большом файле. Большая ошибка! Пользователь не должен
прокручивать экран больше чем на 2,5-3 экрана.
- "Фон" - классическая ошибка начинающих - это использование
цветистых, а зачастую и разных типов фона в пределах сайта.
Старайтесь создать единую атмосферу на сайте, и фон не должен
выпячиваться вперед, показывая свою важность. Попробуйте
использовать классику - черный текст на белом фоне.
- "Ошибки" - всегда проверяйте свою орфографию. Ошибки зачастую
прокрадываются незаметно и портят все впечатление от сайта.
- "Выпадающие окна" - использование pop-up окон является
нарушением Нетикета, самой обычной реакцией на появление таких
окон при каждом клике на ссылке будет уход с такого сайта.
- "Горизонталь" - часто при жестком дизайне (все расстояния
указываются в пикселях) появляется горизонтальная полоса
прокрутки, если веб-строитель имеет хороший монитор и видео-карту.
Обязательно проверьте свой сайт при разрешении 800*600 при 256
цветах.
- "Разные шрифты" - при создании сайтов применяйте правило "Не
более 5-ти шрифтов на странице" - при этом жирные шрифты считаются
за отдельный шрифт, тоже касается и их размера.
- . "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 :: |
|