Конструктор Netfolio: электронное портфолио учителя. Скачать бесплатно онлайн в электронном виде

imageНам открывается основной конструктор. Наверху мы видим панель навигации. Ниже рабочая область. И справа панель инструментов с тремя вкладками. imageПервая вкладка «Вставки» содержит все возможные элементы, которыми мы можем наполнить сайт. Во вкладке «Страницы» можно создавать новые страницы и управлять ими. Вкладка «Темы» дает нам на выбор 6 базовых тем для оформления сайта.Панель навигации содержит базовые кнопки.Предпросмотр страницы в трех вариантах: на компьютере, на планшете и на телефоне. Удобно просматривать будущий сайт и контролировать все недочеты, которые не заметны в режиме конструктора.Скопировать ссылку на сайт. Доступна после публикации.Открыть доступ. Знакомая кнопка для тех, кто уже работал с инструментами Google. На ней подробнее остановимся позже.Отменить и повторить последнее действие.Настройки. В них мы можем загрузить логотип и значок сайта, поменять положение навигации по сайту, привязать доменное имя, привязать Google Analytics и включить баннер над шапкой сайта.Дополнительные функции. История версий, где видно все изменения, которые мы совершали. При желании любую версию можно будет восстановить. Создать копию сайта, сообщить о проблеме, политика конфиденциальности, условия пользования, справка и краткий обзор по работе с конструктором.Наполняем сайтВ строке «Сайт без названия» мы вводим название нашего сайта, но как документа. В строке слева от заголовка «Укажите название сайта» мы вводим название, которое будет видно всем посетителям. Например, сайт-портфолио.Работа с шапкой сайтаРабочая область состоит из шапки и основного холста. Шапка содержит заголовок сайта. То, что первое попадется на глаза клиенту. Заголовок имеет инструменты форматирования и бегунки, с помощью которых его можно растянуть. Можно сделать заголовок или какую-то его часть кликабельными, добавив гиперссылку. Мы можем поменять вид шапки сайта. Для этого выбираем кнопку «Тип заголовка».Обложка. Растянет изображение на весь холст. Большой баннер и просто баннер. Отличаются по размеру.Только заголовок. Останется текстовое поле без изображения.Меняем изображение заголовка. Сделать это можно двумя способами: выбрать из галереи предложенных или загрузить свое.

