Разработка и создание электронного портфолио

Размещено на http://www.allbest.ru/

Министерство образования и науки РФ

ФГБОУ ВПО «Омский государственный технический университет»

Кафедра: «Дизайн и технологии медиаиндустрии»

КУРСОВАЯ РАБОТА

По дисциплине: «Компьютерные технологии в профессиональной деятельности»

На тему: «Разработка и создание электронного портфолио»

Выполнила: Курач Д.А.

Ст-ка гр ВД-212

Омск-2014

• Оглавление
• Введение
• Глава 1. Теоретический аспект разработки и создания электронного портфолио
• 1.1 Понятия, виды и структура электронного портфолио
• 1.2 Средства создания электронного портфолио
• 1.3 Авторское право в интернете
• 1.4 Специфика создания веб-портфолио
• Глава 2. Разработка и реализация электронного портфолио фото-художника
• 2.1 Анализ веб-портфолио фото-художников
• 2.2 Разработка собственного портфолио
• Заключение
• Библиографический список

Введение

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

В этом может помочь портфолио (итал. portfolio -- портфель, папка для документов) - собрание образцов работ, фотографий, дающих представление о предлагаемых услугах организации (фирмы) или специалиста (модель, фотограф, дизайнер, архитектор и т. д.).[1]

Понятие «портфолио» пришло к нам из Западной Европы ХV-ХVI веков. В эпоху Возрождения архитекторы представляли заказчикам наброски своих строительных проектов в особой папке, которую и называли «портфолио». Представленные документы позволяли заказчикам составить впечатление о профессиональных качествах претендентов. В настоящее время в сфере бизнеса портфолио применяется для показа достижений фирмы, а в среде фотографов и фотомоделей - как альбом с фотографиями. Идею использования портфолио в сфере образования возникла в США в середине 80-х годов. К началу XXI века идея становится популярной во всем мире, в том числе и в России. Основной смысл портфолио заключается в том, чтобы показать все, на что ты способен.[6]

Итак, цель моей курсовой работы: «создать свое электронное портфолио».

Для достижения поставленной цели необходимо решить следующие задачи:

- изучить теоретический материал по теме исследования;

- освоить программы для создания портфолио;

- проанализировать сердце портфолио;

- спроектировать собственное портфолио.

В первой главе представлена информация по созданию электронного портфолио и средства создания.

Во второй главе разработана и реализована концепция веб-портфолио.

Глава 1. Теоретический аспект разработки и создания электронного портфолио

1.1 Понятия, виды и структура электронного портфолио

Понятия:

Портфолио означает «портфель, папка для документов».

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

В чем же преимущества портфолио:

· позволяет наглядно продемонстрировать умения человека в самых разных областях;

· это весь комплекс знаний, навыков, умений и опыта, целостно и системно отражающих всю трудовую, учебную и иную деятельность;

· очень удобная форма хранения информации;

· позволяет работодателю оценить уровень профессиональных навыков.

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

Электронное портфолио удобно тем, что:

- его легче дополнить и усовершенствовать;

- можно переслать в сети интернета в любую точку одним щелчком;

- если портфолио сделано в виде веб-страницы, то это удобная система навигации по разделам, если таковые имеются;

- всегда можно взять отдельную часть и распечатать по мере необходимости;

- можно хранить на электронных носителях.

Основные функции портфолио:

- аналитическая - анализирует и обобщает работу специалиста;

- накопительная - отражает достижения работника культуры (грамоты, дипломы, удостоверения, сертификаты и т. д.) и раскрывает спектр выполненных творческих работ (проекты, исследования, сценарии мероприятий, библиографическая продукция, и т. п.);

- модельная - отражает динамику профессионального развития, демонстрирует стиль работы, помогает спланировать деятельность;

- развивающая - обеспечивает непрерывный процесс самообразования; а мотивационная - поощряет результаты деятельности;

- рекомендательная - представляет личность при смене работы.[3]

Электронное портфолио - совокупность работ представленных, либо на цифровых носителях(CD/DVD), либо в виде web-сайта.

