Разработка web-сайта

Adobe Photoshop

Самая популярная и широко распространенная программа редактирования изображений. С её помощью можно  создавать высокохудожественные изображения. Она содержит всё необходимое  для создания и редактирования профессиональной графики.

Photoshop -- это не просто программа редактирования изображений, это самая мощная и функциональная программа в своем классе. Программа позволяет ретушировать изображение и подвергать его спецэффектам, переносить детали одного снимка на другой, вносить текст, менять соотношение цветов и даже добавлять цвет в изображения, выполненные в оттенках серого. Средства Photoshop совместимы с графическими планшетами, что дает возможность создавать вполне художественные изображения, не хуже выполненных акварелью и маслом.

При всей простоте основных инструментов Photoshop пользователь может к тому же настраивать их "под себя". А это равносильно наличию бесконечного разнообразия мелков. Поскольку программы рисования полагаются при своей работе на пиксели, они идеально подходят для работы с электронными (цифровыми) фотографиями цветных карандашей, пульверизаторов, акварельных и масляных красок и многого другого. Photoshop предоставляет полный контроль над каждым пикселем изображения. Недостаток программ рисования в ограниченном разрешении. Поскольку битовый рисунок состоит из фиксированного количества пикселей.[11]

CorelDraw

CorelDraw позволяет обрабатывать самую разнообразную информацию, представляемую в документе в виде векторных и растровых объектов, блоков обычного и художественного текста, а также объектов Интернета.

В программе применен современный  интерфейс плоского типа, который  характеризуется тем, что инструменты, находящиеся на различных панелях, отображаются в виде обычных плоских  рисунков, а выделение одного из них происходит только при установке  на нем указателя.

При построении векторных  изображений линии и фигуры накладываются, пока не получится окончательное  изображение. Каждый объект можно редактировать  независимо от остальных -- одно из немногочисленных преимуществ объектного подхода, тем не менее, изображение все же приходится строить поэтапно. В программе редактирования векторных рисунков линии, фигуры и текст задаются математическими выражениями, что дает возможность автоматически настраивать их на максимальное разрешение устройства вывода. Еще одно преимущество векторных рисунков состоит в том, что для них не требуется много места на диске. Объем файла векторного рисунка зависит только от количества и сложности объектов, составляющих этот рисунок, поэтому его размер, в отличие от растрового рисунка, практически не влияет на этот объем.

CorelDraw демонстрирует качества мощного визуального редактора web-страниц: пользователь получает возможность генерировать развитые HTML-документы, которые могут включать сценарии JavaScript и таблицы стилей CSS.

Обеспечивая мощные возможности  для работы с графикой, текстом  и средства компоновки и экспорта документов для публикации в Интернете, CorelDraw вполне может служить исходным пунктом для генерирования первых версий файла HTML.

При размещении изображений  на странице одна из наиболее важных задач - оптимизация размера файлов изображений. Рекомендуемый "потолок" общего размера  страницы - от 100 до 150 кбайт. Уменьшение размера файлов изображений выполняется  сжатием файлов и уменьшением  количества цветов. Эти задачи доступны для любой из графических программ, перечисленных выше.[12]

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1.4 КРИТЕРИИ СРАВНЕНИЯ ВЕБ-САЙТОВ

Выделим основные критерии для проведения сравнительного анализа  Web - сайтов:

1. Содержание.
2. Структура и навигация сайта.
3. Дизайн.
4. Функциональность.
5. Интерактивность.

6.      Общее  впечатление.

 

Содержание. Содержание - это  вся информация, представленная на сайте. Информационное наполнение сайта  должно привлекать внимание посетителя и отвечать теме сайта. Кроме того, его форма должна соответствовать  аудитории - Web - материалы должны быть ясны, кратки и действенны в среде Интернет.

Структура и навигационные  функции. Структура и навигационные  функции характеризуют организацию  информации на сайте и возможности  перемещения между его разделами. Хорошая структура и навигация - это признаки эффективности и  организованности сайта. Они позволяют  пользователю сформировать мысленную  модель представленной информации, определить, где находятся необходимые сведения и чего можно еще ожидать. Хорошие  навигационные возможности дают возможность быстро добраться до нужного места и легко охватить содержание сайта как вглубь, так  и вширь.

Дизайн. Дизайн - это характеристика внешнего вида сайта. Сайт не должен быть просто симпатичной домашней страничкой, хотя и не обязан быть ультрасовременным  или суперстильным. Критерии оценки визуального оформления - высокое  качество, уместность и соответствие той аудитории и задаче, на которые ориентирован сайт. Оформление должно производить впечатление на посетителя - или даже поражать его.