Если готовое изображение система отредактирует так, чтобы текст не сливался или не пестрил на его фоне, то собственное изображение, скорее всего, придется редактировать самому.Для этого достаточно убавить настройки яркости в любом редакторе.Кнопка «Восстановить» вернет первоначальный вид заголовка.Вот как у меня выглядит шапка сайта.Я немного растянула заголовок и уменьшила его шрифт, чтобы не выглядело громоздко. Изображение выбрала из предложенных вариантов. Важно! Обязательно делайте просмотр сайта на разных устройствах.Я уменьшила размер шрифта заголовка, потому что в мобильной версии у слова «Копирайтер» буква р переносилась на следующую строку.Добавляем логотипЛоготип – элемент брендинга. Если у вас нет логотипа, это отличная возможность его разработать. Нажимаем кнопку «Добавить логотип». Мы переносимся в настройки, где логотип сразу же можно сделать и значком сайта.После загрузки появляется строка, куда мы можем ввести альтернативный текст. Он нужен для тех пользователей, у кого отключены изображения или для поискового продвижения сайта.Загруженный логотип появляется в левом верхнем углу сайта рядом с названием. Его в любой момент можно изменить или удалить.На самом деле, конечно, все не так просто. Логотип – это не просто красивая картинка. Он должен отражать суть вашего бизнеса и правильно восприниматься вашей аудиторией. Быть простым, но запоминающимся. Дизайнеры TexTerra знают, как создать классный логотип.Основные элементыТеперь познакомимся со всеми элементами, которыми можно наполнить сайт. Добавление изображенийВыбрать фото или картинку можно как с компьютера, так и с «Google Диска». Найти сразу через поиск или ввести ссылку на изображение.После добавления появляется контекстное меню. Можно кадрировать картинку, вставить ссылку, что сделает изображение кликабельным, и удалить фото. А также заменить изображение, добавить альтернативный текст и подпись. Подпись – это обычное текстовое поле.Менять размер изображения мы можем с помощью бегунков. Хочу заметить, что размер подстраивается под сетку 960gs.Добавление текстовых полейУ него такие же инструменты форматирования, как и у заголовка в шапке. Текстовое поле появляется на новом слое после изображения. У каждого слоя есть небольшое меню. Для каждого слоя можно менять цвет фона (фоном можно сделать любое изображение). Также можно копировать разделы, создавая копию слоя.Чтобы совместить несколько элементов на одном слое, используем маркер. Он есть у всех элементов.
Также блоки можно привязывать друг к другу. Например, текст к изображению.Для этого нужно зажать маркер текстового поля и перенести его к изображению. Теперь это единый элемент.Так выглядит приветственный блок на моем сайте.Я вставила фото, добавила к нему подпись. Далее написала текст и перенесла его справа от фото.На данном этапе вам может показаться, что текст и фотография хорошо смотрятся относительно друг друга. Но в режиме предпросмотра на компьютере или планшете их сочетание может оказаться некрасивымПоследнее предложение приветствия я написала не сразу. В режиме предпросмотра на компьютере после текста было много пустоты. Добавление веб-контентаЭлемент «Встроить» позволяет добавлять контент через код или ссылку.Например, ссылка на Google Docs с вашей работой. Появляется окно с документом.Намного интереснее, чем просто ссылка. При нажатии на значок в правом верхнем углу документа работа откроется уже в Google Docs.Вот как я оформила свои работы на сайте. Вначале я добавляла текст-описание документа, а затем вставляла работу. Еще один вариант вставки – через «Google Диск» напрямую. Готовые макетыСлужат для быстрого наполнения сайта. Это комбинации нескольких элементов, обычно универсальных меток и текстового поля. Рассмотрим один из макетов. Квадрат с плюсом – это метка-заполнитель. Наполнить ее можно контентом абсолютно разного типа. При нажатии на шестеренку мы можем изменить тип файлов, которыми мы эти метки будем заполнять. Например, все метки могут быть изображениями или видео с YouTube.Далее при нажатии на круг с плюсом, мы сразу вставляем нужный файл.Далее заполняем текстовое поле: подзаголовок и текст. У нас готов целый блок. Макетов не очень много, но их достаточно, чтобы создать приличный сайт.Где опубликоваться автору, чтобы собрать крутое портфолио: 30+ крупных изданийОстальные элементыСворачиваемый текст или динамические блоки. Этот инструмент отлично подходит для блока «вопрос-ответ». Возможность сворачивания можно выключить.Оглавление. Используем, если на сайте будет много статей. Все заголовки, кроме заголовка в шапке, будут автоматически добавляться в оглавление. По желанию некоторые заголовки можно скрыть из оглавления.Карусель изображений. Позволяет крупно показать фотографии. Например, результаты вашей работы. В карусели должно быть не меньше двух фотографий, их всегда можно будет заменить или убрать лишние.Кнопка. Создаем кликабельную кнопку. Этот элемент удобно привязывать, например, к текстовому блоку.Разделитель. Линия, которой можно разделить два блока для улучшения визуального восприятия. Метка-заполнитель. Уже знакомый нам элемент. С помощью нее можно создать интересные блоки, не ограничиваясь макетами.YouTube. Загружаем видео, которое будет открываться прямо на сайте. Видео ищем не по ссылке, а по ключевым словам.Календарь. Добавляем «Google Календарь», в котором можно отметить важные даты.Карта. Вводим нужный адрес и добавляем метку. Появляется окно, которое можно растянуть по всей ширине страницы. Карта динамическая.Документы, презентации, таблицы, диаграммы. С помощью этих элементов загружаем на сайт готовые документы, презентации, таблицы и диаграммы, созданные на платформе Google. То, что мы рассматривали с элементом «Встроить». Презентации вставляются в специальном проигрывателе, который позволяет листать слайды. На опубликованном сайте любой из этих документов можно будет открыть отдельно.Формы. Дает возможность добавить полноценную форму обратной связи. Для вставки формы обратной связи нужно создать готовую форму на «Google Диске». Если вы раньше этого не делали, то освоить инструмент совсем не сложно. Все заполненные данные хранятся в самой форме, но к ней можно привязать «Google Таблицу», в которую будут выгружаться данные.Нижний колонтитул. Находится в самом низу страницы. Нажимаем «Добавить нижний колонтитул». Открывается текстовое поле, в котором мы можем писать все, что угодно. Обычно там прописываются авторские права.Если колонтитул больше нам не нужен, удаляем его с помощью кнопки «Удалить».Смысловые блоки: выгоды и контактыОтдельно рассмотрим, как создать блок выгоды для сайта. Такой блок часто можно встретить в портфолио или на сайтах-визитках, но для него нет готового макета.Сначала создаем заголовок на отдельном слое.Находим картинки для выгод. Свои я нашла в «Яндекс». После вставки картинки занимают достаточно много места. Наша задача поместить по две выгоды в строке.Для этого добавляем по одной картинке, уменьшаем их и затем добавляем текст. По объему все четыре текста с выгодами стараемся делать одного размера. Опять же для красивого отображения.Блок контакты также необходим для портфолио. Создать его еще быстрее, чем выгоды. Отдельно создаем заголовок, после текст. Привязываем их друг к другу и выравниваем по центру.Обзор: топ-5 сервисов для мультиссылокСоздаем многостраничный сайтИногда может понадобиться создать сайт с несколькими страницами. Например, для сайта-визитки, в котором отдельно стоит вынести информацию «О нас», «Контакты», «Разделы». Заходим во вкладку «Страницы». Внизу видим кнопку с плюсом – кнопка создания новых разделов.Нажимаем. Нас просят ввести название страницы. Например, «О нас». Тут же нажимаем «Еще» и вводим латиницей желаемое имя, которое будет отображаться в ссылке. Перед нами открывается созданная страница. На ней сохраняется изображение шапки, логотип и название сайта. В самом верху страницы появилась панель навигации. Все страницы, которые мы создадим, будут там отображаться. Если зайти в настройки, можно выбрать способ отображения панели навигации – по верхнему краю или сбоку. А также ее цвет.Если нам нужно создать еще страницу, действуем по тому же принципу. Если нужно изменить последовательность страниц в панели навигации, например, «О нас» и «Контакты» поменять местами, во вкладке «Страницы» зажимаем левой кнопкой мыши «Контакты» и перетаскиваем ее после страницы «О нас». Стоит заметить, что есть два вида перетаскивания. При появлении обозначения в виде рамки страница становится дочерней той, на которую мы ее перетащили.
Если же появляется обозначение в виде линии, то страницы просто меняются местами. Создать дочернюю страницу можно и другим способом – с помощью выпадающего меню. Нажимаем на три точки справа от названия страницы, для которой мы хотим сделать дочернюю. Появляется меню:сделать страницу главной; создать копию; открыть параметры;добавить подстраницу – то, что нам нужно;удалить с панели навигации;скрыть с панели навигации.Если мы выберем последнее действие «Скрыть», то страница останется на сайте, но не будет отображаться на панели навигации. В этом случае удобно создать ссылку на скрытую страницу и повесить ее на кнопку или закрепить за текстом. Для этого выделяем нужный фрагмент текста и выбираем «Вставить ссылку». В строке «Ссылка» появляется список всех созданных страниц, среди которых мы выбираем нужную. Аналогично мы создаем кнопку. Используют это для того, чтобы не перегружать панель навигации и сразу по ссылке или кнопке направить человека на нужную страницу.Для дочерней страницы можно создать еще дочернюю. Также любую подстраницу можно сделать самостоятельной и наоборот.Если мы хотим переименовать страницу, нажимаем на нее два раза левой кнопкой мыши и пишем новое имя. Название поменяется в списке и в панели навигации.На панель навигации можно вставить ссылки на другие свои ресурсы. Для этого выбираем кнопку «Добавить ссылку». Вводим адрес и название страницы. Готово. Кликабельная ссылка появляется в списке и на панели навигации. Ссылку также можно менять местами с другими страницами, делать ее дочерней.ПубликацияТеперь, когда наш сайт-портфолио готов, пора его опубликовать. Для этого используем кнопку «Опубликовать». Нас просят ввести веб-адрес. Начало адреса у всех Google-сайтов стандартное. Мы вводим уникальное имя, которым будет заканчиваться наш сайт. Если имя занято, система оповестит нас. Также перед публикацией можно настроить доступ к странице. Например, сделать сайт закрытым для посторонних пользователей. Настройки поиска закрывают наш сайт для поисковых систем и наоборот. После публикации на кнопке «Опубликовать» появляется дополнительное меню.Настройки публикации. Их мы уже изучили.Проверить и опубликовать. Позволяет нам проверить все изменения, которые мы совершили, но забыли повторно опубликовать.Открыть опубликованный сайт. Переносит нас на страницу нашего сайта.Отменить публикацию. Мы отменяем публикацию, но всегда можем опубликовать сайт повторно.Меняем адрес веб-страницыНаше портфолио выглядит отлично, и мы решили поделиться им с другими. При копировании ссылки на сайт мы видим, что название открытой страницы в адресе написано на русском языке. Выглядит это, скажем прямо, не очень. Меняем адрес на красивый. Открываем вкладку «Страницы», далее наводим курсор на строку «Главная страница» и нажимаем на три точки справа. Выбираем «Открыть параметры», далее нажимаем «Еще» и видим строку «Указать путь». Именно сюда и нужно написать желаемое имя страницы на латинице. Например, «Main» – главная страница на английском языке. Осталось повторно опубликовать сайт. Готово. Настройки доступаОткрыть доступ к редактированию сайта можно через кнопку «Открыть доступ». В появившемся окне мы можем добавлять пользователей и наделять их правами – читатель (после публикации) и редактор. При этом права редактора можно ограничить только работой с черновиком. Для этого нажимаем на шестеренку в окне доступа и убираем галочку.Красивые дизайны Google SitesМы создали самое простое портфолио. Но с Google Sites можно создать достойные и красивые сайты. Приведу несколько примеров Google-сайтов с красивым дизайном. Иногда несколько красивых картинок действительно «спасают» самый простой сайт, как в примерах ниже, и вам может быть его вполне достаточно. Если же хочется чего-то уникального или нужна консультация, оставьте заявку нашему отделу разработки.Сайт HotelFlanders.com бельгийского отеля Flanders, расположенного в Брюгге.Красивые изображения, контраст темных и светлых блоков.Сайт-портфолио американского художника GoogleDrawings.org. Яркий, бросающийся в глаза сайт.Этот сайт-портфолио мне запомнился больше всего.Сайт-визитка компанииJivrus.com. На сайте много страниц, в заголовках использованы красивые фотографии.
Вот, пожалуй, и все. Если у вас остались какие-либо вопросы, задавайте их в комментариях. А также делитесь статьей со своими друзьями.

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

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

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

