Обучение

  • Уровень 1
  • Уровень 2
  • Уровень 3
  • Уровень 4
  • Уровень 5
  • Уровень 6
  • Уровень 7
  • Уровень 8
  • Уровень 9

Условие:

Необходимо выполнить вёрстку под браузер:
  • Chrome
Исходник:
Скачать 1.psd
Подсказка:
Для удобства можно использовать панель разработки для chrome. Она вызывается клавишей F12.
level 1 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
Исходник:
Скачать 2.psd
Подсказка:
В браузере Internet Explorer 8 панель разработки вызывается клавишей F12.
level 2 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
Исходник:
Скачать 3.psd
Подсказка:
Панель разработки Firebug для браузера Firefox устанавливается отдельно. После установки плагин вызывается клавишей F12. Скачать firebug.
level 3 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
Исходник:
Скачать 4.psd
Подсказка:
Что бы просмотреть вёрстку в браузере Internet Explorer 7 – можно открыть Internet Exporer 8 и клавишей F12 запустить панель разработчика, в которой нужно выбрать режим браузера Internet Explorer 7 и режим документа Internet Explorer 7.
level 4 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
  • Opera
Исходник:
Скачать 5.psd
Подсказка:
Что бы в браузере Opera вызвать панель разработки – нужно навести курсор мыши на любой элемент на странице, нажать правую кнопку мыши и выбрать «Проинспектировать элемент»
level 5 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
  • Opera
  • Safari
Исходник:
Скачать 6.psd
Подсказка:
Что бы открыть панель разработки в Safari – нужно зайти в Настройки браузера -> Дополнения -> Показывать меню «Разработка» в строке меню, закрываем настройки, нажимаем на сайте в любом месте правой кнопкой мыши и выбираем «Проверить объект».
level 6 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
  • Opera
  • Safari
Исходник:
Скачать 7.psd
level 7 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
  • Opera
  • Safari
Исходник:
Скачать 8.psd
level 8 thumbnail

Условие:

Необходимо выполнить вёрстку под браузеры:
  • Chrome
  • Internet Explorer 8
  • Firefox
  • Internet Explorer 7
  • Opera
  • Safari
Исходник:
Скачать 9.psd
level 9 thumbnail

  • Макеты представлены в Photoshop формате .psd.
  • Для вёрстки удобно использовать полный шаблон с подключенными файлами и папками.
  • В некоторых макетах будут направляющие, их можно убрать с помощью комбинации клавиш CTRL + H.
  • По вопросам пишите в контакты, обязательно указывайте имейл, по которому можно связаться с Вами.