1

Step 1

Разобрать чужие примеры

2

Step 2

Самостоятельная верстка макетов

3

Step 3

Свойства CSS - немного повторить

4

Step 4

Плагины

1

Step 1

Разобрать чужие примеры

2

Step 2

Самостоятельная верстка макетов

3

Step 3

Свойства CSS - немного повторить

4

Step 4

Плагины

07 December 2015
Goal completed 4 March 2016

Goal author

Лена

Czech Republic

9 years old

General

HTML/ CSS/ Верстка - Практика

Сейчас я не в состоянии подробно описать этапы, так как цель довольно масштабна, поскольку умение верстать включает в себя тонну как теоретических знаний, так и практических навыков. С теорией проще - мы читаем пару учебников и далее, вроде как надо что-то делать. Вот и я пришла к выводу, что тянуть дальше некуда.. Чего делать - толком не знаю. Создать сайт - это не цель (для меня по крайней мере). Это скачать PSD-шаблон, сесть и сделать. При этом умение сделать этот самый сайт - это дикая смесь из теоретических знаний (html/css/js), практических навыков и умения работать с множеством инструментов, начиная от привычного редактора, заканчивая тоннами библиотек, фреймворков для самых разных задач, начиная от расположения блоков на странице, заканчивая финальной сборкой готового проекта. Поэтому, куда меня занесет в этой цели я не совсем точно представляю. Пункты и возможно, дополнительные цели будут дописываться по ходу.

 Goal Accomplishment Criteria

Я лучше справляюсь с версткой, чем до этого... А какой еще может быть критерий?...

 Personal resources

Есть

 Goal ecological compatibility

Давно пора

  1. Разобрать чужие примеры

    1. htmlbook.ru - http://htmlbook.ru/layout (допотоп)

    2. FreeCSSWebSiteTemplates - http://www.free-css.com/free-css-layouts/page1#shout (очень много допотопа)

    3. Layout Gala : http://blog.html.it/layoutgala/index.html (достаточно допотопа)

    4. Responsive Patterns - http://bradfrost.github.io/this-is-responsive/patterns.html - здесь удобно и полезно.

  2. Самостоятельная верстка макетов

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

    1. content-fit/ content-max/ content-min

    2. float/ float + отрицательный margin

    3. display: inline-block

    4. display: table

    5. css сетки

    6. flex

  3. Свойства CSS - немного повторить

    1. HTML-Academy: Продвинутые курсы

    2. Шрифты

    3. Цвета

  4. Плагины

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

    1. Syntax Highlighter : http://alexgorbatchev.com/SyntaxHighlighter/

    2. RandomColor : https://github.com/davidmerfield/randomColor

  • 8148
  • 07 December 2015, 08:28
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?