Итак. Открываем программу Microsoft Powerpoint. Для начала нам нужно сменить положение листа с горизонтального на вертикальное. Нажимаем Файл — Параметры страницы. Выходит окно. Меняем галочку с альбомной на книжную.

Далее выделяем и удаляем клавишей Delete все рамки. Они нам пока не нужны. Готово. Получаем чистый лист.

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

Шаблон вствляется по размеру гораздо больше нашего листа А4. Ничего страшного. За уголочки регулируем размер, пока он нас не устроит. Вот так должно получиться:

Далее идем уже по знакомому маршруту Вставка — Рисунок — Из файла. Выбираем уже фотографии, которые будем ставить в портфолио.

Фото встаёт прямо поверх нашего шаблона и легко по нему перемещается. Размер тоже регулируется. Ставим фото на нужное нам место. Вот так получилось:

Далее заполняем текстовую часть. Здесь всё проще простого и многим известно. Нажимаем Вставка — Надпись. Щелкаем на нужном нам месте, появляется окошечко для написания текста.

Набираем текст. Можно изменить его размер, цвет, сделать наклон. Это всё на панели вверху, как и в программе Word.

Вот что получилось.

Заполняем лист до конца. И создаем новый слайд.

И уже «по накатанной» Вставка — Рисунок — Из файла. Вставляем следующий шаблон портфолио. Затем фото и текст.

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

