1. Основы функционирования Интернета
Адресация в Интернете: понятие о IP и DNS-адресах машин, структура URL-адреса ресурса. Клиенты и серверы Интернета и их взаимодействие: DNS-серверы, основы протокола HTTP, язык разметки HTML. Основные службы Интернета: WWW, FTP, электронная почта, группы новостей, TELNET.
2. Язык разметки html*
Основные понятия о разметке документов. Теги, атрибуты и элементы HTML. Блоковые и встроенные элементы: абзац, список, таблицы, элементы выделения частей текста. Встраивание графики в страницы HTML. Создание текстовых и графических гиперссылок на части документа или на другие документы HTML. Карты-изображения. Компоновка страниц HTML с помощью таблиц и фреймов. Формы как средство передачи данных на сервер, методы POST и GET. Элементы управления формы: текстовое однострочное и многострочное поле, списки и раскрывающиеся списки, переключатели и флажки, кнопки.
3. Каскадные таблицы стилей (css)
Форматирование с помощью стилей в текстовых процессорах. Синтаксис правил каскадных таблиц стилей: селекторы и определения. Группирование и наследование свойств каскадных таблиц стилей. Связывание каскадных таблиц стилей с документом HTML. Применение нескольких таблиц стилей к одному документу: каскадные свойства CSS. Модель форматирования элементов HTML. Свойства каскадных таблиц стилей форматирования шрифтов, цвета и фона, текста, блоковых элементов. Визуальное форматирование: абсолютное и относительное позиционирование блоковых элементов HTML. Компоновка страниц HTML с помощью свойств каскадных таблиц стилей.
4. Язык сценариев JavaScript
Понятие и клиентском и серверном сценарии. Встраивание сценариев JavaScript в страницы HTML. Переменные, типы данных и операции языка JavaScript. Операторы управления последовательностью действий: условные и цикла. Встроенные средства организации диалога с пользователем. Создание пользовательских объектов JavaScript и работа с ними: вызов методов, изменение свойств. Встроенные объекты JavaScript: Array, Date, Global (только в Jscript), Math, String, Image, Event, Function, Location, Navigator, MimeType, Number, Object, Screen, Window. Обработчики событий: onClick, onDblClick, onLoad и др.
5. Объектная модель dhtml
Иерархическая модель объектов страницы HTML в IE5 и NN4. Свойства и методы объектов HTML, доступ к объектам из сценария JavaScript, вызов методов и изменение свойств объектов. Изменение свойств каскадных таблиц стилей элементов, семейство style. Модель событий и программирование динамических эффектов на странице HTML.
6. Объектная модель dom
Иерархия объектов: отношения родитель, потомок, прямой родственник и родственники одного поколения. Перемещение по иерархии объектов. Удаление и создание объектов. Включение их в иерархическую структуру объектов страницы.
7. Основы языка xml и объектная модель xml
Синтаксис XML, введение в схемы XML и XSLT. Встраивание документов XML в документ HTML. Иерархия объектов XML: отношения родитель, потомок, прямой родственник и родственники одного поколения. Перемещение по иерархии объектов. Удаление и создание объектов. Включение их в иерархическую структуру объектов документа XML.
Web-дизайн
Дизайн — это конструирование предметов потребления (вещей, машин, интерьеров...), основанное на сочетании удобства, экономичности и красоты.
"Ну и причём тут искусство?" — скажите вы. А при том, что сам процесс конструирования, предполагает в себе искусство. Невозможно ничего создать, не умея думать творчески. А чтобы создавать вещи, которые будут нравиться людям (и которые будут покупать), нужно знать законы красоты.
Дизайн - величайшее современное искусство. Плоды работы дизайнера, должны доставлять удовольствие тем, кто ими пользуется.
Первый способ доставить удовольствие — это сделать вещь удобной. (Смотрим определение дизайна.) Это может быть, как просто ненавязчивый дизайн, не мешающий использованию изделия, так и помогающий им пользоваться.
Увлечение эстетической частью дизайна приводит часто к отсутствию удобства в использовании. Взгляните на эту плиту с умопомрачительным дизайном.
У неё ручки расположены не стандартно по прямой, а по кривой. Казалось бы, мелочь, а доставляет неудобства. Нижняя ручка, до которой придётся наклоняться, находится, примерно, на уровне середины плиты. Чтобы до неё дотянуться, практически каждому, нужно будет наклоняться. Из-за чего лицо и волосы опускаются в суп, варящийся на плите. Также нижние ручки доступны детям. Хотя в них, обычно есть какая-нибудь хитрость, не дающая просто так зажечь газ, шансов взлететь на воздух становится больше.
Теперь обратите внимание на встроенную печку. При такой организации плиты её объём резко снижается. И вас обрекают печь маленькие пироги странной формы.
Этим примером мне хотелось обратить ваше внимание на важность удобства. Это относится как к плитам, так и web-дизайну.
Давайте взглянем на вторую составляющую дизайна — эстетическую. Она, конечно, пострадает, если вы перегнёте в сторону удобства, но это не так страшно. Если для первой части требуется просто разумность, то для эстетической требуется некоторое количество художественных способностей. Они не обязательно должны быть такими же, как у профессионального художника. Дизайн в этом несколько проще рисования. Любая женщина имеет пару ходовых рецептов сочетаний цветов. Да и мужчины не редко любят обсудить, что к чему подойдёт, выбирая, скажем, галстук к костюму.
Дизайнеры, обычно работают с плодами профессиональных художников, редакторов текста, и других специалистов, в зависимости от предназначения изделия. Это очень важное замечание. Дело в том, что в этом и заключается секрет отлично сделанных работ. Дизайнер сотрудничает с художником и ещё кем-то, и получается шедевр. Конечно, так поступают только крутые профессионалы. Начинающим не по карману оплачивать работу ещё нескольких профессионалов. По этому выход в том, чтобы самому учиться основам не только дизайна, но и многое другое.
Основным инструментом современного дизайнера является компьютер, если не считать карандаша. Он позволяет визуально посмотреть огромное количество вариантов за короткое время. Это чертовски увеличивает скорость работы. И соревноваться с таким дизайнером могут только те, у кого есть компьютер, и кто умеет его использовать по назначению. Остальные дизайнеры уже умерли (от голода).
Любую программу, предназначенную для создания графики, не так уж трудно изучить. Существует очень и очень много книг по этому вопросу. Все они описывают эти программы как инструмент. В стиле: "Эта кнопка — делает то-то и то-то". И почему-то эти книги называют "дизайном". Это просто описание инструмента. И ничего больше. В том числе и от этих книг, появилось очень много людей, называющих себя гордым словом "дизайнер", только после изучения такой книги.
Ясное дело, что любому дизайнеру, первым делом, необходимо знать эти инструменты назубок. Как человек не может быть художником, если он даже кисти не умеет мыть, так и дизайнер, не умеющий работать со своими инструментами, не куда ни годится.
Каждому дизайнеру — по компьютеру!
Давайте взглянем на те вещи, которые отличают профессионала web-дизайнера от дилетанта:
Профессиональный дизайнер не пользуётся раздаваемой бесплатно в огромных количествах графикой для "оформления сайтов". Качество таких картинок, кнопок, линеек третьесортное. Это самый плохой материал, который можно дать начинающему дизайнеру.
Хороший дизайнер не будет использовать яркие, навязчивые, псевдо натуральные текстуры. Такие как под дерево или облака. А если и будет, то с величайшей осторожностью. Не более одной на всю композицию. И организует остальную композицию так, чтобы текстура хорошо сочеталась со всеми остальными элементами.
Умный дизайнер не будет пользоваться псевдо трёхмерными надписями, которые выдают свою не натуральность, подчёркнутую псевдо натуральными текстурами. В сочетании с трёхмерными кнопками линейками и так далее, они ещё больше разоблачают неправдоподобность друг друга тем, что источники освещения у них находятся в разных точках.
Профи своего дела не будет использовать, раздражающие глаза и отвлекающие от содержания, разного рода мигания надписей, движение, вращение и трёхмерные превращения текста.
Способных дизайнер не забивает свои страницы совершенно бесполезными и только удлиняющие время загрузки аплетами, скриптами, типа часов. Этими вещами увлекаются непрофессионалы, которым хочется хоть как-то украсить свои страницы.
Мастер web-дизайна не загромождает статусную строку браузера пользователя ненужными надписями, приветствиями и подобным хламом.
Мудрый web-дизайнер не будет пользоваться всплывающими окнами, открывать окно браузера на весь экран, и другими способами "впихнуть" посетителю что-то. Только отталкивая этим посетителя.
Думающий дизайнер заботится о тех, кто будет смотреть его сайт. Он всеми силами старается уменьшить время загрузки сайта, оптимизируя графику и текст страницы. Делает ненавязчивый и удобный дизайн.
Если вы вдруг обнаружили в своём произведении искусства хотя бы один из этих пунктов, то обязательно исправьте это.
Сверхбыстрый дизайн
В последнее время стал популярным новый метод разработки веб-сайтов и Интернет-сервисов, который основан на следующей идее: шмякните дизайн об стену, если он удержится на ней - значит все в порядке. Предполагается, что такой способ разработки дизайна сокращает период прохождения проекта от идеи к рынку и следовательно ведет к более быстрому успеху и росту прибылей.
Этот метод предполагает, что скорость, быстрота - превыше всего, и если в дизайне обнаруживаются слабости (то есть, он сползает со стены), предполагается, что их всегда можно быстро поправить путем редизайна.
Согласен, быстрота и скорость действительно важны, но еще это далеко не все. А вот удовлетворенность клиента - это действительно все. Запуская плохой и неудобный сайт, вы гарантированно выбрасываете деньги на ветер, так как вам все равно его придется переделывать - либо сразу же, либо чуть позднее.
Запуская неудобный в использовании сайт, компания рискует отпугнуть от себя самых своих лучших клиентов: тех, которые настолько привержены компании, что готовы посетить ее сайт сразу же, как только услышат о нем. Если эти пользователи получат плохое впечатление от сайта, они будут не только потеряны для вас, как клиенты, они также будут потеряны для вас как будущие сторонники и защитники вашего сайта. Фактически все ваши надежды на то, что первые посетители заразят других интересом к сайту, наоборот выльются в настоящую эпидемию, когда пользователи, посетившие ваш сайт, наоборот, отговаривают других заходить на него.
После того, как у пользователя складывается плохое впечатление о сайте, очень трудно переубедить его поменять свое отношение и вернуться. Такая "перевербовка" - один из самых сложных случаев продажи. Для вашего маркетингового бюджета она будет стоить гораздо больше, чем скромные расходы на разработку сайта правильно с самого начала.
Даже если скорость и быстрота для вас не все, я согласен рассматривать их как важные моменты в такой быстроразвивающейся среде, как Интернет. Но на улучшение юзабилити сайта вовсе не требуется так уж много времени:
Как сказано в моей предыдущей статье, для глубокого исследования юзабилити вашего сайта вам нужно всего лишь несколько пользователей.
Результаты тестирования сайта на предмет удобства пользования им можно получить еще на само начальном этапе дизайна, когда еще ничего не сделано, и когда у вас на руках еще нет ничего, кроме пары набросков будущего сайта. Так что тестирование дизайна вовсе не означает торможение всего процесса его реализации.
По сути, тестирование на этапе прототипа будущего сайта иногда даже ускоряет выполнение проекта и экономит ваше время, так как на этом этапе вы можете обнаружить, что определенные функции не нужны или что-то можно сделать гораздо проще, чем предполагалось изначально.
В мире разработки программного обеспечения уже всем давно известно: в 100 раз труднее внести изменение в следующий выпуск программы, чем внести изменение в нее в самом начале проекта. В Web теория подсказывает, что расходы на обслуживание после запуска сайта ниже расходов на его создание, так как вы не имеете дела с физическими носителями (то есть, вам не нужно рассылать компакт-диски с новой исправленной версией продукта всем своим клиентам). Это действительно так, но дополнительные маркетинговые расходы на переубеждение потерянных покупателей могут оказаться гораздо выше в Web, так как в Web у пользователей выбор гораздо шире, да и сами пользователи не такие уж постоянные.
Другие недостатки идеи внесения исправлений после запуска:
Возможно вы просто не сможете исправить все проблемы, так как будете заняты другими приоритетными задачами: так как на исправление дизайна требуется гораздо больше времени, его как правило не хватает.
Пользователи ненавидят редизайн: даже если изначальный дизайн был плох, те пользователи, которые к нему с трудом привыкли, предпочтут пользоваться тем дизайном, который им знаком, чем переучиваться заново.
Вместо того, чтобы бросаться дизайном по стенам, лучше до запуска соберите информацию - на это уйдет всего несколько дней. Затем исправьте самые серьезные проблемы, на это тоже уйдет не так уж и много времени, если вы обнаружите их до того, как начнете что-то реально реализовывать. Выполнение проекта из-за этого не задержится, зато вы сэкономите гораздо больше средств, которые бы потратили на внесение изменений на более позднем этапе. Ну и кроме того, вы не испугаете до смерти своих лучших клиентов.