Номинация: «Проектная и творческая деятельность учащихся

Аннотация
Разработка коммерческого сайта " MTBDesign".
Номинация: «Проектная и творческая деятельность учащихся»
Автор: Барышников А.В.
Руководитель: Пальческая М.А.
Веб-дизайнер в моём представлении - человек, строящий интерфейсы, т. е.
средства общения посетителя веб-страницы с её наполнением. Главная задача здесь
- обеспечить удобство навигации и лёгкость восприятия контента. Всё остальное
будет выражением доброй воли веб-дизайнера, желаний заказчика и технических
требований к сайту. Естественно, что для каждого сайта приходится создавать и
уникальные графические элементы, так что без эскизов и Photoshop'а тоже не
обойтись.
Дизайн (design) — это творческая деятельность, целью которой является
определение формальных качеств промышленных изделий. Эти качества включают
и внешние черты изделия, и структурные и функциональные взаимосвязи, которые
превращают изделие в единое целое как с точки зрения потребителя, так и с точки
зрения изготовителя.
Графический дизайн — художественно-проектная деятельность по созданию
гармоничной и эффективной визуально-коммуникативной среды. Графический
дизайн вносит инновационный вклад в развитие социально-экономической и
культурной сферы, способствуя формированию визуального ландшафта
современности.
В дизайне законов нет. Существуют только рекомендации, советы и
житейский опыт. Основная линия заключается в золотых правилах дизайна.
Основные правила и особенности при создании дизайна:
1) Использовать шрифты с засечками намного легче при чтении, чем гротески
(шрифты без засечек).
2) Цветовая гамма должна включать себя 1-2 цвета. В дизайне существуют
несочетаемые цвета. Белый цвет на черном фоне читаются плохо.
3) Человек не в состоянии одновременно держать в голове более семи
объектов на предмете дизайна.
4) Логотип должен быть простой и лаконичной формы.
5) Дизайн должен быть минималистичным, текстовая информация коротка и в
тезисном виде.
6) Иллюстрации для печати должны иметь разрешение 300 точек на дюйм.
7) Использование фреймов и горизонтальной прокрутки на сайте
нежелательно.
Целью проекта является не только научиться создавать web-сайты, но
создавать конечный коммерческий продукт. Коммерческое использование
предусматривает получение прибыли (в любой форме) как цель использования.
Дизайн - студия MTBDesign - реально существующая компания, предоставляющая
свои услуги в области графического дизайна.
При разработке сайта был применен шаблон, бесплатно распространяем в
сети Internet, но в ходе работы над проектом были внесены оригинальные
изменения в дизайн и структуру шаблона сайта.
В ходе работы над сайтом были применены различные программные
продукты и средства разработки web-сайтов:
1. Adobe Photoshop
Мощное средство создания графики для Интернет и не только. Веб-дизайнера
он интересует в особенности, т. к. оснащён развитыми средствами оптимизации
графики, т. е. уменьшения размеров графических файлов без проигрыша в качестве
или с мининальным проигрышем. Имейте в виду, что в Интернет используются два
основных графических формата: GIF (для изображений с небольшим количеством
цветов) и JPEG (для полноцветных фотографических изображений), с каждым из
которых Photoshop справляется очень неплохо. Представьте: каждая веб-страница
должна весить не более 50-100 килобайт в худшем случае... сами понимаете, без
оптимизации не обойтись.
2. Macromedia Dreamveaver
Dreamweaver включает в себя много инструментов и средств для
редактирования и создания профессионального сайта: HTML, CSS, JavaScript,
отладчик JavaScript, редакторы кода (просмотр кода и инспектор кода), что
позволяет, редактировать JavaScript, XML и другие текстовые документы, которые
поддерживаются в Dreamweaver. Технология Roundtrip HTML импортирует
документы HTML без переформатирования кода.
3.HTML
Язык гипертекстовой разметки документов: этот язык описывает каждый
элемент страницы и все ссылки на объекты, находящиеся за её пределами. В
настоящее время используется версия 4.0, которая существенно богаче
предыдущей..
4. CSS
Каскадные таблицы стилей. Исходя из полезной концепции разделения
содержания веб-страниц и описания форматирования этого содержания, CSS
предоставляют возможность создать набор записей, описывающих все стандартные
виды текстовых элементов, входящих в страницу, и далее только ссылаться на него,
не загромождая текст описаниями форматирования каждого параграфа. Также поразному интерпретируются браузерами.
5. JavaScript
Язык сценариев (скриптов). Именно с его помощью можно задать правила
поведения различных элементов веб-страниц, изменения свойств таблиц стилей и т.
д. Синтаксис JavaScript может сильно отличаться в зависимости от того, в каком
браузере сценарий будет выполняться.
Помимо JavaScript существует ещё и VBScript, язык с синтаксисом Visual
Basic, предоставляющий примерно те же возможности, что и JavaScript, но он
используется значительно реже вследствие совместимости с единственным
браузером: Internet Explorer.
Эффективность графического дизайна зависит сразу от нескольких
составляющих: компетенция дизайнера и наличие профессиональных навыков,
оригинальность конструкций и благоприятное сочетание всех технических
характеристик, уникальность и индивидуализм, притягательность и стойкость во
времени. При таком эксклюзивном подходе действительно можно рассчитывать на
то, что образ компании, её позиционирование с каким-либо определенным видом
деятельности, будут действительно возникать у тех, кто будет видеть и оценивать
графический дизайн. В результате достижении такой цели графический дизайн,
созданный однажды, на компанию будет работать долгие годы.
Разработанный web-сайт после завершения всех необходимых работ, будет
опубликован в сети с целью коммерческого использования.