Распечатываем дома или несем в полиграфический салон.

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

Радуйте своих деток красивым портфолио! А я помогу вам в этом. Если возникнут вопросы, постараюсь ответить.

Спасибо за внимание!

24 октября 2020 Чтобы после обучения получить должность веб-разработчика, придется пройти некую промежуточную стадию. Для трудоустройства потребуется портфолио, а чтобы его собрать, придется где-то поработать. Рассказываем, как разорвать этот замкнутый круг. 1

Что нужно учесть приступая к работе

  1. Проект должен отражать востребованные навыки и быть действительно нужным для клиента или компании. Решайте реальные проблемы через свои проекты. Объясняйте и показывайте – какие.
  2. Показывайте, чем вы хотели бы заниматься в дальнейшем.
  3. Постарайтесь, чтобы ваши работы выглядели оригинально, добавьте что-то необычное.
  4. 5-7 проектов для начала – это неплохо, но если вы делали что-то объемное, может хватить и 3.

Где брать работы для портфолио

1. Вы наверняка делали какие-то проекты в процессе или после обучения. Бесплатные курсы иногда включают их в программу. Такое практикуется, например, в сертификации Free Code Camp или в недорогом курсе Bootcamp от Udemy. Он пропитан практикой, предоставляет возможность общаться с другими студентами и получать фидбек.