Электронное портфолио позволяет работать с большим объемом информации, создать удобный способ навигации с добавлением гиперссылок, предоставить работы в единой стилистике (шрифт, цветовая палитра и т.д.), вносить изменения в структуре портфолио.

Веб-портфолио - это личный сайт без рекламы, с индивидуальным дизайном, с полным функционалом социальной сети для создания сообществ и общения, возможностью простого и самостоятельного обновления без привлечения программистов. На страничках сайта-портфолио размещается заранее спланированная и специально организованная индивидуальная подборка материалов и документов (текст, фото, аудио, видео файлы), которая демонстрирует профессиональные достижения в различных областях. [4]

Виды и структура:

Портфолио может использоваться в разных областях:

· школа ( портфолио развития, выпускника и по предметам);

· ВУЗ (портфолио абитуриента, студенческое, трудоустройства);

· Профессиональная сфера (портфолио специалиста).

Школьное портфолио позволяет:

- поддерживать высокую учебную мотивацию обучающихся;

- формировать умение учиться - ставить цели;

- планировать и организовывать собственную учебную деятельность;

- оценить его образовательные достижения и дополнить (заменить) результаты тестирования и других традиционных форм контроля;

Портфолио ВУЗа позволяет:

- при поступлении продемонстрировать свои навыки, умения и достижения, полученные за время обучения в школе;

- оценивать свою работу во время обучения;

- облегчает поиск работы после обучения.

Портфолио специалиста позволяет:

- работодателю оценить уровень ваших знаний в требуемой области;

- продемонстрировать весь набранный опыт за время обучения и работы.[2]

В зависимости от цели использования существуют различные модели портфолио.

Презентационное портфолио. Коллекция лучших работ специалиста. Используется при поступлении на новое место работы (особенно в тех случаях, когда заработная плата назначается по итогам собеседования) или для участия в профессиональном конкурсе. На рис. 1 демонстрируется один из вариантов структуры презентационного портфолио.

Рис.1. Структура презентационного портфолио

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

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

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

Например, можно включить в портфолио несколько баннеров для страницы, чтобы продемонстрировать этапы эволюции дизайна.

Портфолио проекта. Портфолио проекта содержит более полную выборку работ по определенному проекту. Данное портфолио отражает объем работ, выполненных по проекту, -- показывая все этапы, отзарождения идей до завершения проекта.

Рефлексивное портфолио. Материалы по оценке (самооценке) достижения целей.

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

Тематическое портфолио. В этой модели акцент делается на тематически обособленные работы в рамках той или иной темы или модуля. Тематическое портфолио имеет смысл делать, если человек занимается какой-то определенной темой не разово, а постоянно или часто.

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



Рис.2. Структура комплексного портфолио [3]

Структура комплексного портфолио:

Портфолио состоит из семи разделов, которые при необходимости можно совместить или, наоборот, раздробить. Их названия даны условно.

1. В разделе "Титульный лист" указываются следующие сведения:

- название папки (например, "Творческое досье библиотекаря");

- Ф.И.О. автора;

- должность;

- название места работы;

- адрес, рабочий телефон, e-mail;

- содержание портфолио.

2. Раздел "Визитная карточка". Его можно назвать и по-другому, например: "Анкетные данные", "Общие сведения об авторе", "Персональный блок", "Портрет", "Паспорт" и т. п. В этом разделе раскрывается личность владельца портфолио, здесь можно разместить:

- фотографию автора;

- автобиографию;

- профессиональное кредо, цели и задачи деятельности (представление профессиональной позиции с основными ценностями, цитаты, отрывки из документов, мнения, созвучные автору портфолио);

- документы об образовании;

- общий трудовой стаж;

- квалификационную категорию;

- профессиональные и личные интересы;

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

- исследовательские работы;

- программно-проектная деятельность;

- индивидуальная работа;

- массовая работа (сценарии мероприятий, выставки, фотографии и видеокассеты с записью проведенных мероприятий и т. п.);

- справочно-информационная деятельность;

- использование компьютерных технологий;

- рекламная деятельность.

