Оформление веб-страниц

Практическое интерактивное занятие по HTML5, CSS3 и типографике.


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

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

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

Вопросы по курсу и запись на курс
https://www.facebook.com/proorlov
Skype: orlov.mobile
E-mail: orlov.mobile@gmail.com
Tel: +7 919-393-16-09

Подготовительная работа

  • Интервью с преподавателем по Skype для определения текущего уровня знаний и постановки целей прохождения занятия;
  • Проектирование страницы на бумаге (аналоговое проектирование).

Теоретические сведения

  • Редакторы и сервисы для создания веб-страниц;
  • Имя и кодировка файла, ведение проекта;
  • Простейший современный html-документ (Doctype, теги <html>, <head>, <title>, <body>);
  • Добавление информации на страницу (заголовки, картинки, видео, списки, таблицы);
  • Типографика — правила оформления текста;
  • Оформление содержания (перенос строки, абзацы, жирный текст, наклонный текст);
  • Строчные и блочные контейнеры, выравнивание и позиционирование блоков, фиксированное расположение.
  • Адаптивная верстка, корректное отображение страницы на разных экранах (телефон, планшет, монитор);
  • Связь между несколькими страницами (ссылки);
  • Разделение контента и стилей, подключение CSS-файла, привязка CSS стилей, CSS-селекторы;
  • Оформление страницы (выбор шрифта, цвета фона, цвета текста, величины полей и отступов);
  • Проверка страницы и стилей на валидаторе, исправление ошибок.

Результат прохождения занятия

  • Сверстанная вами веб-страница, готовая к публикации;
  • Возникшие вопросы по теме и найденные ответы;
  • Базовые знания HTML5/CSS3, понимание дальнейшего пути изучения HTML5/CSS3 и смежных веб-технологий.

Кому будет полезно занятие

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

Формат занятий и стоимость

Занятия индивидуальные или небольшими группами.

  1. Беседа c преподавателем по Skype 10-15 минут (для определения текущего уровня знаний и постановки целей прохождения занятия);
  2. Выполнение предварительного задания по проектированию страницы;
  3. Оплата занятия 1500 руб на Яндекс.Деньги или QIWI-кошелёк (деньги нам нужны для работы над проектом, если вы не готовы платить, но хотите принять участие — напишите нам, вместе выберем способ, как вы сможете помочь проекту);
  4. Получение доступа к видео-материалам (нужен ваш логин Vimeo) и к конспекту занятия;
  5. Выполнение вами практического задания (шаг за шагом по видео-инструкции);
  6. Обсуждение практического занятия с преподавателем;
  7. Выполнение самостоятельного задания по верстке страницы;
  8. Проверка самостоятельного задания с преподавателем, улучшение вашей работы;
  9. Переход на следующий уровень.
Дополнительно: личное общение с преподавателем, подборка материалов в зависимости от вашей квалификации, набор программ и инструментов для эффективной работы.

Автор и ведущий курса

Илья Орлов
  • опыт веб-разработки 11 лет
  • технический директор looi.ru
  • преподаватель ВУЗ

Вопросы по курсу и запись на курс
https://www.facebook.com/proorlov
Skype: orlov.mobile
E-mail: orlov.mobile@gmail.com
Tel: +7 919-393-16-09

Дальнейшие шаги освоения веб-технологий

  • Настройка домена и хостинга, публикация страницы;
  • Эффекты и анимация HTML5/CSS3/JavaScript/jQuery;
  • Динамический сайт PHP/MySQL;
  • Управление содержимым страницы JavaScript/JQuery/API;
  • Создание веб-приложений Backbone/Underscore;
  • Создание мобильных приложений iOS, Android.

Email me when ilia orlov publishes or recommends stories