2. Сделайте сайт-визитку и реализуйте там интересные фичи:

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

3. Участвуйте в конкурсах и хакатонах. Даже если вы делали проект в команде, его можно положить в портфолио, указав свой вклад с доказательствами в виде скриншотов.

4. Загляните в генераторы челленджей. Например, на Sharpen или Briefz. Просто замените design на develop и пробуйте создавать то, что там предлагается.

5. Стажировки. Если вас не возьмут на работу, вы все равно успеете «прикоснуться к великому» и пополнить портфолио проектом, над которым работали в компании. Даже если не попадете на саму стажировку, скорее всего останется сделанное вами тестовое задание. Его можно доработать и тоже приложить к портфолио (о некоторых других вариантах мы уже писали). Также можно посмотреть вакансии для начинающих на форуме DOU и стажировки в их дайджестах.

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

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

  • группа ВК «По бартеру»;
  • Simbi;
  • Trade Made (приложение, правда только под Android);
  • Swap Right (сразу из объявления понятно, что нужно человеку и что он может дать взамен).

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

  • IT-волонтер – здесь некоммерческие организации публикуют «вакансии» по IT-профессиям.
  • Social Coder пишут, что опыт не важен (но начинающие участники проекта будут помогать более опытным) и ищут именно ИТ-специалистов. Списка задач на выбор здесь нет: для участия нужно зарегистрироваться, рассказать о своем опыте и чем хотите заниматься. После этого вас соединяют с некоммерческой организацией, которая ищет как раз такого человека. В среднем проекты длятся 2 месяца, но бывает по-разному.
  • Volunteermatch – программа, которая специализируется на волонтерских вакансиях.
  • Волонтерские программы ООН для разработчиков.
  • В Free UK Genealogy можно присоединиться к команде разработчиков открытых проектов. Найти совпадающий с вашими интересами несложно.

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