4. Раздел "Образовательный коллектор" ("Карта профессионального роста", "Научно-методическая деятельность", "Индивидуальная образовательная карта") позволяет судить о процессе индивидуального развития владельца портфолио. Здесь отражаются:

- документы о повышении квалификации (удостоверения об окончании курсов);

- результаты итоговой аттестации, тестирования;

- работа в методических объединениях;

- участие в образовательных мероприятиях (семинарах, конференциях, круглых столах и т. д.);

- участие в профессиональных и творческих конкурсах;

- публикации и выступления в СМИ;

- работа по обобщению и распространению опыта (создание информационных листков, методических пособий).

5. Раздел "Банк личных достижений" ("Портфолио документов", "Мои достижения") представляет собой портфель сертифицированных (документированных) индивидуальных достижений с целью повысить значимость автора портфолио и отразить его успехи в поощрениях и наградах. Здесь могут быть представлены:

- копии документов, подтверждающих наличие ученых и почетных званий и степеней;

- гранты, сертификаты, свидетельства;

- грамоты;

- благодарственные письма;

- дипломы различных конкурсов;

- другие награды по усмотрению автора.

6. Раздел "Портфель отзывов" включает:

- отзывы о работе (коллег, читателей, руководителей разных уровней);

- оценки результатов труда;

- рецензии на авторские материалы, тексты заключений;

- рекомендательные письма;

- статьи об авторе портфолио.

7. Раздел "Авторская самооценка" предполагает размышления автора портфолио над интеграцией своего профессионального опыта и поиском оптимальных путей развития собственной деятельности. Данный раздел может содержать:

- размышления автора по поводу своей сферы работы; ш самоанализ работы;

- коррекцию собственной деятельности;

- стратегию профессионального развития.

Принципы построения портфолио:

- системность и достоверность;

- открытость;

- прозрачность;

- простота;

- доступность;

- полнота представления.

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

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

· Главная страница, или приветственная. Несколько приветственных слов автора к тому, кто просматривает портфолио, чаще всего несколько слов автора о своей работе;

· О себе. В этом разделе автор рассказывает о себе, а именно о виде деятельности, образование, опыт работы, текущее место работы;

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

· Контакты. Средства связи с автором (номер телефона, ссылка на сайт и т.д). Контакты можно выделить в отдельный раздел, а можно вынести в конец страницы рядом с авторским правом, также контакты могут быть обозначены в разделе «о себе».

1.2 Средства создания электронного портфолио

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

Dreamweaver

Dreamweaver (Дримуимвер) -- WYSIWYG HTML-редактор компании Adobe. Позволяет легко и просто проектировать, создавать и обслуживать веб-сайты и веб-приложения, от начала и до конца. Adobe Dreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам.

Adobe Dreamweaver позволяет не только с легкостью проектировать дизайн сайта, используя визуальные методы, но и предоставляет необходимые средства для продуктивной разработки веб-приложений. Тут присутствует полная поддержка формата CSS, с функцией проверки его совместимости с различными браузерами, функциональный редактор кода веб-страниц и возможность работать с такими технологиями, как: XML, JavaScript, PHP, Adobe ColdFusion, ASP и ASP.NET.[7]

Adobe Edge Tools & Services

Adobe запустили Adobe Edge Tools & Services -- набор сервисов и инструментов, призванный помочь разработчикам в создании веб-сайтов и приложений.

Что внутри:

· Edge Animate (бывший Edge Preview). Позволяет создавать интерактивное и анимированное содержимое средствами HTML, CSS, JavaScript;

· Edge Inspect (бывший Shadow). Предварительный просмотр веб-сайтов для мобильных устройств;

· PhoneGap Build, упаковщик мобильных приложений;

· Edge WebFonts;

· Edge Code. Инновационный редактор кода;

· Edge Reflow. Создание макетов с помощью CSS;

· Typekit (коммерческие шрифты). [8]

Web-сайты

Сейчас существует много сайтов направленных именно на создание своего портфолио.

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

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

Adobe Fireworks

