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

Электронный журнал о web дизайне Wedbex

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Ноябрь 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Александр Левитас

Статистика

631 подписчиков
-2 за неделю
←   Все выпуски   →

Первая рассылка - расскажет вам о целях создания сайтов и что для этого потребуется


    Начать рассылку я хочу чтобы вы определились, "а оно вам надо"? Если ответ "Да", то начнем...

 

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

 

Содержание рассылки:

 

Идеология HTML

Как работают профи

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

Но почему?

Дело в том, что документы HTML предназначены не только для отображения на экране. Нет. Вся прелесть HTML заключается в возможности его отправки практически на любое устройство вывода.

Представьте, что будет с обычным текстом при попытке, скажем, прочитать его вслух с помощью карманного голосового компьютера. Куда денется оформление? Наверняка исчезнет - ведь голос машины не в состоянии отобразить слово подчеркнутым, увеличенным или курсивным шрифтом. Но если вместо оформления документа будет описана его структура, то текст заголовков будет произнесен правильно (например, с изменением интонации), между абзацами компьютер выдержит паузу, а цитаты прочитает другим голосом.

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

А как же оформление?

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

 

Инструментарий

Для написания HTML и создания графики хороший инструментарий просто необходим. Вам понадобится хороший HTML-редактор, графический пакет для создания растровой графики и программа для ее оптимизации.

HTML-редакторы

Все специализированные редакторы делятся на две группы:

  • WYSIWYG-editors
  • Source editors

Аббревиатура первой группы расшифровывается как What You See Is What You Get ("Что видишь, то и получишь."). К ней относится, например, Microsoft FrontPage. Работа с FrontPage очень проста и напоминает работу с Microsoft Word. В редакторах этого типа создание HTML-кода возлагается на саму программу, а пользователь занимается лишь оформлением странички.

Вторая группа редакторов предназначена для профессиональных дизайнеров, которые пишут HTML вручную и, соответственно, хорошо понимают что делают.

Я бы советовал сразу забыть про существование WYSIWYG-редакторов, даже начинающим. Создавать web-страницы подобным образом такая же нелепость, как программирование с помошью мышки. Язык HTML не прост, он примитивен. Поэтому не стоит упрощать работу с элементарным, даже если вас об этом просит сам Microsoft.

Да-да, я призываю к написанию HTML "руками". Так вы быстрее разберетесь что к чему, и очень быстро научитесь бегло читать HTML-код.

Что любопытно, на свете есть особый род людей, которые гордятся тем, что пишут HTML в стандартном "Блокноте" Windows. Это настоящие фанаты написания HTML вручную, просто млеющие от глубины своих немеряных познаний в области web-программирования. Как правило, это люди, занимающиеся web-дизайном непрофессионально, время от времени, ибо HTML для крупных Intenet-проектов в "Блокноте" не пишется. Ну, разве что, изощренными мазохистами.

"Редакция советует..."

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

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

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

Оптимизаторы

Из программ-оптимизаторов изображений могу порекомендовать два продукта: Ulead SmartSaver Pro и Adobe ImageReady, поставляющийся в комплекте с PhotoShop v5.5. Обе программы прекрасно интегрируются с PhotoShop и предоставляют все необходимое для работы.

 

Дизайн vs Контент

Простота - залог успеха

Вся сила хорошего дизайна - в простоте.
Если вы согласны с этим утверждением, можете дальше не читать )

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

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

А нужен ли вам сайт? Совет пессимиста.

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

Будьте уверены - никто не вернется на ваш сайт только для того, чтобы полюбоваться графикой, так же как никто не будет восхищен вашим творением больше вас самих. С другой стороны, если вы просто хотите размять мозги и разобраться в HTML (вдруг действительно пригодится?), можно сделать домашнюю страничку в стиле "Привет, меня зовут Вася, а вот моя собака."

Только никому не показывайте.

Материалы, учебники и руководства по html вы можете найти на моем сайте http://wedbex.narod.ru

 

 

 

2006-11-264Ответственный за рассылку Mr.Web
В избранное