1

Step 1

Первое д.з. реальной верстки для начальной группы

2

Step 2

Второе д.з.

3

Step 3

Третье д.з.

4

Step 4

Четвертое д.з.

1

Step 1

Первое д.з. реальной верстки для начальной группы

2

Step 2

Второе д.з.

3

Step 3

Третье д.з.

4

Step 4

Четвертое д.з.

10 February 2017 01 April 2017
Goal completed 1 April 2017
Education

Справиться с реальной версткой.

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

 Goal Accomplishment Criteria

к 1 апреля быть понимающей и версткотворящей.

  1. Первое д.з. реальной верстки для начальной группы

    1. У вас должны быть пройдены следующие курсы на сайте https://htmlacademy.ru/

    -Знакомство
    -Структура HTML-документа
    -Разметка текста
    -Ссылки и изображения
    -Знакомство с таблицами
    -Знакомство с формами
    -Знакомство с CSS
    -Селекторы, часть 1 + заодно и Использование псевдокласса :nth-child

    -Наследование и каскадирование
    -Оформление текста, часть 1
    -Фоны, часть 1

    -Блочная модель документа
    -Сетки

    2. Посмотреть лекции HTML Academy:
    -Вводный
    -Разметка

    -Фотошоп для верстальщика 40:52
    -Сетки

    3. Выполнить следующие задания:

    -Создать папку для верстки макета Барбершоп, в папке сделать файл index.html, в этой папке еще две папки с названиями img и css. В папке css файл с названием style.css

    -При просмотре лекции "Разметка" сверстать главную страницу макета Барбершоп (повторяем код в своем редакторе, сохраняем у себя на комп-ре).

    -После просмотра лекции "Фотошоп для верстальщика" сохранить все картинки с psd файла в папку img

    -При просмотре лекции "Сетки" повторить сетку главной страницы

    -Самостоятельно разметить, сохранить картинки, построить сетки для остальных страниц Барбершопа price.html, shop.html, item.html

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

  2. Второе д.з.

    1. У вас должны быть пройдены следующие курсы

    на сайте https://htmlacademy.ru/

    -Позиционирование
    -Мастерская:создаем меню

    -Мастерская: декоративные элементы

    2. Посмотреть лекции HTML Academy:

    - Декоративные элементы

    3. Выполнить следующие задания:

    -Доверстать главную макета Барбершоп (повторяем код)

    -По аналогии сверстать страницы shop.html и item.html
    (price.html будет на 3 неделе)

    ДОПОЛНИТЕЛЬНОЕ задание:

    -Самостоятельно начать размечать макет Nёrd`s - 2 страницы

  3. Третье д.з.

    Посмотреть лекции HTML Academy:
    -Оформление контента

    -Введение в JavaScript

    Выполнить следующие задания:
    -Сверстать страницу price.html
    -Добавить JavaScript элементы

    ДОПОЛНИТЕЛЬНОЕ задание
    -Построить сетки для макета Nerd's, подключить шрифты, изображения, цвета

  4. Четвертое д.з.

    Посмотреть лекции HTML Academy:

    -Прогрессивное улучшение

    -Финал

    Выполнить следующие задания:
    -Привести макет в порядок в соотвествии с прогрессивным улучшением
    -Проверить все страницы на переполняемость
    -Установить плагин PerfectPixel, с помощью него проверить вашу верстку
    -Итоговый вариант должен соответствовать критериям HTML Academy

    ДОПОЛНИТЕЛЬНОЕ задание
    -Оформить до конца все декоративные элементы Nerd`s, прописать все состояния элементов по styleguide, оживить слайдер(хотя бы на CSS), подключить карту
    -Проверить на соответствие критериям

  • 1506
  • 10 February 2017, 20:43
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?