Adobe Fireworks (также известный как FW) -- растровый и векторный графический редактор компании Adobe для веб-дизайнеров и разработчиков, позволяющий быстро создавать, редактировать и оптимизировать изображения для сайтов, эскизы сайтов и веб-приложений.

Fireworks содержит библиотеку готовых настроек и хорошо интегрирован с Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver и Adobe Flash. Интерфейс программы очень похож на интерфейс обычного графического редактора. После того как Adobe приобрела компанию Macromedia (разработчика Flash, Dreamweaver), программа заменила собой Adobe ImageReady.

1.3 Авторское право в интернете

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

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

На большей части сайтов есть знак авторского права.

Рис.3. Знак авторского права

(©) -- знак охраны авторского права, представляет собой латинскую литеру C (первая буква слова «copyright»), помещённую в центре окружности.

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

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

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

1.4 Специфика создания веб-портфолио

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

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

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

3. Также веб-портфолио должно содержать информацию и о самом авторе. Это должна быть краткая биография, а также что-то, выделяющее автора на фоне других. Что именно - всецело зависит от целевой аудитории сайта. Главное - верно выбрать направление в зависимости от того, носят ли услуги деловой, либо развлекательный характер.

Сайт портфолио представляет собой не обычное размещение информативных текстов и картинок, а уникальный дизайнерский ресурс, на котором размещаются фотоработы начинающих художников, фотографии знаменитых моделей, дизайнерские новинки и шедевры мировой моды (также в фотоизображениях). [10]

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

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

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

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

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

Специфику портфолио можно разделить на такие пункты:

1. Определение аудитории сайта.

Важно избрать тематику проектов, которые будут представлены в портфолио.

К примеру, если основной целеустановкой создавания онлайн-портфолио есть обретение внушительной численности оптовых заказов (например, на сопровождение массовых коллективных и корпоративных мероприятий или детских праздников и утренников, свадеб, юбилеев, дней рождений и календарных торжеств), то для таких донаторов необходимо продемонстрировать самые плодотворные и яркие свои творения в области корпоративной сценографии праздников. [10]

Т.е. необходимо предугадывать какие проекты привлекут внимание читателя, а какие останутся незамеченными.

2. Дизайн.

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

3. Главная страница.

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

4. Наполнение.

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

Так же важно не забывать разделять работы на группы и давать к ним описание.

Оформление Портфолио

При оформлении портфолио необходимо соблюдать следующие требования:

