Node.js. Разработка серверов приложений и API В асинхронном форматеПо цене 23 400
1/2

Как спроектировать сайт-портфолио

Уровень: для новичков

Вернуться назадСледующий шаг

Файловая структура сайта-портфолио

Как создать сайт-портфолио? Ответ на этот вопрос — взять текстовый редактор и с нуля написать сайт! Звучит просто, не правда ли?

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

Для начала скачайте архив с сайтом отсюда и распакуйте.

Содержимое папки с шаблоном сайта-портфолио
Вот что находится в распакованном архиве сайта

Вот что шаблон включает в себя:

  • главную страницу-лендинг index.html с информацией о вас, ваших навыках и проектах;
  • стили для этой страницы style.css (файл пока что пустой, мы будем наполнять его в следующем разделе);
  • папку img с интерфейсными картинками для портфолио: фоном, иконками и декоративными элементами;
  • папку files с контентными картинками для портфолио: фотографией и скриншотами проектов;
  • папку source с примерами выполненных вами проектов.

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

Страница сайта-портфолио в браузере
Вот как выглядит страница сайта
Вернуться назадСледующий шаг