Разработка сайта-портфолио фотографа
Автор работы: Пользователь скрыл имя, 30 Мая 2015 в 23:20, курсовая работа
Описание работы
Цель – разработать сайт-портфолио фотографа.
Объект – процесс разработки частных сайтов.
Предмет – особенности разработки сайта портфолио фотографа.
Задачи:
1. Рассмотреть теоретические основы разработки сайта.
2. Проанализировать основные характеристики сайта.
3. Разработать макет сайта.
4. Выполнить верстку сайта и его тестирование.
Содержание работы
ВВЕДЕНИЕ………………………………………………………………………..3
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ САЙТА………….…4
1.1 Основные подходы к определению целевого сегмента
потребителей……………………………………………………………………....4
1.2 Анализ сайтов аналогов………………………………………………....7
1.3 Обоснование выбора типа сайта……………………………………....18
ГЛАВА 2 ОСНОВНЫЕ ХАРАКТЕРИСТИКИ САЙТА………………………22
2.1 Содержание и функции сайта………………………………………....22
2.2 Описание рабочего наброска сайта…………………………………...23
2.3 Выбор функциональных зон страниц сайта……………………….....24
2.4 Колорит страниц…………………………………………………….…25
2.5 Композиционное решение…………………………………………….26
ГЛАВА 3 РАЗРАБОТКА МАКЕТА САЙТА……………………………….....28
3.1 Основные зоны сайта………………………………………………..…28
3.2 Разработка модульной сетки……………………………………….….29
3.3 Разработка руководства по стилю………………………………….....30
3.4 Оптимизация контента сайта……………………………………….....34
ГЛАВА 4 ВЕРСТКА САЙТА………………………………………………......35
4.1 Разработка логической и физической структуры сайта……………..35
4.2 Детализация выбранной концепции и разработка окончательного
дизайн-макета сайта………………………………………………………..........38
4.3 Тестирование сайта………………………………………………….....38
ЗАКЛЮЧЕНИЕ……………………………………………………………..…...41
СПИСОК ЛИТЕРАТУРЫ……
Файлы: 1 файл
Министерство образования и науки Российской Федерации
федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«Костромской Государственный Технологический Университет»
Факультет автоматизированных систем и технологий
Кафедра информационных технологий
Разработка
сайта-портфолио фотографа
Курсовая работа
студента 3 курса
очного отделения
группа 11-ИД-5
Зайцева Станислава Олеговича
Научный руководитель:
к.т.н., доцент
Барило И.И.
Кострома
2013г.
2
СОДЕРЖАНИЕ
ВВЕДЕНИЕ………………………………………………………………………..3
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ САЙТА………….…4
1.1 Основные подходы к определению целевого сегмента
потребителей……………………………………………………………………....4
1.2 Анализ сайтов аналогов………………………………………………....7
1.3 Обоснование выбора типа сайта……………………………………....18
ГЛАВА 2 ОСНОВНЫЕ ХАРАКТЕРИСТИКИ САЙТА………………………22
2.1 Содержание и функции сайта………………………………………....22
2.2 Описание рабочего наброска сайта…………………………………...23
2.3 Выбор функциональных зон страниц сайта……………………….....24
2.4 Колорит страниц…………………………………………………….…25
2.5 Композиционное решение…………………………………………….26
ГЛАВА 3 РАЗРАБОТКА МАКЕТА САЙТА……………………………….....28
3.1 Основные зоны сайта………………………………………………..…28
3.2 Разработка модульной сетки……………………………………….….29
3.3 Разработка руководства по стилю………………………………….....30
3.4 Оптимизация контента сайта……………………………………….....34
ГЛАВА 4 ВЕРСТКА САЙТА………………………………………………......35
4.1 Разработка логической и физической структуры сайта……………..35
4.2 Детализация выбранной концепции и разработка окончательного
дизайн-макета сайта………………………………………………………..........38
4.3 Тестирование сайта………………………………………………….....38
ЗАКЛЮЧЕНИЕ……………………………………………………………..…...41
СПИСОК ЛИТЕРАТУРЫ…………………………………………………….....42
ПРИЛОЖЕНИЕ А…………………………..……………………………….......44
3
ВВЕДЕНИЕ
Огромным интересом и популярностью пользуются качественные
фотоснимки в сети. Чтобы стать успешным и востребованным фотографом,
недостаточно научиться пользоваться фотоаппаратом на высшем уровне и
делать модные яркие фотографии. Для многих фотографов Интернет стал
прекрасной возможностью донести до многомиллионных пользователей сети
свое творчество и одним из способов саморекламы. Без грамотной красивой
презентации своих фоторабот сложно будет добиться успеха.
Цель – разработать сайт-портфолио фотографа.
Объект – процесс разработки частных сайтов.
Предмет – особенности разработки сайта портфолио фотографа.
Задачи:
1. Рассмотреть теоретические основы разработки сайта.
2. Проанализировать основные характеристики сайта.
3. Разработать макет сайта.
4. Выполнить верстку сайта и его тестирование.
4
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ САЙТА
1.1 Основные подходы к определению целевого сегмента
потребителей
Для продвижения сайта в интернете, необходимо учитывать множество
факторов, влияющих на результат продвижения. И одним из первоочередных
факторов которые необходимо учесть, – это предпочтения целевой
аудитории сайта. Согласно общепринятому определению, целевая аудитория
сайта – это группа интернет пользователей, на которую сфокусировано
содержание сайта; круг посетителей, заинтересованных в информации,
товарах или услугах, представленных на сайте. Целевые посетители точно
знают, в получении какой информации они заинтересованы и какой именно
товар или услугу желают приобрести.
Определение целевой аудитории – основная задача на этапе
проектирования сайта. Важно не только определиться, какую информацию
предложить клиенту, но также важно правильно ее преподнести, а для этого
необходимо обрисовать круг потенциальных пользователей.
Существует много способов определения целевой аудитории сайта. В
общем случае способы определения целевой аудитории сайта можно
выделить следующие:
1.
Использование
статистических
данных
специальных
исследовательских компаний, которые профессионально занимаются
подобными вопросами.
2. Проведение опросов интернет пользователей.
3. Анализ поисковых запросов в популярных поисковых системах.
В применении того или иного из перечисленных выше методов есть как
свои преимущества так и недостатки. Так, например, при обращении к
профессиональным исследовательским компаниям главная «неприятность»
заключается в довольно высокой стоимости их услуг, хотя в результате
можно получить наиболее полную и грамотно проанализированную
информацию о своей целевой аудитории. В то же время, определение
5
целевой аудитории сайта, опираясь на собственные силы, с одной стороны
совершенно бесплатно, а с другой – не всегда поможет выявить реальную
картину.
Определим основные параметры целевой аудитории сайта. Вне
зависимости от способа определения, эти параметры могут быть таковы:
1) Пол.
2) Возраст.
3) Место жительства.
4) Уровень дохода.
5) Социальный статус.
Основные категории пользователей, на которых ориентирован данный
сайт, можно определить следующим образом:
1) Любители фотографии.
2) Фотографы– коллеги, конкуренты.
3) Пары, желающие зарегистрировать свой брак.
семьи и люди желающие иметь в своем семейном архиве качественные
фотографии.
4) Прочие клиенты.
Определение целевого сегмента позволит нам узнать целевую
аудиторию, на которую направлена работа организации.
Для определения целевого сегмента нужно провести сегментацию
потребительского рынка. Рассмотрим некоторые факторы сегментации:
1. Географические. Организация нацелена на потребителей
(организации) находящихся на территории города Шарьи, но так же
обслуживает и потребителей/организации Костромской области.
2. Демографический. Основными признаками влияющие на этот фактор
для потребителей будут его возраст, так как люди уже имеющие хорошую
карьеру и хороший доход будут обустраивать свой дом, а следовательно и
покупать ценные вещи, которые нужно охранять и беречь. Организации,
магазины и предприятия также будут заказывать услуги данной организации,
6
так как при охране и защите можно будет предотвратить попытки потери
ценных вещей.
3. Экономический. Любые юридические организации могут в основном
обеспечить себя услугам нашей организации. Физические лица – на
предприятие будут обращаться люди среднего класса и предприниматели.
4. Психологический. Если потребитель очень бережен к своему
имуществу, он захочет его защитить, сберечь.
5. Профессиональные. Потребители, имеющие высокую должность,
будут заказывать наши услуги, так как имеют информацию, которую нужно
сохранить от завистников и врагов
Таблица 1.1 – Критерии сегментации потребительского рынка
Критерий
Показатель
Географический
Сайт рассчитан на город Кострому и Костромскую
область.
Демографический
Пол любой.
Возраст от 15 лет.
Уровень дохода от 10000.
Психологический
Особенности личности и образа жизни.
Таким образом, проведя анализ целевой аудитории, было выявлено, что
данный сайт будет наиболее популярен среди лиц как мужского, так и
женского пола от 15 до 50 лет, проживающих в разных регионах Костромы
и Костромской области с достатком средним и выше среднего.
1.2 Анализ сайтов аналогов
При создании уникального дизайна сайта, необходимо произвести
анализ сайтов конкурентов для принятия решения о возможной структуре
7
сайта, выборе технологии его реализации, для сравнения дизайнерских
находок и цветовых вариантов оформления web–страниц.
Поиск сайтов аналогов был произведен по
запросу "фотограф
Кострома" в поисковой системе yandex.ru. По результатам запроса было
отобрано 3 сайта–конкурента. Кроме того 2 конкурента было взято из списка
популярных фотографов сайта 500px.com.
При анализе сайтов, обращалось внимание на такие области как:
оригинальности дизайна сайта, функциональности, юзабилити, качества
программирования, корректности отображения верстки страниц и т.д.
Конкуренты:
1) Фотограф Марина Зайцева (Кострома)
photo.v–kostrome.com/
2) Фотографы Александр и Дарья Антипины (Кострома)
fotodaa.ru/
3) Фотографы Гусева Анастасия и Погорелов Алексей (Кострома)
foto.mykostroma.ru/
4) Фотограф Павел Апалькин (Запорожье, Украина)
ukrainianphotographers.com/photographers/paul–apalkin/
5) Фотограф Светлана Беляева
belsveta.net/
8
1. Фотограф Марина Зайцева
Рисунок 1.1 – Главная страница сайта
Рисунок 1.2 – Страница портфолио
9
Таблица 2.1 – Сильные и слабые стороны сайта
Достоинства
Недостатки
1) Быстрая загрузка страниц.
2) Удобное и понятное меню.
3) Слайдшоу на главной странице.
1) Скудное оформление.
2) Не заполнен раздел "портфолио".
3) Не заполнен раздел "услуги".
4) Раздел "о себе" составляет 80%
всей информации сайта.
5) Плохо различим светло–серый
текст на белом фоне.
Вывод: сайт не полностью доделан, из за чего нельзя в полной мере
ознакомиться с продуктом производимым фотографом.
2. Фотографы Александр и Дарья Антипины
Рисунок 1.3 – Главная страница сайта
10
Рисунок 1.4 – Страница портфолио
Таблица 2.2 – Сильные и слабые стороны сайта
Достоинства
Недостатки
1) Хорошее, гармоничное
оформление.
2) Удобное меню.
3) Большой ассортимент фотографий
для просмотра.
1) Долгая загрузка страниц.
2) Не рабочий раздел "галерея".
3) Непонятный раздел "гостевая
книга".
4) Ошибки в разделе "Цены и
контакты".
5) Большая нагрузка на процессор
при просмотре фотографий из за чего
начинаются "притормаживания".
Вывод: сайт позволяет в полной мере оценить работы фотографов, но
некоторое неудобство доставляет неудобный просмотр фотографий и
"притормаживания" при прокручивании списка фотографий.
11
3. Фотографы Гусева Анастасия и Погорелов Алексей
Рисунок 1.5 – Главная страница сайта
Рисунок 1.6 – Страница портфолио
12
Таблица 2.3 – Сильные и слабые стороны сайта
Достоинства
Недостатки
1) Хорошее оформление.
2) Удобное меню.
3) Большой ассортимент фотографий
для просмотра.
4) Есть колонка новостей.
5) Есть график занятости.
6) Красиво оформлены предложения
на фото–съемку.
7) Отдельные альбомы для каждого
вида съемок.
1) Долгая загрузка страниц.
2) Не рабочие разделы
«
Студия
»
,
«
Отзывы
»
,
«
Публикации
»
.
3) Не заполнен раздел
«
Услуги
»
.
4) Портфолио давно не обновлялось.
Вывод: сайт позволяет оценить работы фотографов, но так как сайт не
обновлялся с 2011 года, вся информация на нем является устаревшей.
4. Фотограф Павел Апалькин
Рисунок 1.7 – Главная страница сайта
13
Рисунок 1.8 – Страница портфолио
Таблица 2.4 – Сильные и слабые стороны сайта
Достоинства
Недостатки
1) Приятный дизайн.
2) Сайт подгоняется под размер
экрана.
3) Эффект "расбрасывания"
фотографий.
4) Увеличение при наведении.
1) Сайт сделан по готовому шаблону.
2) Вся информация на английском
язык.
3) Много лишней информации в
"шапке".
Вывод: сайт позволяет оценить работы фотографа, но по причине того
что сделан по готовому шаблону похож на множество других, сделанных по
этому же шаблону.
14
5. Фотограф Светлана Беляева
Рисунок 1.9 – Главная страница сайта
Рисунок 1.10 – Страница портфолио
15
Таблица 2.5 – Сильные и слабые стороны сайта
Достоинства
Недостатки
1) Максимально простая навигация в
сочетании с техническими
новшествами.
2) Удобность.
3) Изменен дизайн полосы
прокрутки.
1) Мало фотографий.
2) Давно не обновлялся.
3) Слишком простое оформление
раздела с фотографиями.
4) Мало информации.
5) Плохо различим белый текст меню
на главной странице.
Вывод: сайт позволяет оценить работы фотографа, но простота
оформления порой даже неуместна. Так же очень мало информации о самом
фотографе.
Таблица 2.6 – Сводная таблица для оценки конкурентов
Критерий оценки
Конкуренты
Марина
Зайцева
Антипины
Погорелов
и Гусева
Павел
Апалькин
Светлана
Беляева
Навигация
5
3
4
2
5
Скорость загрузки
5
3
4
5
5
Обратная связь
5
4
5
4
3
Новости
0
0
3
0
0
Объем основной
информации
2
4
4
3
3
Доп. информация
2
2
2
2
2
Акции
0
1
1
0
0
Оформление текста
2
4
4
5
5
Средняя оценка
2,4
2,6
3,2
2,9
3,1
16
Таким образом, по среднему показателю лучшим сайтом данной
тематики оказался сайт фотографов Гусевой Анастасии и Погорелова
Алексея. Конкурентам он уступает только по скорости загрузки. По
содержимому и удобности использования он является лучшим сайтом из
представленных.
1.3 Обоснование выбора типа сайта
При создании сайта определено, к какому виду веб-узлов относится
сайт. И именно после выбора типа сайта разрабатывается его структура,
дизайн, подбирается информация.
Основные типы сайтов:
1. Информационные сайты. Это сайты, на которых размещаются
статьи по конкретной и относительно узкой тематике. В отличие от
остальных типов сайтов, здесь основной трафик идет с поисковых систем.
Поэтому особенность раскрутки этих ресурсов – в непрерывном стремлении
к улучшению позиций сайта в поисковиках.
2. Операционные сайты. Сайтом такого типа можно воспользоваться с
целью выполнения какой–либо операции или задачи. В эту категорию входят
сайты, занятые в электронной коммерции.
3. Развлекательные сайты. Это сайты, содержащие на своих страницах
развлекательный контент: ролики, комиксы, анекдоты, истории, рассказы и
т.д. Они напоминают городские парки: за небольшую сумму можно
покататься на каруселях, съесть что-нибудь вкусное, поиграть, отдохнуть,
почитать, погулять и т.д. Принцип тот же, только занятия несколько иные.
4. Коммерческие сайты. При классификации сайта и его конечной
реализации важно обрисовать целевую аудиторию. Бизнес решения
направлены на информирование уже привлеченных клиентов и рекламу
среди потенциальных покупателей, возможных партнеров, инвесторов и т.д.
Здесь должна содержаться подробная информация о предмете разговора,
сравнительные анализы и популярные объяснения, почему выбирать надо
17
именно Вашу продукцию. При выборе: неплохо реализовать интерактивные
подсказки, чтобы потенциальный клиент мог осуществить правильный выбор
продукции. Это удобно для посетителя, поскольку он будет уверен, что
деньги пойдут на полезную и действенную вещь, подходящую под его
условия эксплуатации. К тому же, сразу видно стоимость. Это удобно и для
бизнесмена, поскольку не придется всем и каждому разъяснять абсолютно
банальные, как может показаться, вещи. Да и проблем с возвратом и обменом
продукции будет на порядок меньше.
5. Персональные сайты. Персональной страницей раньше назывались
сайты, которые действительно состояли только из одной веб–страницы.
Сегодня к этому типу относятся уже все многостраничные ресурсы,
сделанные одним человеком, который хочет чем–то поделиться с
читателями, о чем–то им сказать. Сюда же можно отнести многочисленные
блоги, выложенные на платных хостингах.
6. Сайт–визитка. Подобные проекты представляют собой электронную
визитную карточку. Она лучше бумажного варианта по нескольким
причинам, но главное – на ней можно написать намного больше, чем на
небольшой бумажке. Такие ресурсы содержат дополнительную информацию
о роде вашей деятельности, качестве и особенностях товара. Сайт–визитка
позволяет значительно экономить на рекламных компаниях, поскольку сам
по себе привлекает потенциальных клиентов. Зачастую такие проекты
содержат не более десятка отдельных страниц, структурированных строго
линейно. Это очень важный параметр. Не зря многие компании записывают
его локальную версию на компакт–диск, чтобы распространять вместе с
продукцией среди клиентов. Это довольно эффективный и дешевый способ
саморекламы.
7. Комбинированные сайты. Подобный ресурс сочетает в себе
лучшие/худшие
особенности
нескольких
приведенных
вариантов
исполнения. Здесь все будет зависеть от актуальности рода деятельности,
вложенных средств и вообще качества исполнения. К такому типу можно
18
отнести довольно большое количество сайтов, многие из которых являются
достойными килобайтами кода. Как правило, подобный ресурс преследует
строго определенную цель и попутно несколько менее значимых. Чем
больше вложено средств, тем удобнее и качественно будет реализована
задумка. В целом, конечной целью такого сложного проекта является
обычное желание заработать или громко заявить о себе. Насколько это
удачное решение будет зависеть как раз таки от вышеупомянутых факторов.
8. Образовательные сайты. Сайт такого типа курирует некое
образовательное учреждение (возможно, имеющее
отношение к
правительственным
органам);
он
используется для обеспечения
образовательных или исследовательских задач.
Таким образом, исходя из терминологии представленной выше,
разрабатываемый сайт относится к персональным. На нѐм представлена
информация о фотографе и примеры его работ. Так же он является
дополнительным рекламным средством его услуг.
Выводы по первой главе:
1. На основании проведенного теоретического анализа особенностей
разработки был выявлен целевой сегмент аудитории.
2. Была проведена работа по анализу сайтов–аналогов.
3. На основании теоретического анализа было определенно, что
разрабатываемый сайт относится к персональному типу сайтов.
19
ГЛАВА 2 ОСНОВНЫЕ ХАРАКТЕРИСТИКИ САЙТА
2.1 Содержание и функции сайта
В ходе анализа сайта и его целей были определены следующие
технические требования к верстке сайта:
1. Сайт будет построен в стиле минимализма, в котором основную
смысловую нагрузку берут на себя работы фотографа.
2. Дизайн страниц основан на «фиксированных» размерах страниц,
минимальное разрешение экрана монитора – 1280x900px (содержимое
браузера будет отображаться без горизонтальной линии прокрутки).
3. Верстка сайта оптимизирована на корректную работу в популярных
браузерах.
4 . HTML, CSS, jQuery и Java Script.
5. Статичные html страницы.
6. Табличная верстка.
7. На главной странице будет слайд шоу с использованием Java
Script[15].
На сайте будет размещена следующая информация:
1. «Портфолио» – примеры работ сделанных непосредственно
фотографом, включает в себя альбомы : «Love-Story», «Портреты», «Дети»,
«Репортажи».
2. «Услуги» – информация о видах предоставляемых услуг.
3. «Контакты» – способы связи с фотографом и ссылки на другие
медиаресурсы.
4. «О себе» – информация о фотографе.
20
2.2 Описание рабочего наброска сайта
Рисунок 2.1 – Карта сайта
1. Горизонтальное меню в верхней части сайта.
2.
Меню содержит в себе разделы:
«Портфолио», «Услуги»,
«Контакты», «О себе».
3. Подменю с разделами:
«Love-Story», «Портреты», «Дети»,
«Репортажи» при нажатии на вкладку меню «Портфолио».
4. Минимализм в оформлении, не отвлекающие от просмотра
фотографий серые тона.
5. Копирайт в нижней части сайта и кнопки со ссылками на социальные
сети.
ГЛАВНАЯ
Услуги
Портфолио
Love-Story
Дети
Репортаж
Портреты
Контакты
О себе
21
2.3 Выбор функциональных зон страниц сайта
Первая страница, с которой сталкивается пользователь, обычно это
главная, на основе нее у человека строится схема перемещения на сайте,
поэтому центральная навигация, и любая другая, должна быть всегда на тех
же местах, что бы пользователь спокойно мог вернуться, перейти в нужный
ему раздел и найти нужный материал.
На любой странице сайта должны присутствовать следующие элементы:
1) Название организации, которое являются ссылкой на стартовую
страницу.
2) Центральная навигация, отображающая структуру основных
информационных разделов сайта.
3) Подвал, в котором может быть указаны авторские права и какие–
либо данные, ссылки на некоторые страницы и карту сайта.
Рисунок 2.1 – Функциональные зоны главной страницы
22
2.4 Колорит страниц
При создании сайтов необходимо учитывать следующие моменты:
1) Главное правило любого дизайна: дизайн обязательно сочетает в себе
красоту и функциональность. Сайт должен быть не только красив – им
должно быть удобно пользоваться.
2) В удобство пользования сайтом входит не только размещение
управляющих элементов, но и цветовая гамма.
3) Цветовая гамма должна быть оправдана. То есть должна
соответствовать целевому назначению.
При
подборе
цветовой
гаммы
для
сайта
необходимо
учитывать особенность человеческой физиологии: человеческий глаз
воспринимает сайт совершенно не так, как печатную или наружную рекламу.
Все предметы вокруг себя мы воспринимаем в отраженном свете, а монитор
компьютера и, следовательно, все сайты
в отличие от «обычных»
стандартных предметов в реальности – активно и сильно бьют светом нам в
глаза, тем самым – гораздо сильнее воздействуют на цветовые рецепторы.
Для человека такое восприятие неестественно. Ведь человеческий глаз
миллионами лет формировался для восприятия любой визуальной
информации в отраженном свете. И конечно же – никак не может за пару
десятков лет перестроиться на восприятие в «прямом» свете, бьющем в глаза.
Поэтому восприятие информации (и текста, и графической) с монитора
кардинально отличается от восприятия такой же информации с листа бумаги.
Невнимание к этому моменту приводит к достаточно частой ошибке
начинающих веб-мастеров (и даже опытных «стандартно-бумажных»
дизайнеров) – использованию одного и того же «макета» или одинаковой
цветовой гаммы, допустим, для афиши и для сайта. Сочетания должны быть
достаточно «простыми», «безопасными», то есть достаточно нейтральными.
Главное – понимать, что цвет сайта – это мощнейший инструмент
рекламы, способный сформировать определенное отношение посетителя к
23
веб ресурсу: к размещенной на сайте информации, а также предлагаемым
услугам или товарам.
Таким образом, для реализации сайта портфолио был выбран
нейтрально серый цвет. Серый цвет не привлекает внимания и в этом его
преимущество, потому как не отвлекает от основной информации. Простое
цветовое решение с использованием серого цвета подойдет при создании
сайтов с большим объемом информации. Серый сочетается со всеми цветами
и их оттенками, поскольку является универсальным. Это классический
нейтральный цвет. Серый отражает все цвета, и в нем не доминирует ни один
из них. Это отличный цвет для фона. Он умеренно консервативен,
традиционен и говорит об интеллигентности.
2.5 Композиционное решение
Основные законы композиции:
1. Цельность. При соблюдении данного закона произведение
воспринимается как единое неделимое целое, а не как сумма разрозненных
элементов. Композиция выступает как система внутренних связей,
объединяющая все компоненты форм и содержаний в единое целое. В
композиции все элементы приводятся к гармоничной упорядоченности. Т.е.
должна быть целостность самой формы и целостность между элементами
форм.
2. Равновесие. Это состояние композиции, при котором все элементы
сбалансированы между собой. Уравновешенные части целого приобретают
зрительную устойчивость. В основном равновесие сводится к балансу по
выразительности. Выделяют:
а) Статическое – состояние композиции, при котором сбалансированные
между собой элементы в целом производят впечатление ее неустойчивой
неподвижности.
24
б) Динамическое
–
состояние
композиции, при
котором
сбалансированные между собой элементы производят впечатление ее
движения и внутренней динамики.
3. Соподчинение и равноценность элементов. Соподчинение – это
выделение центра композиции (доминанты), которому подчиняются все
остальные элементы (причем, не просто подчиняются, а усиливают его
значимость), т.е в композиции возникает иерархия. В иерархии могут быть
доминанты второго порядка (акценты).
Таким образом, исходя из законов композиции, разрабатываемый сайт
должен представлять из себя цельное и композиционно правильное
произведение, где каждый компонент дополняет друг друга.
Вывод по второй главе:
1. Определены технические требования для реализации сайта.
2. Разработана структура сайта.
3. Определены функциональные зоны сайта и их назначение.
4. На выбранной темы курсовой работы выполнен анализ и подбор колорита
страниц сайта.
5. Определенно композиционное решение сайта.
25
ГЛАВА 3 РАЗРАБОТКА МАКЕТА САЙТА
3.1 Основные зоны сайта
Для ресурса с большим количеством страниц очень важна грамотно
выстроенная навигация. В разрабатываемом сайте пользователь легко может
путешествовать по страницам сайта, ориентируясь по визуально выделенным
разделам сайта. Так как сайт в основном содержит фотоработы, то основной
акцент ставился на фото–галереи.
Сайт содержит 5 основных разделов:
1. Главная страница.
2. Портфолио.
3. Услуги.
4. Контакты.
5. О себе.
Раздел «Портфолио» в свое время делится на 4 подраздела:
1. Портреты.
2. Дети.
3. Love–story.
4. Репортажи.
В каждом из подразделов находятся находится контент в виде
фотографий, каждая из которых открывается по нажатию в специальном окне
для просмотра slimbox[19].
Шапка сайта является ссылкой на главную страницу сайта.
Таким образом, сайт обладает нужной навигацией для перехода на
страницы. Сайт имеет 3 уровня вложенности.
26
3.2 Разработка модульной сетки
Модульной сеткой называется виртуальная сетка, которая обычно
образуется при помощи горизонтальных и вертикальных линий. После чего,
к ним начинают привязывать основные элементы страницы.
Самые распространенные виды модульных сеток:
1. Одноколонная сетка. Текст в одну колонку чаще всего встречается
при фиксированном макете и публикации большого текста. Применяется на
сайтах достаточно редко, так как основной текст и ссылки по сайту удобнее
располагать в разных колонках, разделяя их тем самым. Иллюстрации в
тексте встречаются по ходу, при этом текст их обычно обтекает по контуру.
При активном применении изображений на сайте удобнее воспользоваться
фиксированным макетом, ширина которого точно известна. Тогда рисунки
можно готовить заданного размера, которые точно впишутся в макет
страницы.
2. Двухколонная сетка. Это один из самых распространенных
вариантов при использовании на сайтах. При такой модульной сетке
используется две колонки – одна отводится под основной текст, а вторая
используется для навигации и другой полезной информации. Двухколонная
сетка стала стандартом де–факто для информационных сайтов из–за своего
удобства. Действительно, все «под рукой» – и текст и ссылки, к тому же
данная сетка не исключает подключения горизонтальной навигации, как это
принято в одноколонной сетке. Они удобны при создании самых
разнообразных сайтов и не требуют особых знаний по верстке веб–страниц.
Единственный недостаток – подобные сайты выглядят достаточно
однообразно. Но с другой стороны пользователям удобнее работать с сайтом
привычного вида, без лишних «наворотов».
3. Трехколонная сетка. Такие сетки применяются на главных
страницах сайтов, где одновременно требуется показать пользователю
множество возможностей, которые он обнаружит на данном сайте. Также
27
трехколонная сетка используется и на внутренних страницах, если для
размещения различной информации двух колонок уже не хватает. Одна из
колонок отдается под навигацию, вторая, самая широкая – под основной
текст, а в третью колонку добавляют рекламу, ссылки, текст и т.д.
Трехколонная сетка обеспечивает больше простора для дизайна, ведь в
некоторых местах можно объединять колонки, разбивать материал на
отдельные фрагменты и визуально отделять один блок от другого. Макет при
этом может получиться достаточно сложным, но результат обычно того
стоит. К недостаткам трехколонной сетки относится достаточная сложность
верстки макета.
Таким образом, на сайте используется одноколонная модульная сетка.
Для размещения всей нужной информации достаточно 1 колонки.
3.3 Разработка руководства по стилю
Основные виды стилей web-страниц:
1. Стилизованная и негабаритная графика. Одна из тенденций –
негабаритные, стилизованные логотипы или шапки, задачей которых
является произвести неизгладимое впечатление на посетителя. Часто
подобного вида графика используется в очень больших расширениях, иногда
и на всю страницу, под которой скрывается контент, стоит только прокрутить
страницу вниз. Эффект усиливает его удивление от увиденного после десятка
«малографичных», уже просмотренных сайтов. Идея: стилизованная,
негабаритная графика заставляет гостя надолго запомнить посещенный
ресурс.
2. Эскизный/рисованный дизайн. Рисованный стиль не совсем новая
тенденция в веб-дизайне, но все чаще замечаем ее проявление. Далеко не
каждый дизайнер в совершенстве владеет карандашным рисованием.
Конечно, не каждая работа заслуживает место в художественном музее, но
подобный дизайн передают смысл фантазий и стирают грань между
пользователем и ресурсом, тем самым делая его еще более уютным и
28
особенным. Идея: скетч (рисованный стиль) с успехом внедряется в веб-
дизайн и в дальнейшем станет его обычной частью.
3. Заглавная и не однотонная типография. Заглавные шрифты
являются относительно новыми в веб-дизайне, но они уже более 200 лет
используются в средствах массовой информации. Раньше дизайнеры боялись
использовать разновидность шрифтов, размер и все его заглавные буквы.
Соответственно, здесь нет места хаосу, должен соблюдаться порядок и
правила типографии, но согласитесь, сайт гораздо интересней и
внушительней выглядит с правильно подобранными 2–3 заглавными
шрифтами. Идея: данная тенденция используется для того, чтобы смело
выражать контент и эффективно доносить до пользователя необходимые
мысли.
4. Типографика. Она является самой трудной тенденцией в плане
реализации. Веб–дизайнеры боятся переступить предел нормы и не
используют новые и разные шрифты, хотя в правильном решении они дают
потрясающий результат. Идея: типографика молода, но с каждым годом она
укрепляется и усиливает свою роль в веб-дизайне.
5. Одностраничный дизайн. Эта тенденция ставит задачу правильно
преподнести необходимый контент. Чаще всего это личные сайты–визитки
или реклама услуг или товаров. В 2010 году тенденция будет отходить от
причудливой навигации и станет более минимальной в своем подходе.
Обычно на одной такой странице, если рассматривать сайт-визитку, можно
найти абсолютно все об интересующейся личности, при этом, не используя
трехступенчатую навигацию, удобно. Идея: дизайн сайта–визитки станет
более личностный и упрощенный.
6. Большие изображения. Рассматриваемая тенденция является
близким родственником негабаритной графики. Большое изображение
создает тот же эффект – визуальное воздействие, которое посетители не
скоро забудут. В отличии от крупногабаритных заголовков сверху, огромные
изображения не являются частью бренда сайта. Вместо этого, эти
29
изображения привлекают внимание, если не на их содержание, так на их
размер точно. Веб-дизайнеры найдут более удобный способ использования
больших изображений в своих работах, чтобы передать нужный тон сайта и
сделать его лучше. Идея: огромные изображения неизбежны в некоторых
случаях и, на мой взгляд, трудно будет отказаться от них в будущем.
7. Фокусы с перспективой. Перспектива в веб-дизайне вымерла, но она
обязательно возродится. Можно продвинуть идею перспективы на новый
уровень и дать возможность пользователю насладится сайтом с разных точек
обзора. Идея: в силу вступят также перспективные штуки, которые превратят
сайт в красивое и необычное место.
8. Интерактивный/интуитивный дизайн. Были времена, когда флеш
технологии сильно раздражали своей недоступностью, когда сайт не
запускался в том же раздражающим флеш интерфейсе. На сегодняшний день
обстоятельство изменились, флеш сейчас гораздо свободней и гораздо
функциональней. Хоть некоторые дизайнеры предпочитают jquery формы и
всплывающие окна, flash по-прежнему остается в веб-дизайне, особенно
когда используется тонко и профессионально.
9. Модальные окна. Тенденция модальных окон набирает обороты.
Модальные окна красиво и
«
чисто
»
выглядят, легко сливаются с дизайном и
просты в использовании, что делает их идеальным решением для любого
дизайнера, который делает основной акцент на изобилии. Идея: модальные
окна будут продолжать использоваться и не утеряют своей актуальности.
10. Минимализм. Можно забыть обычное представление о
минималистических сайтах. В этом году они хоть и сохранят свое обилие
свободного пространства, но будут не так как обычно содержать большое
количество шрифтов и необычные цветовые решения. Не все
минималистичные веб-сайты смирятся с чѐрно–белой простотой. Хотя
минимализм, по сути своей, предполагает приглушѐнность цвета, в обиход
войдут и свежие тона. От минимализма не веет холодом, он согревает,
30
причѐм именно так, как надо. Идея: минимализм разделится на несколько
типов и станем наблюдать не обычный минимал в веб-дизайне.
11. Журнальная разметка. Всѐ больше людей меняют удовольствие от
чтения печатной прессы на просмотр информационно-развлекательных
онлайн-ресурсов. Создание сайтов журнальной структуры стало отдельным
направлением веб-дизайна, предполагающим аккуратное размещение
информации на единственной домашней странице, с тем, чтобы пользователь
мог выбирать материал, который ему интересен. Знакомая разметка
понравится каждому читателю журналов или газет, но виртуальное издание
будет легче изучать – никакого утомительного перелистывания.
12. Колонки знакомства. Колонки знакомства и приветствие обретут в
новом году более широкую популярность. Если вы против страницы «О
себе» на вашем сайте, в таком случае колонки приветствия будут лучшим
выбором. В 2010 году интро-блоки будут более креативно оформляться и не
на обычных местах в незаметных колонках, а возможно даже в центре, на
видном месте.
Таким образом, на разрабатываемом сайте используется стиль
минимализм. Главная идея минимализма, «меньше это лучше». Наиболее
важная часть страницы – контент, поэтому в минимализме исключается всѐ
лишнее, чтобы выделить содержание. При этом содержание, в свою очередь,
подчѐркивает дизайн. Очень важно при минимальном содержании страницы
сохранить удобство еѐ использования. И всѐ же, очень редко сайты в
минималистическом стиле выглядят некрасиво или не стильно. Поэтому
минимализм со своей лѐгкостью и элегантностью чаще всего находит
применение в каких–то корпоративных сайтах, а так же блогах, портфолио,
социальных сетях.
3.4 Оптимизация контента сайта
Так как сайт–портфолио создан для демонстрации авторских работ
фотографа, в проекте доминирующую часть занимают фотографии, которые
31
были специально сохранены для веб-сайта. Так же при разработке и верстки
сайта использовались такие графические элементы как логотип, и большое
количество графических элементов (фотографий).
Наибольший объем графических элементов традиционно содержит
раздел сайта «Портфолио», а также некоторые другие страницы. Элементы
сохранялись в формате png, jpeg.
Таким образом, разрабатываемый сайт должен иметь уникальный
контент, при использовании контента других сайтов обязательно необходимо
будет указать ссылку на источник.
Вывод по третьей главе:
1. Определены основные разделы и подразделы сайта.
2. Подобрана наиболее оптимальная модульная сетка для сайта.
3. Выбран стиль подходящий сайту по тематике.
4. Определено что основным контентом сайта будут являться
фотографии.
32
ГЛАВА 4 ВЕРСТКА САЙТА
4.1 Разработка логической и физической структуры сайта
Систему ссылочного взаимодействия между страницами виртуального
ресурса называют логической. Она должна продумываться на самых ранних
этапах разработки сайта и являться основой функциональности дизайна.
Виды моделей логической структуры:
1. Строгая линейная структура ресурса. Используется достаточно
редко, поскольку не обеспечивает предоставление необходимого удобства –
пользователи могут переходить только от фактической страницы к
следующей. Очевидная простота в данном случае противопоставлена свободе
выбора, что не каждому человеку может понравиться.
Из преимуществ рассматриваемой модели следует выделить
предсказуемость поведения пользователей и упрощение процедур разработки
сайта. Линейную структуру не имеет смысла использовать при реализации
крупных проектов, поскольку она не приспособлена для представления
информации в больших объемах.
2. Логическая структура «решетка». Наиболее часто встречается при
создании интернет–магазинов и представляет собой линейную структуру,
функционирующую в двух направлениях, подразумевающих присутствие
вертикальной и горизонтальной связи между страницами.
3. Логическая структура «дерево». Наиболее распространенная
модель, выстраиваемая в определенной иерархической последовательности.
Посетители получают полную свободу управления глубиной анализа ресурса
и могут заходить на страницы любого уровня. Данная структура может иметь
негативное влияние, если пользователям придется осуществлять большое
количество действий для достижения необходимых результатов, а
вариативность выбора способна потребовать большого количества времени
на изучение предоставленных возможностей.
33
4. Логическая структура «паутина». Ее может быть связано с
желанием обеспечить выразительность предоставления информации или
обычным стечением обстоятельств. Определенная страница может ссылаться
на другой источник информации, что и обеспечивает максимальную полноту
получения данных.
Таким образом сайт реализован на логической структуре «дерево».
Посетители могут свободно переходить по всем разделам сайта.
Сайт «Портфолио фоторафа»
Портфолио
Услуги
Контакты
О себе
Портреты
Дети
Love-story
Репортаж
Портфолио
Список
услуг
Список
способов
связи
Информация
Рисунок 3.1 – Логическая структура сайта
Физическая структура сайта описывает размещение файлов и папок на
диске компьютера.
При реализации проекта была сформирована файловая структура для
упорядочивания файлов и простоты их нахождения. Основные,
функциональные файлы находятся в одной папке, созданной специально для
данного проекта. Это упрощает работу, исключает возможность потери
какого-либо из документов.
Изображения, которые используются для верстки, расположены в папке
images которая находится в основном каталоге проекта, так же в данном
каталоге находятся некоторые изображения меню и пр. Так же для каждого
раздела портфолио сформирована отдельная папка в которых собран весь
иллюстративный материал, предварительно подготовленный и оптимизиро–
34
ванный под веб-публикацию, что дает возможность без проблем добавлять
или обновлять контент при необходимости.
В проекте использовалось программирование на языке JavaScript.
Необходимые библиотеки для работы данного языка находятся в папке js.
Файлы стилей CSS расположены в папке css.
Корневой каталог
Портфолио
css
js
slide
home
home_foto
home_kid
kid
images
mystyle.css
...images.jpg
home
home_foto
home
home_foto
slimbox2.css
allscripts.js
jqueryminifie
d.js
jquery.js
slimbox2.js
...images.jpg
...images.jpg
...images.jpg
...images.jpg
...images.jpg
...images.jpg
...images.jpg
...images.jpg
port.html
dety.html
o_sebe.html
love.html
Договор.docx
index.html
kont.html
o_sebe.html
uslugi.html
vk.gif
facebook.png
500px.png
mw.png
logo.png
bg.png
Рисунок 3.2 – Физическая структура сайта
Таблица 3 – Перечень информации
Наименован
ие страницы
Содержимое Тип
Формат
Главная
Слайдшоу
Картинки
Jpg
png
Услуги
Услуги
Текст
-
Контакты
Контакты
Текст,
картинки
Jpg
Png
Портфолио
Галереи
фотографий
Картинки
Jpg
Png
О себе
О себе
Текст
Jpg
Такая организация позволяет быстро и качественно организовать работу,
как с функциональными файлами, так и с графическим материалом,
35
своевременно находить и устранять ошибки, вносить те или иные
коррективы.
4.2 Детализация выбранной концепции и разработка окончательного
дизайн–макета сайта
В
качестве
хостинга
был
выбран
бесплатный
сервис
http://www.hostinger.ru/
Он включает в себя 2GB на диске, 100GB Трафика, PHP/MySQL.
Особенности данного хостинга:
1. Нет рекламы и баннеров.
2. Удобный онлайн Сайт Билдер.
3. Поддержка PHP и MySQL.
4. Авто–Установщик скриптов и CMS.
5. Есть возможность установить Wordpress, Joomla, форумы и многое
другое за пару кликов.
Далее было выбрано доменное имя. Оно будет фигурировать на визитке
и рекламе. Его будут вводить в адресной строке. Желательно, чтобы название
было коротким и легко запоминаемым, чтобы его можно было продиктовать
по телефону и записать на слух.
Адрес
для сайта был задан как ctansersfoto.bl.ee
,
где ctanser –
псевдоним, foto – род занятий, доменная зона ".bl.ee" – ограничение
бесплатного хостинга.
3.1 – Шапка сайта
36
3.2 – Макет сайта
Таким образом, в этом пункте была разобрана разработка
окончательного макета сайта. Изображения готовых главной страницы и
страниц портфолио можно посмотреть на рисунках 2.2 и 2.4 соответственно.
4.3 Тестирование сайта
Тестирование сайта обычно используют перед запуском большого
проекта, чтобы получить гарантии правильной работоспособности или уже
на существующем проекте, чтобы повысить его эффективность. Чем сложнее
сайт, тем в более серьезном тестировании он нуждается. Многие
разработчики и заказчики упускают этап тестирования сайта, в результате
это может привести к серьѐзным финансовым потерям, дополнительным
трудозатратам и недовольству пользователей.
37
Тестирование сайта проводят для того, чтобы убедиться, что он
соответствует техническому заданию. Оно включает в себя:
1. Просмотр сайта на мониторах, имеющих различную разрешающую
способность.
2. Проверку времени, затрачиваемого на загрузку всех страниц сайта при
заданной скорости соединения с сетью интернет.
3. Просмотр сайта с помощью различных браузеров и их версий.
4. Проверку правильности отображения шрифтов различными
браузерами и их версиями.
5. Проверку корректности гиперссылок и устранение ошибок в них.
6. Проверку графических материалов: рисунков, фотографий и пр.
7. Проверку замещающих надписей графических материалов сайта.
8. Проверку счетчиков, размещенных на страницах сайта.
9. Проверку для каждой страницы еѐ описания, содержания, свойств и
мета–тэгов.
10. Проверку орфографии и пунктуации текстов.
11. Проверку соответствия наполнения страниц исходному контенту,
полученному от заказчика.
Для
тестирования
сайта
будет
использован
сервис
http://validator.w3.org/.
В ходе тестирования была найдена 1 ошибка:
Validation Output: 1 Error
HTML5 Validator Error
38
✉
Line 52, column 9: The center element is obsolete. Use CSS
instead.
<center
>
Исправить еѐ не удалось, так как не было найдено подходящей замены
этому тегу.
Таким образом, в ходе проделанной работы разрабатываемый сайт был
проверен на корректность написания и правильность работы.
Вывод по четвертой главе:
1. Разработана логическая и физическая структура для разрабатываемого
сайта.
2. Произведена верстка сайта «Портфолио фотографа».
3. Произведена проверка на ошибки с помощью специальных сервисов.
ЗАКЛЮЧЕНИЕ
В настоящее время сайты являются эффективным маркетинговым
ходом для продвижения организаций. Целью курсовой работы была сайта-
портфолио фотографа с целью привлечения клиентов. Вовремя работы были
решены следующие задачи:
1. На основании проведенного теоретического анализа был выявлен
целевой сегмент аудитории, проведена работа по анализу сайтов-аналогов с
определением их сильных и слабых сторон, и определен тип сайта.
39
2. При разборе главных характеристик сайта определены требования к
реализации сайта и информация, которая должна находиться на сайте. Был
разработан рабочий набросок сайта с его полным описанием и выявлены
функциональные зоны сайта. Проведена работа по определению сочетания
цветов для страниц сайта и композиционного решения сайта.
3. При разработке макета сайта определен уровень вложенности страниц
сайта, навигация по сайту и текстовые блоки. Определенна модульная сетка
сайта, которая будет применена к сайту. Был разработан стиль текста,
который будет располагаться на сайте.
4. На основании макета сайта была разработана логическая и физическая
структура для разрабатываемого сайта. Проведена верстка сайта «Портфолио
фотографа». В заключительном этапе проведено тестирование сайта на
корректность работы сайта.
Таким образом, можно сделать вывод, что поставленная цель была
реализована в ходе курсовой работы, и все поставленные задачи выполнены.
40
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ
1. Ашманов, И.В. Оптимизация и продвижение сайтов в поисковых
системах, 2013 г. – С. 58-60.
2. Банкрашков, А.В Самый полный справочник. Графический дизайн,
2008 г. – 37с.
3. Валидация CSS // http://htmlbook.ru/metki/validatsiya/
4. Евдокимов, Н.В. Основы контентной оптимизации. Эффективная
интернет-коммерция и продвижение сайтов в интернет, 2007 г. – 39с.
5. Классификация веб-сайтов // http://yanajy.livejournal.com/10148.html./
6. Круг С., Веб-Дизайн: книга Стива Круга или "не заставляйте меня
думать!", 2012 г. – 68с.
7. Логическая структура сайта // http://www.site-4you.ru/logicheskaya-
struktura-sajta/
8. Навигация по сайту // http://www.promsoft.ru/lection-navigation/
9. Нильсен, Я., Лоранжер, Х., Web-дизайн. Удобство использования
Web-сайтов, 2009 г. – C. 25-27.
10. Объединение охранных структур, а именно отдел «Гранд Монтаж» //
http://www.security44.ru/
11. Основные типы сайтов // http://jukstudio.ru/osnovnie_tipy_saitov/
12. Паблишер, А. Управление проектом по созданию интернет-сайта,
2001 г. – 106с.
13. Репьев, А.П. Маркетинговое мышление, или Клиентомания, 2006 г. –
С. 97-99.
14. Видео–уроки по обучению Java Script и jquery
http://www.evgeniypopov.com/
15. Создание слайдшоу на java script
http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm
16. Понятие домена
http://umi.ru/blog/domains/
41
17.Концепция веб–дизайна
http://ironner.ru/web_design/concept_wdesign
18. Цветовая гамма сайта
http://paljutemu.ru/2011/10/gamma/
19. Создание окна для просмотра фотографий slimbox
http://www.digitalia.be/software/slimbox2
20. Тестирование сайтов
http://itfstudio.ru/content/testing
21. Композиция сайта
http://wellgoal.ru/seo–dizajn/kompoziciya–sajta–na–raz–dva–tri/
22. CSS фон и изображения
http://www.webpupil.ru/view_css_step.php?id=3
23. Кавычки «ѐлочки»
http://www.designer.pasha.by/alt–codes–ili–kavychki–elochkoi–eto–po–russki
24. Факторы сегментации
http://cyberfac.ru/publ/marketing/marketing/osnovnye_faktory_segmentacii_r
ynka/13–1–0–383
25. Физическая структура сайта
http://www.realcoding.net/teach/dreamweaver
42
ПРИЛОЖЕНИЕ А
Использованное программное обеспечение
1) Adobe Lightroom 5.2.
http://www.adobe.com/ru/products/photoshop–lightroom.html
Популярная программа для обработки "сырых" фотоснимков – raw.
С помощью этой программы производилась начальная обработка
изображений – цветокоррекция, настройка света, яркости, резкости и
контраста.
Рисунок А.1 – Рабочее окно программы Adobe Lightroom
2) Adobe Photoshop СS5/CC
http://www.adobe.com/ru/products/photoshopfamily.html
Один из самых популярных и профессиональных редакторов для работы
с растровой графикой. С помощью этого пакета изменялись параметры
изображений. Выполнялась их ретушь, цветокоррекция.
43
Рисунок А.2 – Рабочее окно программы Adobe Photoshop
3) phpDesigner
http://www.mpsoftware.dk/phpdesigner.php
PhpDesigner – мощная программа для создания, редактирования,
отладки, анализа и публикации веб–страниц и приложений на языке PHP.
Программа примечательна тем, что кроме PHP в ней реализована поддержка
HTML, MySQL, XML, CSS, JavaScript, VBScript, JAVA, C, Python и Ruby.
Рисунок А.3 – Рабочее окно программы phpDesigner
Информация о работе Разработка сайта-портфолио фотографа