Функциональность. Этот критерий характеризует технологическую  сторону сайта. Хорошая функциональность означает, что сайт быстро загружается, что все его ссылки "живые", а технологии применяются к месту  и отвечают предполагаемой аудитории. Сайт должен быть независим от платформы  и типа браузера. Возможны решения, когда в случае необходимости  сайт самостоятельно обеспечивает переход  на альтернативные страницы. Хорошая  функциональность - это технология, которая не бросается в глаза.

Интерактивность. Интерактивность  характеризует возможности, которые  сайт предоставляет пользователю. Хорошая  интерактивность не исчерпывается  гиперссылками и всплывающими меню - сайт должен предоставлять пользователю возможности диалога. Интерактивность - это возможность двустороннего  обмена информацией, как в поисковых  системах, чатах, сетевых играх и  пр. Благодаря интерактивным элементам  пользователь должен постоянно ощущать  отличие Сети от журнала или телевизора.

Общее впечатление. Помимо информационного наполнения, структуры и навигационных возможностей, визуального оформления, функциональности и интерактивности общее впечатление учитывает и те неуловимые тонкости, которые заставляют пользователя остаться или уйти.

 

 

 

 

 

 

 

 

1.5 СРАВНИТЕЛЬНЫЙ АНАЛИЗ САЙТОВ СХОДНОЙ ТЕМАТИКИ

Рассмотрим Web - сайты автомастерских. Проанализируем их и сравним по указанным выше  критериям:

 

1. Автосервис "Норма" г. Тамбов, ул. Пролетарская, д. 291. [13]

Рисунок 1- главная страница Web – сайта автосервиса "Норма"

 

На мой взгляд, сайт автосервиса "Норма" неинтересен. Оформление сайта требует доработки, например, можно добавить красочных картинок на главную страницу, чтобы пользователь заинтересовался сайтом с первого момента попадания на страничку. Структура  и навигация сайта понятна и удобна, пользователь сразу может найти нужную ему информацию. Читаемость текста хорошая, буквы крупные, цвета текста и фона контрастны. При изменении масштаба сайт сохраняет работоспособность при любом разрешении экрана.

 

 

2. Автосервис в Туле,  Щегловская засека, 8. [14] 
                                             Рисунок 2 - главная страница  Web – сайта «Автосервис в Туле»

 

Web – сайт Автосервиса в Туле 22 с первого момента не отличается красочным дизайном и высокой информативностью. Интерфейс сайта не располагает к себе и не заинтересовывает с главной страницы. Цвета текста и фона контрастны. Читаемость текста довольно хорошая, буквы средней величины. При изменении масштаба сайт сохраняет работоспособность при любом разрешении экрана.

 

 

 

 

 

 

 

 

 

 

3. Автосервис «Пчелка», г. Тамбов. [15]

                                   Рисунок 3 – главная страница Web – сайта автосервиса «Пчелка»

 

Web - сайт автосервиса «Пчелка»,  г. Тамбова довольно интересен,  «информация разложена по полочкам». Интерфейс сайта полностью располагает к себе и заинтересовывает с главной страницы. Цвета текста и фона контрастны. Читаемость текста довольно хорошая, буквы средней величины. При изменении масштаба сайт сохраняет работоспособность при любом разрешении экрана.

В целом сайт удовлетворяет  всем выше перечисленным критериям.

Из всего выше перечисленного мной были определены требования к  своему проекту:

Требования, предъявляемые  к разрабатываемому web- сайту «»

• Читаемость текста;
• Привлекательность дизайна сайта;
• Удобная структура сайта;
• Качество и достоверность информации;
• Полнота заполнения сайта (пустые или заполненные страницы);
• Наличие навигации.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ВЫВОД

Разработка сайта очень  долгий процесс, требующий большой  концентрации внимания, траты сил  и наличия определенных знаний и  навыков в данной области.

В первой главе я рассмотрел технологии, с помощью которых разрабатываются сайты. Также, на основании проведенного сравнения сайтов схожей тематики я выработал критерии, которым должен соответствовать создаваемый сайт, а именно: функциональность,  ясность навигации, читаемость текста, привлекательность дизайна сайта, удобная структура сайта, качество и достоверность информации, полнота заполнения сайта, наличие навигации. Именно это помогло мне лучше продумать структуру и дизайн своего проекта.

Для разработки сайта я  буду использовать HTML - редактор- Adobe Dreamweaver, так как считаю его наиболее удобным для написания кода.

 

Требования: