
- •Министерство образования украины донбасская государственная машиностроительная академия конспект лекции
- •Тема 1.1. История развития технологий Всемирной Сети и ее основные компоненты.
- •Основные компоненты технологии World Wide Web
- •Архитектура построения системы
- •Язык гипертекстовой разметки html
- •Принципы построения и интерпретации html
- •Тема 1.2. Введение в технологию создания web-сайтов Классификация сайтов
- •Этапы разработки web-сайта
- •Регистрация доменного имени.
- •Разработка структуры сайта.
- •Разработка дизайна главной страницы сайта.
- •Html-верстка страниц.
- •Подключение сайта к системе управления.
- •Корректировка и написание текстовых материалов (по необходимости).
- •Ввод информации (до 100 страниц).
- •Первичная seo-оптимизация.
- •Размещение сайта на сервере.
- •Создание e-mail адресов.
- •Установка счетчиков статистики.
- •Регистрация пользователей клиента в системе управления сайтом.
- •Редакторы веб-страниц
- •Тема 1.3. Основы web-дизайна.
- •Модульные сетки
- •Одноколонная сетка
- •Двухколонная сетка
- •Трехколонная сетка
- •Акценты в шрифтовых композициях
- •Виды акцентов
- •Цвета в web-дизайне: Выбор правильного сочетания для вашего сайта Цветовая теория: основные принципы. Умение сочетать цвета
- •Красный
- •Тема 1.4. Технология css.
- •Способы применения css
- •Переопределение стиля
- •Элемент style
- •Ссылка на внешнее описание
- •Импорт описания стилей
- •Поддержка свойств css различными браузерами
- •Модуль 2. Основи роботи з html-редактором Adobe Dreamweaver cs3
- •Тема 2.2. Html-редактор Adobe Dreamweaver cs3. Реализация структуры сайта.
- •Тема 2.3. Html-редактор Adobe Dreamweaver cs3. Форматирование html-страниц: логическое и визуальное.
- •Тема 2.4. Html-редактор Adobe Dreamweaver cs3. Изображения и другие элементы.
- •Тема 2.5. Html-редактор Adobe Dreamweaver cs3. Создание текстових заданий с использованием интерактивных элементов CourseBuilder
- •Литература
Тема 1.3. Основы web-дизайна.
Web-дизайн включает в себя - визуальный дизайн (вообще), дизайн представления информации на экране (специфика web-дизайна).
Художественное проектирование - эстетизация промышленной среды. Создание духа вещи!
Художественное конструирование - эстетизация техники. Творческая деятельность по созданию технических систем индустриальным способом в соответствии с художественными и утилитарными закономерностями.
Техника - искусственные материальные средства человеческой деятельности.
Design - это сознательные и интуитивные усилия по решению проблемы, которая никогда не может быть единственно правильно решена. В результате получается бесконечное число решений, где одни решения более правильные, чем другие. Правильность решений зависит от вложенного смыслового значения.
Design (англ.) - производное от итальянского "disegno", означает не только чертеж или рисунок, но и сложные вещи - всю область работы художника.
Дизайн - англ. проект, образ, замысел, идея, необычность нестандартность деятельности.
Дизайн - теория (техническая эстетика) + практика (художественное конструирование).
Области Дизайна:
Промышленный - дизайн промышленных товаров, конвейерно-потоковый массовый дизайн. Проектирование 3-х мерных объектов. Основная область дизайна, где наиболее полно применяются профессиональные навыки и опыт дизайнера, где от дизайнера требуется все его мастерство и даже больше.
Стайлинг "дизайн" - художественная адаптация уже готовой формы (интерьер-экстерьер) или улучшение технической части объекта. В России развивается довольно причудливо :)
Средовой дизайн - дизайн архитектурной среды (интерьер-экстерьер), услуги дизайнеров, проектирующих художественные праздники, выставки и тд.
Графический дизайн - проектирование символов-знаков, логотипов, услуги дизайнеров, проектирующих полиграфическую продукцию и тд.
Публишь-арт - так называемый народный (городской) дизайн. Процветает на западе. В России его не было, нет и естественно никогда не будет (менталитет-s) :)
Нон-дизайн - организует процессы производства, обслуживания, сбыта, обучения.
Web-дизайн - проектирование интернет серверов.
Сайнс-дизайн - научный дизайн.
Фито-дизайн - дизайн с применением, в основном, природных элементов, цветов и растений.
Рекламный дизайн - скорее коммерческое ремесло, основанное больше на достижении прибыли, чем на искусстве.
Футуро-дизайн - исторический дизайн и прогностический дизайн будущего.
Кустарный дизайн - скорее ремесло, основанное больше на личном опыте и вкусе, чем на образовании.
Китч - примитивный, тупой (кухонный) "дизайн", в настоящее время определение носит оттенок пренебрежения и презрения. Этот стиль широко используется в современной рекламе, ориентированной на широкого (народного) потребителя. Слово появилось в 1860-1870-е годы в Германии (Мюнхене) и означало переделку старой мебели, обновление с оттенком обмана: продавать старое как новое. Вторая вероятная составляющая значения - английское слово sketch ("набросок").
Один из словарей подробно объясняет этот источник: "Когда англо-американские покупатели не хотели дорого платить за картину, они требовали набросок, sketch".
Некоторые значения, существующие еще на этапе формирования термина и отраженные в немецких этимологических словарях, остаются в нем по сей день: коммерческое бытование (использование при описании китча слов "продажа", "распродажа", "сбывание"); негативная оценка (частое упоминание слов мусор , грязь , а также звукоподражание, в котором "шипящий звук символизирует преувеличенное неприятие"); подделка под что-либо ценное и новомодное.
Арт-дизайн - дизайн штучный, концептуальный, элитный. Информационный, программный дизайн
Психо-дизайн это наука адаптации интерьеров, архитектурных и ландшафтных форм под конкретного человека, его психологические особенности и потребности. Интерьер способен стимулировать и разрушать, настраивать на успех, покой или активность, снимать или усугублять внутренние проблемы человека, семьи, коллектива; активизировать творческий процесс, влиять на продажи. Создать индивидуальную дизайн-модель "под человека" можно только на основе объективной, научно обоснованной информации и методики, объединяющей принципы дизайна и психологии.
Итак - какие модули должны присутствовать на главной странице сайта? Рассмотрим самый типичный вариант для среднего сайта средней фирмы или не самый "запущенный" вариант авторской страницы.
Название (сайта или организации)
Логотип (или любой графический знак, который уникальным образом идентифицирует проект или организацию)
Навигационное меню (в простейшем случае это один блок, однако, как мы рассмотрим в следующих выпусках, их может быть несколько в рамках одного проекта и одной страницы проекта).
Данные. Собственно содержание первой страницы.
Второстепенные данные. Это может быть графический баннер партнерского проекта или текстовая информация о спонсорах...
Вы получили ряд прямоугольников, которые требуется разместить на странице (экране). Конечно же, перед тем, как приступить к разработке, даже опытные дизайнеры обязательно уделяют время "серфингу" по интернету, наблюдают варианты уже реализованных решений, а новичку опыт "хождения и наблюдения" просто необходим...