9. Можно помогать и проектам на краудфандинговых платформах. Для этого выбираем любую из них и ищем в Google: создание сайта site:(адрес выбранной вами платформы). Находим какой-нибудь интересный проект, которому требуется разработка сайта, и предлагаем помощь ее создателю. Несколько примеров: на Kickstarter, а также на Mola Mola – раз и два.

10. Копируйте несложные сайты, что-нибудь добавляя, изменяя и улучшая. Попробуйте решить некую проблему или сделать какой-то элемент более удобным. Для вдохновения: Jake Dow-Smith Studio, MCA, TRA, Jonty Davies, Глущенкоиздат, The Storytellers.

11. Есть ряд несложных проектов, которые новичку стоит иметь у себя в портфолио: простые игры, листы To-Do, страницы поисковиков. Представьте, что это ваше практическое задание, но помните – нужно внести в него свое оригинальное видение и решение. Остальные идеи можно посмотреть здесь и здесь.

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

На Code Triage собраны проекты c GitHub, которые нуждаются в помощи. Лучше отсортировать их по языку программирования.

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

На First Timers Only можно посмотреть и другие ресурсы по open source.

Показываем, как выглядят портфолио начинающих веб-разработчиков

  1. Fatma Sümer
  2. Pritika Roy
  3. Ronald, например, добавляет свои работы с курсов.
  4. Ritika Soni
  5. Портфолио Chigbogu на GitHub

Проекты есть. Что дальше?

1. Регулярно пополняйте портфолио свежими работами.

2. Включайте в описание проекта ссылку на репозиторий GitHub, где клиент или работодатель смогут посмотреть ваше решение задачи через код, а не только красивую картинку. Давайте ссылки на Link to your CodePen projects.

3. Опишите, когда и для кого вы делали этот проект (даже если для мамы или в качестве эксперимента), и какие требования предъявлялись к продукту. Читателю нужно понимать, в каком контексте реализовывалось решение.

4. Самые удачные проекты ставьте в начало портфолио.

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

***

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

Интересно, хочу попробовать

Правила оформления портфолио

О портфолио

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

В большинстве случаев портфолио может быть представлено в двух видах: бумажном или электронном.

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

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

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

Доброго времени суток, уважаемые читатели!

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

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

Содержание

Что такое портфолио?

Портфолио — это оформленное нужным образом собрание ваших работ. Разберём фразы из определения.

  • «…собрание ваших работ» — всё, чем вы можете похвастаться. Для ребёнка это его грамоты за олимпиады, конкурсы, выставки, общественную деятельность, а для человека, который хочет получить желаемую должность — его труды, проекты, патенты, тексты.
  • «Оформленное нужным образом…» — это значит, что не надо «пихать» все тексты, проекты и так далее.

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

Виды портфолио и их особенности

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

Хранение оффлайн

Самое простое, что может быть — это оффлайн портфолио. Простыми словами — все работы хранятся на вашем компьютере или на внешнем носителе (флешке, внешнем жёстком диске) и не выкладываются в сеть. Здесь тоже есть нюансы, такие как то, что  все работы нужно правильно структурировать, но об этом ниже.

В вашей воле сделать любой формат, в котором вы будете высылать портфолио заказчику (Ворд, скриншоты, ПДФ). При этом не забывайте спрашивать у заказчика, как ему будет удобно просмотреть файлы: прикрепляя к сообщению (то есть высылая из компьютера) или вставляя ссылку на облачное хранилище. Постарайтесь всегда иметь у себя второй вариант.