· оформлять на компьютере отдельными листами (в пределах одного бланка или листа, таблицы;

· предоставлять достоверную информацию;

· располагать материалы в портфолио в соответствии с принятой структурой портфолио. [5]

электронный портфолио интернет ретуширование

Глава 2. Разработка и реализация электронного портфолио фото-художника

2.1 Анализ веб-портфолио фото-художников

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

Что же это такое? Ретушь, ретуширование (фр. retoucher -- подрисовывать, подправлять) - редактирование изображений, изменение оригинала изображения классическими или цифровыми методами. Целью редактирования является коррекция дефектов, подготовка к публикации, решение творческих задач. [11]

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

Ретушь может быть самой разнообразной:

Устранение дефектов изображения:

- шум (случайные погрешности цвета в каждой точке изображения);

- недостаточная или избыточная яркость;

- недостаточная или избыточная контрастность (вуаль или избыточный динамический диапазон изображения);

- неправильный цветовой тон;

- нерезкость (расфокусировка);

- пыль, царапины, «битые пиксели»;

- устранение дисторсии и виньетирования объектива.

Портретная ретушь:

- ретушь кожи - устранение дефектов (прыщи, царапины, шрамы, синяки, сужение пор, удаление веснушек или уменьшение их количества, разглаживание морщин);

- обработку глаз (придание им большей выразительности), отбеливание зубов;

- замена цвета волос, глаз, а также пластика: коррекция недостатков фигуры.

Рис.4. Пример ретуширования фотографии

Художественная ретушь фотографий:

- различная цветовая коррекция;

- перевод в черно-белый снимок;

- имитация старинных фотокарточек;

- тонирование и другое художественное оформление.

Структурное редактирование изображений:

- кадрирование;

- создание панорам;

- устранение ненужных деталей изображения, изменение композиции;

- фотомонтаж -- создание из частей нескольких изображений нового изображения;

- дорисовка, включение в изображение технических чертежей, надписей, символов, указателей и пр;

- применение спецэффектов, фильтров, теней, фонов, текстур, подсветки.

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

Для анализа выбраны следующие портфолио:

1. Фотостудия Re-touch.

2. Портфолио Сергея Шмакова.

3. Фотостудия pic5.

4. Портфолио без указания автора.

Оценивать портфолио я буду по такому принципу:

1. Оформление сайта

2. Главная страница

3. Работы

4. Дополнительно

5. Вывод

1. Портфолио фотостудии Re-touch

1.1. Сайт оформлен весьма сдержанно, но оригинально. Фоном выбрана фотография девушки довольно крупным планом, разумеется, хорошо отретушированная. Используется стандартный шрифт серого и оранжевого цвета.

1.2. На главной странице представлена информация о самой ретуши, о том какая она бывает, и как важна в наше время.

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

1.4. Дополнительно хочу отметить, что на каждой странице разный фон и цвета шрифта. Так же очень интересно, что при наведении на обработанное фото показывается исходник.

1.5. Плюсы:

- На данном ресурсе красивый, но не отвлекающий дизайн;

- Для каждого раздела свое оформление;

- Описание, цены и работы находятся в одном месте.

Минусы:

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

- Нет возможности вернуться обратно на главную страницу.

2. Портфолио Сергея Шмакова.

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

2.2. На главной странице предоставлена информация о цене. Там нет конкретных расценок, автор пишет, что все зависит от самой фотографии и предоставляет примерные цифры.

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

2.4. Интересно, что помимо информации о себе, своих работах и расценках, автор выкладывает мастер-классы по ретуши, а также в свободный доступ выложены необработанные фотографии в формате RAW.

2.5. Плюсы:

- Удобная система навигации;

- Выложенные работы очень высокого качества.

Минусы:

- Нет возможности переключать фотографии, можно только пролистывать вниз страницу, что бы увидеть следующую работу;

- Работ много, но они однотипные. Фотографии из раздела ретушь и люди фактически не отличаются.

3. Портфолио фотостудии под названием pic5.

3.1. Над оформлением создатели сайта думали не долго, просто белый фон, вверху логотип студии, он же ссылка на сайт.

3.2. На главной странице представлены 4 варианта обработки фото, нажимая на изображение, попадаешь на страницу с оплатой.

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

3.4. На этом сайте интересно, что помимо простой ретуши фотографии, они так же могут обработать фото в стиле какого-либо фильма, или сделать из человека супергероя, так же есть услуга рисунок по фото в разных стилях (карандаш, акварель и т.д.). Но, к сожалению, примеров таких работ нет.

3.5. Плюсы:

- Рядом с фотографиями указана страница заказчика, а значит можно поинтересоваться у кого-то из них качеством работы;

- Есть возможность увеличить фотографию.

Минусы:

- Нет разделов для работ, они все в одном месте;

- Описывается большое количество услуг, но нет конкретных примеров.

4. Портфолио без указания автора.

4.1. Фон на сайте нейтральный, вверху страницы красиво оформленное название сайта и рядом бабочка.

4.2. На главное странице очень долгое, не систематизированное описание услуг по фотографии, предоставляемые владельцем сайта.

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

4.4. Предоставляется большое количество услуг.

4.5. Плюсы:

- Красивое оформление;

- Простая навигация.

Минусы:

- Нажимая на фотографию, что бы сделать ее крупнее, переводит на отдельную страницу;

- Все работы находятся в одном разделе.

Общий вывод:

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

Листать однотипные работы утомительно, поэтому разумнее выложить только лучшие работы. Для удобства портфолио следует разделить на разные разделы, а не выкладывать все работы вместе.

Для того что бы лучше оценить качество работы, очень важно чтобы фотографию можно было сделать крупнее.

2.2 Разработка собственного портфолио

Для создания собственного портфолио я буду использовать программы Adobe Fireworks и Adobe Photoshop.

Photoshop идеально подходит для разработки дизайна. Он удобен в использовании, а основной формат Photoshop, PSD, может быть экспортирован и импортирован почти всеми программными продуктами. Так же в фотошоп возможно сохранение в файле дополнительных элементов, как то: направляющих (Guide), каналов (например, канала прозрачности -- Alpha channel), путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые объекты.[12]

Фон я сделала нейтральным черным цветом. При помощи градиента и различных фильтров я добилась необычного эффекта для оформления шапки.

Поверх шапки сайта я написала свою фамилию красивым шрифтом Liana. Под фамилией указала тему портфолио «фото-художник», но уже другим шрифтом - CircleC.

Для того что бы удобно было ориентироваться на моей странице, я разбила портфолио на разделы: главная, портреты, свадьба, дети, реставрация, эффекты.

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

На странице я сделала белую рамочку, как основу для работ, которые я добавлю.

Внизу я поставила значок авторского права.

Готовый макет я сохранила в формате psd.

Всю дальнейшую работу над портфолио я проводила в программе Fireworks.

Я выбрала это программу потому, что она позволяет назначать элементы для отображения на каждой странице (напр. элементы навигации, логотип, фоновые изображения).

В родном png-файле позволяет создавать неограниченное количество страниц сайта с множеством слоев на каждой странице.

Есть возможность экспортировать сайт со всеми активными ссылками в PDF-документ.

Справедливости ради стоит заметить, что этого можно было достичь и в Photoshop, используя Layer Groups или multiple PSD files, но реализация данных возможностей у Fireworks более проста, натуральна и интуитивна.[13]

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

Adobe Fireworks в интерактивный PDF-файл, каждая страница будет связана с другими.

Сделав навигацию, я приступила к наполнению портфолио. В каждый раздел в соответствии с темой я добавляла от 3-5 фотографий. Так же добавила возможность переключать работы. На главной странице я указала имя и фамилию, вид деятельности и дала небольшое описание тому, чем я занимаюсь.

Заключение

Моя курсовая работа была посвящена изучению и разработке электронного портфолио.

В ходе курсовой работы мной были рассмотрены такие понятия как портфолио, электронное портфолио, авторское право. Я изучила разные виды портфолио, такие как презентационное, достижений, тематическое, комплексное и т.д. Так же я рассмотрела структуру портфолио от главной страницы до контактов. Изучила средства создания портфолио: Dreamweaver, Adobe Edge Tools & Services, WebSite X5 и web-ресурсы.

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

Проанализировав разные сайты, я приступила к созданию своего портфолио. Дизайн был разработан в программе Adobe Photoshop. Он выглядит так: черный фон, шапка страницы похожа на радугу, красивым шрифтом написана моя фамилия, внизу страницы я указала авторское право, также я добавила навигацию. Портфолио состоит из следующих разделов: главная, портреты, свадьба, дети, реставрация, эффекты. В Photoshop для каждого раздела я создала отдельную страницу. Что бы объединить эти страницы и добавить возможность переключать их на главной странице я использовала программу Adobe Fireworks

В результате я создала собственное портфолио фото-художника.

Библиографический список

1 «Портфолио» Википедия

2 Презентации по педагогике

3 «Портфолио как технология оценки профессионализма работника культуры» Л.М. Рязанцева

4 «Создание и ведение веб-портфолио преподавателя» Панюкова С.В., Гостин А.М. Кулиева Г

5 «Методические рекомендации по формированию портфолио обучающегося»

6 «Методические рекомендации по формированию и ведению портфолио для педагогов дошкольных учреждений»

7 «Adobe Dreamweaver CS6 / CS3»

8 «Adobe Edge Tools & Services»

9 «Знак охраны авторского права»

10 «Дизайн и основные особенности сайта портфолио»

11 «Редактирование изображений»

12 «Adobe Photoshop» Википедия

13 «Photoshop vs. Fireworks: битва за звание лучшего для веб-дизайна»

14 «Цифровой Дизайн CS6 - 2012»

Размещено на Allbest.ru