guides

Знакомство с jsBin

  1. Перейдите по ссылке на jsbin.
  2. Создайте аккаунт

Создать аккаунт

Вы можете зарегистрироваться используя аккаунт Github. Либо, вы можете создать аккаунт без привязки к гитхабу используя email

Форма регистрации

  1. Вы будете работать с 3 вкладками html, css, output

Tabs

  1. Попробуйте добавить немного контента и стилей в ваш bin
  2. Добавьте описание

Desc

  1. Сохраните результат

Save

  1. Теперь ваши работы будут хранится в myBins (если вы не залогинены, то тогда они не будут отображаться в аккаунте)

My bins

  1. Добавленное описание будет отображаться в спике бинов

Bins list

Подготовка к выполнению дз

  1. Создайте новый бин

New Bin

  1. Добавьте в описание название задания -название темы и название задание, например, flex-elements-positioning-Фиксированное меню (где flex-elements-positioning - тема, а Фиксированное меню - задание)

Desc

  1. Скопируйте body & title к себе в бин из index.html

Tabs

  1. Если есть в папке css стили с припиской common, то надо их подключить через тег link (если там только style.css то переходите к пункту 8)

Common

  1. Скпируйте адрес стилей https://github.com/netology-code/html-2-homeworks/blob/master/flex-elements-positioning/fixed-menu/css/styles-common.css и заменитев адресе начало пути https://github.com/netology-code/html-2-homeworks/blob/master/ на путь в гитхабпейджес https://netology-code.github.io/ то есть адрес получиться (https://netology-code.github.io/путь_до_стиля)- https://netology-code.github.io/html-2-homeworks/flex-elements-positioning/fixed-menu/css/styles-common.css

  2. Откройте ссылку и убедитесь, что там находятся стили

Styles

  1. Подключите css при помощи тега link. Если все сделано верно, то вы заметите изменения в бине

Link

  1. Скопируйте обычные стили (без приписки common) в свой бин во вкладку css

Copy styles

  1. Сохраните результат - теперь вы готовы выполнить домашнее задание.

Успехов!