Если есть достаточный опыт в сфере вашей деятельности да и есть много, что хочется показать — лучше создать ZIP-архив с  документами (так уменьшается вес файлов) Минус такого хранения в том, что его постоянно нужно высылать, то есть закачивать в сообщения заказчику или работодателю. И здесь возникает вопрос — а если попадется недобросовестный человек с желанием скачать и использовать ваш труд в своих целях? Поэтому желательно, чтобы файлы были загружены в сеть. Вы наверняка скажете “Но так же риск еще возрастает!” Нет, на облачных хранилищах ваши труды защищены и доступны только для просмотра.

 Хранение онлайн

С предыдущим видом различие лишь в том, что файлы находятся на сайте или на облачных хранилищах, типа Яндекс Диск, Гугл Диск, Дропбокс. Огромный плюс — можно просто скинуть ссылку заказчику и «не париться». Еще одно достоинство — если электронный носитель сломается, то всё будет сохранено в сети.

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

Можно еще классифицировать такой вид хранения по месту расположения:

Например, для людей, которые уже состоялись в своей профессии, очень удобен сайт-визитка. На нём заказчик сразу видит уровень и потенциал работника, ему не нужно выискивать нужную работу — всё есть на сайте. Так вы рекомендуете себя как первоклассного специалиста. Супер удобная штука, но стоит денег. Хотя вы можете создать свой сайт например воспользовавшись курсом “Как создать свой сайт”.

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

 Кому нужно портфолио

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

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

  1. Конечно, копирайтер. Человеку, который продаёт словом да им и кормится, просто необходимо портфолио. Заказчику важно знать уровень написания текстов, стиль, умение человека писать на разные темы. Ещё он смотрит на опыт работы.
  2. Веб-дизайнеру и художнику надо собрать лучшие проекты, картины, воплощенные замыслы. Заказчику необходимо увидеть профессионализм.
  3. Учителю и воспитателю. Здесь тоже всё тривиально — умение работать с детьми должно чем-то подтверждаться, и не только опытом, но и разными грамотами. Может есть грамота за победу в конкурсе “Лучший учитель года” или ученик выехал на всероссийскую олимпиаду.

Далее по списку приведу различные профессии, где хорошее портфолио на 80 процентов увеличит успех в поиске работы:

  1. Интернет маркетолог
  2. SMM специалист.
  3. Фотомодель.
  4. Инженер и строитель проектировщики.
  5. Фотограф.
  6. Программист.

Как правильно составить портфолио

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

  • Главное, с чего нужно начать — это выбор наилучших статей и работ, а также отзывов. Всё должно показывать вас только с лучшей стороны, показывать, какой вы профессионал. Не надо отправлять все труды заказчику, можно и нужно хранить их на компьютере, но в рабочее портфолио вкладывается только лучшее и подходящее.
  • Второй этап — оформление. Если это текст, то он должен быть оформлен подобающе: его должно быть приятно читать, он должен нести максимальную пользу для заказчика. Проекты, фотографии, скриншоты отзывов должны быть упорядочены, подписаны для быстрого поиска.
  • Третий этап — отсортировка. Неудобно, когда все работы сложились в папку с одноименным названием. Заказчик или работодатель точно не захочет рыться во всех ваших документах и может выбрать даже менее талантливого человека, но с более читабельным документом. Поэтому работы необходимо отсортировать по темам, каждую подписать (желательно еще написать дату написания, чтобы можно было увидеть профессиональный рост)

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

ТОП-5 ошибок новичков

Сейчас, дорогие друзья, я приведу ТОП-5 ошибок, которые ни в коем случае нельзя допускать при составлении портфолио. Станьте мудрее и опытнее!

  1. Вкладывать слишком много работ. От 5 до 10 самых лучших достаточно.
  2. Делать много папок.
  3. Размещать все работы в одном файле.
  4. Неправильно называть файлы, папки и архивы. Название должно точно отражать тематику работы.
  5. Забывать о контактных данных.

 Заключение

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

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий