Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Библиотека Вебстроительства - новости, статьи, обзоры


Информационный Канал Subscribe.Ru

лого сайта www.i2r.ru

Библиотека i2r.ru - новости сайтостроительства

Доброго Вам времени суток, уважаемые подписчики!
::: в ы п у с к    47 :::27 cентября 2002г.

Как обычно представляем вам ряд новостийных сообщений и материалов из мира веб-дизайна и сайтостроительства.



Н O B O C T И

:: Flash’а можно больше не бояться?
Поисковик FAST объявил о запуске обновленной версии своего программного обеспечения, которое индексирует ссылки и текстовое содержание в формате flash. ...>>

:: Реклама в почтовых рассылках становится все популярнее
Около 90% компаний, в настоящее время пользующихся услугами рассылки рекламы по электронной почте, планируют увеличить расходы на такие рекламные кампании в ближайшие 12 месяцев. ...>>

:: "Бегун" открыл партнерскую программу для веб-мастеров
Рекламный сервис "Бегун" объявил о запуске партнерской программы, принять участие в которой может каждый веб-мастер. ...>>

:: Zoomifyer Flash масштабирует картинки во Flash
Zoomifyer Flash - инструментарий класса клиент/сервер, позволяющий пользователям изменять масштабы изображений в веб. ...>>

:: Программа "Филин"
Программа предназначена в помощь тем, кому часто приходится заполнять различные формы в интернет. ...>>

:: Программа Tools Manager 1.0 beta
У Вас не хватает денег на большой монитор? Вам искренне надоело передвигать постоянно мешающие взору палитры инструментов в Adobe Photoshop? Тогда Tools Manager - программа для Вас! ...>>

:: На "Открытых дизайнерских дуэлях" найдут лучшего дизайнера Белоруссии
Студия веб-дизайна Pixelhead объявляет о старте 1-го Белорусского Конкурса "Открытые Дизайнерские Дуэли - это национальный конкурс начинающих дизайнеров, работающих с компьютерной графикой и Flash. ...>>

:: В Интернете разместили стикеры
В рамках первого этапа кампании баннеры Transcom были размещены на портале Rambler, сайтах о рекламе Sostav.Ru, RWR.Ru и Outdoor.Ru, а так же в баннерообменной сети AdvertOn. ...>>

:: Фабрика грез [Программа 3D Flash Animator]
Программа 3D Flash Animator дает вам все необходимое для создания своих собственных мультиков, игр, демо-роликов и др. ...>>



С Т A T Ь И

:: Как напустить туману... [Adobe PhotoShop]
Техническое исполнение тумана имеет массу возможностей и вариантов в зависимости от того, какой туман вам нужен. В материале рассматривается исполнение этого эффекта с использованием инструментов Adobe PhotoShop ...>>

:: Собственные теги в MSIE [html]
Замечательная возможность создавать свои собственные теги имеется в браузере MSIE 5+. Например, вы можете создать тег , который будет являться описанием. Отображение тега в браузере задается в помощью стилей. ...>>

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

:: Критерии выбора баннерной сети [баннерные сети]
В материале рассматриваются наиболее важные из критериев выбора оптимальной и наиболее выгодной во всех отношениях системы баннерных показов ...>>

:: Работа с фоном: теория [css]
Фон присутствует везде: цвет фона надо прописывать для элемента BODY, фоновые изображения часто применяются в навигационных панелях (руки бы таким дизайнерам пооборвать), фоном делаются цветовые выделения заголовков и т.д. Короче, если с фоном не умеете обращаться, то тяжело вам придется… ...>>

:: Настройка ssi и страниц ошибок [web-программирование]
Эта статья посвещена тому как надо правильно использовать технологию ssi, чтоб в дальнейшем у вас не возникали вопросы и ошибки в работе; так же рассматривается, как можно сделать свои страницы ошибок. ...>>



С Т A T Ь Я   В Ы П У С К А

Работа с фоном: теория

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

Древние реликты (HTML)

Для начала взглянем на фон с точки зрения HTML. Точка зрения, надо сказать, не самая лучшая, но будем соблюдать хронологию. Итак, для работы с фоном у нас имеется два атрибута:

  1. BGCOLOR - задает фоновый цвет элемента. Присутствует у элементов BODY, TABLE, TR, TH и TD. В спецификации HTML 4.01 помечен как нежелательный для использования;
  2. BACKGROUND - задает фоновое изображение для элемента. Согласно спецификации HTML 4.01 присутствует только у элемента BODY и помечен как нежелательный для использования, однако браузеры поддерживают данный атрибут для элементов TABLE и TD.

Естественно, набор крайне ограничен и морально устарел года два назад. Но страшно сказать, какой процент кодеров пользуется только этими двумя атрибутами! Я догадываюсь, чем это вызвано. Хороший кодер достаточно ленив по своей природе, так что из этой лени должна логичным образом вытекать оптимизация труда и сокращение времени на кодирование. То есть надо быть в курсе всех нововведений, которые это самое кодирование облегчают. Плохой кодер ленью не наделен, по этой причине он упорно использует устаревшие (но проверенные) методы, трудолюбиво прописывая теги и FONT по 6 часов в сутки (два часа остается на таблицы :). Очевидно, плохих кодеров гораздо больше, чем хороших, поэтому использование морально устаревших методов в вебе дело привычное.

Надеюсь, лень входит в число ваших достоинств, так что освоение нижеизложенного материала сократит время, которое вы проводите за кодированием, а времени на самообразование и Quake (Counter Strike, StarCraft, HMM 4 - нужное подчеркнуть) останется больше.

Альтернатива новой эры (CSS)

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

background-color

Задает цвет фона элемента. Главное отличие этого свойства от атрибута BGCOLOR в том, что с его помощью можно задать фоновый цвет для любого элемента. На первый взгляд, преимущество незначительное, однако после конкретного примера все становится на свои места. Допустим, нам надо сделать блок, в котором будет серый фон. С помощью HTML в таком случае без таблицы не обойтись, а вот с помощью CSS можно повесить стиль на элемент P, к примеру. Экономия кода налицо!

HTML (101 знак) CSS (79 знаков)
<TABLE><TR><TD BGCOLOR=#666666>
<FONT COLOR=#FFFFFF>Белый текст на сером фоне</FONT>
</TD></TR></TABLE>
P {
background-color: #666; color: #FFF}
. . .
<P>Белый текст на сером фоне</P>

background-image

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

HTML (112 знаков) CSS (89 знаков)
<TABLE><TR><TD BACKGROUND=img/bg.gif>
<FONT COLOR=#FFFFFF>Белый текст на фоновом рисунке</FONT>
</TD></TR></TABLE>
P {
background-image: url(img/bg.gif); color: #FFF}
. . .
<P>Белый текст на фоновом рисунке</P>

background-repeat

Если задано фоновое изображение, то определяет, будет ли повторяться это фоновое изображение и, если будет, то каким образом.

Значения:

  • repeat: изображение повторяется по горизонтали и по вертикали
  • repeat-x: изображение повторяется только по горизонтали
  • repeat-y: изображение повторяется только по вертикали
  • no-repeat: изображение не повторяется

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

Часто кодеры поступают следующим образом. Если надо, скажем, чтобы изображение не повторялось вообще, то делают рисунок таких размеров, чтобы его повторение не было заметно на любых мониторах. Это примерно 1600ґ1200 пикселей. Сами понимаете, что решение это корявое (увеличивается вес рисунка), но единственно возможное средствами HTML. С помощью CSS проблема решатся изящно и легко.

BODY {
background-image: url(img/bg.gif);
background-repeat: no-repeat}
. . .
<BODY>Содержимое страницы на фоновом неповторяющемся рисунке</BODY>

Продолжение статьи читайте здесь ...>>>
Михаил Дубаков
Источник: Web-анатомия



Ф О Р У М Ы [горячие темы]

:: Richard Burns : Расскажите как можно подробней пожалуйста о создании гостевой книги
Subj ...>>>
В каком объеме нужна вам информация? Откуда начинать рассказывать? с *13года? С лекции о серверных скриптах и базах данных? С использованием каких серверных скриптов вы планируете писать гостевую? Какие сервисы вы собираетесь включить в ваш проект? Необходимо ли вам администрирование гостевой книги (редактирование, удаление)...>>>
:: neMO : HTML-редактор
Где скачать HTML-редактор Homesite?! Оставьте линк...Плз! ...>>>



У Л Ы Б Н И Т Е С Ь ! :-))

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

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


Xочу напомнить вам, что если вы прочитали анонс, но по каким-то причинам (ввиду отсутствия http-доступа к Internet) не можете прочесть статью или новость полностью - напишите письмо на адрес tatyana@esd.kharkov.ua, мы вышлем вам текст на вашу электронную почту.

На этом выпуск заканчивается. В следующем номере обещаю - будут не менее интересные новости, статьи и шутки. Если Вам понравилась наша рассылка, если вы хотите порекомендовать ее Вашим сотрудникам, друзьям и знакомым - пошлите им этот выпуск или подпишите их в форме:
Рассылки Subscribe.Ru
Библиотека I2R - почтой!
В рассылке - анонсы новых материалов, поступивших в библиотеку за последнюю неделю, статьи о веб-дизайне, графике статической и анимированной, html и css, раскрутке и баннерной рекламе, flash-и мультимедиа-технологиях, новости мира web-дизайна, рекламы, компьютерной графики и флеш-технологий, а так же активные темы в форуме и возможность для вас задать любые вопросы.




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

::: рассылку ведет:     Татьяна Зяблицева      http://www.i2r.ru     копирайт 2002 :::


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное