Статьи по Web-дизайну

Статьи по web-дизайну


Mike Melnikov (cherry-design@mail.ru)

Web-studio "Cherry-Design"

Ниже приведены некоторые статьи, написанные мною с целью помочь начинающим WEB-дизайнерам. Статьи основаны на информации, распыленной в различных источниках (начиная с книг и кончая Internet, или наоборот :), а также на личном опыте.

  • Как создать привлекательный web-сайт - некоторые общие размышления, которые, тем не менее, имеют под собой твердую почву.
  • Аппаратная конфигурация компьютера - для того, чтобы начать творить, нужно иметь хороший и надежный инструмент.
  • Программы, используемые в web-мастеринге - хороший инструмент иметь мало - нужно его еще и освоить.
  • Информация - вот основа Internet! - самый первый вопрос, который можно предъявить web-сайту - для чего ты, собственно, нужен?
  • Что такое стильный web-сайт? - почему на одни странички ходить приятно, а с других хочется уйти почти сразу?
  • Рисунок сотен слов дороже нам - провожают по уму, а встречают - все же по одежке. Её величество Графика :-)
  • Оптимизация изображений в формате JPG - у Вас есть красивая фотография, а если она еще и быстро пересылается, то и все остальные смогут ее оценить.
  • Оптимизация изображений в формате GIF - у Вас есть красивая фотография в формате GIF ;), а если она еще и быстро пересылается, то и все остальные смогут ее оценить.
  • Броузеры, которые мы выбираем - как это влияет на нас и наших посетителей? И почему некоторым из них не нравится Ваш дизайн (как одна из возможных причин :)?
  • Интерактивность! Что? И как? - как сделать так, чтобы посетители Ваших страничек могли отправить Вам сообщение? Краткое руководство по созданию формы на Вашей страничке и ее отсылки по почте с использованием готового CGI-скрипта.
  • Зачем нам нужен SSI? - краткое и понятное объяснение о применении включений на стороне сервера и получаемых от этого преимуществ.
  • Слуга двух господ (часть I) - нет-нет, это не комедия Карло Гольдони, и Труффальдино здесь ни при чем. Это... несчастный web-дизайнер, прилагающий массу усилий, чтобы угодить и приверженцам Microsoft Internet Explorer, и приверженцам Netscape Navigator.

  • Слуга двух господ (часть II) - продолжаем наш практикум по написанию совместимых страничек. И на этот раз остановимся на правилах, применение которых позволяет резко уменьшить количество проблем с совместимостью.


  • Слуга двух господ (часть III) - таблицы, как основное средство верстки сложного дизайна, и особенности их использования при создании совместимых страничек.
  • Слуга двух господ (часть IV) - а теперь разберемся как и для чего разрезают картинки и зачем помещают их в таблицы.
  • Слуга двух господ (часть V) - невидимые таблицы - очень мощное средство. Правильное их применение позволяет получать эффекты, другими способами довольно трудно достижимые.
  • Как оформить таблицу? - Давайте-ка займемся сегодня оформлением таблиц. Вам наверняка не нравится, как оформлены таблицы по умолчанию. То, что называется рамкой, практически никогда не вписывается дизайн. А их псевдотрехмерность просто ужасна!
  • Как правильно регистрировать сайт? - Итак, Вы сделали первую версию своего сайта и даже вывесили его в Internet, но через некоторое время Вы заметите, что на него практически никто не ходит, за исключением Вас и изредка Ваших друзей.
  • Бойцы невидимого фронта - Если Вы еще не догадались, то я имею в виду META-теги. Их роль не заметна при отображении странички. Это лишь команды для web-сервера или броузера, но команды важные.
  • Немного слов о кодировках - Кто об этом все знает, тот может пропустить эту статью, остальным же я поведаю о причинах возникновения различных кодировок и проблемах web-дизайна, связанных с ними.
  • Как работает формат JPEG? - Знание некоторых принципов возмещает незнание многих фактов. Сегодня мы поговорим о технологии сжатия JPEG и о том, за счет чего достигаются столь сильные степени сжатия.
  • JavaScript и объектная модель - Скриптовые языки в некотором роде перевернули мир, и именно благодаря им появился DHTML, который позволяет делать со страничкой практически что угодно.
  • JavaScript: полезные функции (часть I) - Продолжаем разговор о применении скриптов на web-страничках. И начнем мы, пожалуй, с написания некоторых функций, которые нам впоследствии очень пригодятся.
  • JavaScript: полезные функции (часть II) - Несколько небольших и полезных Java-скриптов позволяющих добавить к функциональности сайта некоторые приятные мелочи.
  • JavaScript: полезные функции (часть III) - С этой статьи мы начнем разбираться с более сложными и функционально-законченными скриптами. И начнем с написания универсальной функции проверки формы перед отсылкой на сервер.
  • Сага о фреймах - Для чего применяются фреймы? Как правильно с ними работать? Когда их лучше избегать и какие подводные камни могут подстерегать нас на этом пути?
  • JavaScript: полезные функции (часть IV) - Сегодня мы разберемся с тем, как организовать на страничке локальную баннерную систему, пользуясь только средствами JavaScript.
  • С чего начинается сайт? - Как лучше всего организовать работу по созданию сайта? Чему следует уделить больше внимания? И с чего же все-таки следует начать?
  • JavaScript: полезные функции (часть V) - Эффект, который мы сейчас рассмотрим, является, пожалуй, самым распространенным. И заключается он в смене изображения при наведении на него мышкой. Часто можно слышать английское название эффекта - RollOver, что обычно переводят как "перекатывание".
  • JavaScript: полезные функции (часть VI) - Немного специфическая статья и посвящена она решению проблем, возникающих при использовании на сайте фреймов. И, в частности, проблеме индексации таких сайтов поисковыми роботами и формированию фреймовой структуры при обращении к одной из внутренних страничек.
  • История про CSS (часть I) - Поговорим о каскадных таблицах стилей. Их применение позволяет перейти на новый уровень создания сайтов и добиваться нужных эффектов оформления более простыми и логичными способами.
  • История про CSS (часть II) - Продолжаем разговор о применении таблиц стилей. Сначала разберемся с каскадностью стилей, а потом перейдем к рассмотрению синтаксиса и обзору наиболее часто встречающихся параметров, применяемых при создании стилей.



  • Содержание раздела