Разработка дизайна веб-продукта
Разработка дизайна веб-продукта
Дизайн веб-ресурса (веб-дизайн) - спроектированная структура веб-ресурса, отличающаяся оригинальностью применения цветовых и технических решений, обеспечивающая эстетическое восприятие и удобство пользования веб-ресурсом.
Веб-дизайн в нашем понимании этого слова ассоциируется в первую очередь с графическим оформлением сайтов. Помимо визуального оформления он включает в себя разработку структуры, работу над его логикой и удобством пользования.
Своим рождением веб-дизайн обязан языку HTML (Hypertext Markup Language - язык разметки гипертекста). Некоторые называют его языком программирования. Но это далеко не так. HTML - язык разметки веб-документа. Он определяет, что куда поставить и в какой цвет покрасить. Для верстки HTML существует множество программ. Одни из них малофункциональные, такие, например, как Блокнот, поставляемый в комплекте с Windows. Другие мощные програмные комплексы, такие как Adobe Dreaweaver CS3.
При создании веб-страниц особую роль играет графика, которая повышает привлекательность веб-страниц, упрощает восприятие содержимого узлов, облегчает навигацию по сайту. Графика на веб-узлах может иметь ключевое значение, например, для выбора и покупки товара по его изображению через Интернет.
Графику на веб-страницах обычно называют веб-графикой. Такую графику можно создать с помощью графических редакторов, например, используя программу Adobe Photoshop. Однако веб-графика обладает рядом особенностей, которые требуют более специализированных програмных средств. Например, рисунок на веб-странице должен иметь небольшой размер, чтобы сократить время загрузки изображения с сайта. Кроме того, на веб-страницах часто встречаются определенные типы графических элементов, например, кнопки, поддержка которых была бы полезна в программах для создания веб-графики.
Adobe Fireworks CS4 это универсальная программа, предназначенная для создания, редактирования и оптимизации веб-графики. Она позволяет создавать и редактировать растровые и векторные изображения, проектировать веб-эффекты, такие как ролловеры и всплывающие меню, кадрировать и оптимизировать графику в целях уменьшения размеров файлов, в которых она хранится, а также экономить время, автоматизируя повторяющиеся задачи. Документ можно экспортировать или сохранять в файлах JPEG, GIF или ином формате. Эти файлы можно сохранять вместе с файлами HTML, содержащими таблицы HTML и код JavaScript, что позволяет использовать их в сети. Программа позволяет создавать анимацию и различные графические эффекты.
Программа Adobe Fireworks тесно интегрирована с другой программой для создания веб-сайтов - Adobe Dreamweaver. Например, изображения, подготовленные в программе Adobe Fireworks, можно вставлять в документ Adobe Dreamweaver. Средства интеграции данных программ существенно упрощают создание веб-страниц.
Программа Adobe Photoshop появилась вместе с компьютерной графикой, сформировалась как отдельное направление и сейчас по праву занимает лидирующее место среди графических программ-редакторов.предназначался для работы именно с растровой графикой, однако от версии к версии в нем появляется все больше инструментов для создания и редактирования элементов векторной, в том числе трехмерной, графики в составе растрового изображения. Сейчас Adobe Photoshop позволяет редактировать и растровую, и векторную графику.
дизайн веб программа графика
Список использованной литературы
1.В. И. Смирнов. Основы веб-дизайна. Создание веб-графики с помощью Adobe Fireworks CS4
2.Бикнер К. Экономичный Web-дизайн. М.: НТ Пресс <http://www.biblion.ru/producer/64935/>, 2005. - 248 с. - ISBN 5-477-00076-7 <http://ru.wikipedia.org/wiki/%D0%A1%D0%BB%D1%83%D0%B6%D0%B5%D0%B1%D0%BD%D0%B0%D1%8F:BookSources/5256012045>.