Реклама

Архив новостей

Декабрь 2016 (281)
Ноябрь 2016 (2202)
Октябрь 2016 (2376)
Сентябрь 2016 (1699)
Август 2016 (1436)
Июль 2016 (1451)

Описание сайта

На нашем сайте Bezoplat.ru, вы можете найти и скачать бесплатно и без регистрации широкий выбор компьютерных игр ( Strategy, action, аркада, racing) , музыки в формате MP3 и видеоклипы. Если Вы автолюбитель - то у нас много полезной информации для Вас. Вы сможете найти и скачать бесплатные видеоуроки по вождению авто, его ремонту и эксплуатации. Можно скачать уроки, по ремонту распространенных поломок компьютера. Вы найдете инструкции, полезную литературу, так же найдете самые популярные фильмы, в их числе комедии, мелодрамы, боевики, триллеры, детективы и тд. На сайте представлен широкий выбор мультфильмов и сериалов для семейного просмотра. Все материалы представлены для бесплатного ознакомления, Вы сможете скачать их без регистрации. Если Вам нужна программа для каких-либо целей, Вы без труда найдете ее в разделе Бесплатный софт. Кроме того, у нас много разнообразных заставок и обоев на Ваш рабочий стол.

Календарь

«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
262728293031 

Кредит webmoney online, взять экспресс кредит

Круглосуточный Вывод Webmoney в Банки

Русский автосерфинг

В сети
Всего на сайте: 38
Пользователей:
2
Роботов: 4
, , ,
Гостей: 32
Webisida.com - продвижение и заработок Get Adobe Flash player




Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)

Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)

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

«Ускоряй работу без потери качества!» - именно под таким девизом будет проходить воркшоп.
За 7 уроков ты получишь представление о том, как верстается современная адаптивная HTML-страница из графического макета в формате PSD. Мы разберем, как это делать быстро и эффективно.

Информация о курсе:
Название: Воркшоп по вёрстке адаптивной веб-страницы
Год выпуска: 2015
Автор: Никита Красник
Жанр: Обучающее видео

Содержание:
Урок 1. Настройка среды разработки: графический редактор, редактор кода и другие дополнительные инструменты, необходимые для удобной и эффективной работы.
· На какой операционной системе работать?
· Разнообразие веб-браузеров.
· Краткий обзор сервиса BrowserStack.com для кросс-браузерного тестирования и немного про виртуальные машины.
· Коротко о графических редакторах.
· Коротко о редакторах кода.
· Браузер Google Chrome и установка плагинов. Обзор плагинов PerfectPixel и HTML5 Outline.
· Другие браузеры и их отличия.
· Обзор LiveReload 2 и демонстрация силы командной строки и автоматизации работы.
· Разбираемся с "Инструментами разработчика" в Google Chrome (правка DOM-дерева и CSS-стилей, доступ к ресурсам страницы, эмуляция различных устройств для тестирования адаптивности и др.)
· Какую версию Photoshop поставить для воркшопа?
· Редактор кода Sublime Text 3, как устанавливать плагины и как максимально ускорить свою работу в ST.
· Список плагинов, которые нам понадобятся для работы в воркшопе.
· Методология познания. Как учиться веб-разработке?

Урок 2. Анализ макета. На этом этапе мы коснемся того, как оценивать объем работ глядя на имеющийся макет, а также как в уме или на бумаге готовиться к верстке.
· Введение в проблематику вопроса.
· Общие аспекты анализа макета.
· Технические аспекты анализа макета.
· Пример плохого PSD-макета.
· Пример хорошего PSD-макета.
· Чем еще отличается хороший макет от плохого?
· Анализ PSD-макета Jetro, который верстается в процессе воркшопа.
· Немного об особенностях работы на фрилансе.

Урок 3. Работа с макетом в среде Adobe Photoshop и извлечение графики для будущей веб-страницы.
· Типы графических форматов. Растровые изображения.
· Типы графических форматов. Векторные изображения.
· Немного о формате SVG.
· Способы перевода растрового изображения в векторное (трассировка).
· Извлечение графики из макета Jetro. Старый способ.
· Извлечение графики из макета Jetro. Новый способ.

Урок 4. Подготовительные действия и начало верстки HTML-каркаса. Мы будем использовать популярный фреймворк Bootstrap. Многие хотели бы узнать как его применить на практике, чем мы и займемся с тобой на реальном примере.
· Введение и немного истории: от табличной верстки к блочной.
· Семантика HTML и алгоритм HTML Outline.
· Старый алгоритм: HTML 4 Outline.
· Новый алгоритм: HTML5 Outline.
· Подключение Bootstrap и верстка HTML-каркаса макета Jetro.

Урок 5. Настройка фреймворка Bootstrap и стилизация страницы через CSS. В нашей работе мы применим препроцессор Less. Если до этого ты с ним не сталкивался, то будешь поражён насколько это ускоряет работу!
· Обзор возможностей официального сайта Bootstrap.
· Разбираем сборщик Bootstrap’a.
· Настройка, компиляция и замена стандартного стилевого файла Bootstrap на файл с настроенными переменными под макет Jetro. Брейкпоинты (breakpoints), медиа-запросы (media queries) и ширина макета.
· Начинаем стилизацию. Настройка Less и LiveReload.
· Переменные в Less. Задаем цветовые переменные для макета.
· Кросс-браузерное подключение шрифтов и их конвертация через сервис FontSquirrel.com.
· Пишем общие стили.
· Стилизация навигационной панели с логотипом.
· Стилизация слайдера.

Урок 6. Продолжаем стилизацию нашей страницы и подгоняем все детали.
· Что такое Flexbox’ы и как с ними работать.
· Продолжаем стилизацию макета Jetro:
1. Секция INTRO ARTICLES.
2. Секция RECENT WORKS.
3. Секция FOOTER.
4. Дорабатываем слайдер.

Урок 7. На заключительном этапе, мы сделаем веб-страницу адаптивной, то есть хорошо выглядящей на различных устройствах. Попутно будут рассмотрены сопутствующие техники и подходы.
· Адаптивность и отзывчивость. Что к чему?
· Прикручиваем адаптивность к макету Jetro:
1. Секции LOGO и NAVBAR.
2. Секция SLIDER.
3. Секция INTRO ARTICLES.
4. Секция RECENT WORKS.
5. Секция FOOTER.
ЗАКОНЧЕННЫЙ ВИД МАКЕТА JETRO!

Урок 8. Будут рассмотрены методы максимальной оптимизации веб-страницы.
· Анализ скорости загрузки через Инструменты Разработчика в Google Chrome:
1. Детальный обзор вкладки Network и её возможностей.
2. Последовательность загрузки файлов веб-страницы, как правильно подключать CSS, JS и остальные ресурсы.
3. Как извлекать информацию из временной диаграммы загрузки (Timeline) Инструментов Разработчика в Chrome.
4. Устранение ошибок 404 (если ресурс не найден).
· Уменьшение размеров HTML,CSS и JS-файлов:
1. Что такое минификация и офускация.
2. Убираем все лишнее из файлов Bootstrap с помощью сборщика на официальном сайте getbootstrap.com.
3. CDN-сервисы, что это, зачем нужно и как с них подключать ресурсы.
4. Оптимизация и минификация нашего стилевого файла style.css. Как писать CSS-селекторы так, чтобы все работало максимально быстро.
5. Оптимизация и минификация HTML-страниц.
· Графика и шрифты:
1. Оптимизация графики. JPG, PNG, SVG и кодирование в base64 - когда что лучше использовать?
2. Оптимизация шрифтов и практическое использование SVG.
· Удаление лишних файлов.

Выпущено: Россия
Продолжительность: 19:34:03

Файл
Формат: MP4
Качество: PCRec
Видео: AVC/H.264, 1280x720, ~958 Kbps
Аудио: AAC, 2 ch, 192 Kbps
Размер: 7,80 GB

Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015) Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015) Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)


Скачать Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)


Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)
Для скачивания введите код с картинки
1 2 3 4
Как скачать нужный файл. Все новости, опубликованные на нашем сайте, имеют ссылки на файлообменные серверы, на которых хранятся сами файлы. Для того чтобы

скачать Воркшоп по вёрстке адаптивной веб-страницы. Видеокурс (2015)

бесплатно, без регистрации и без СМС с таких файлообменников как, LetitBit, TurboBit, DepositFiles и тд., щелкаем по ссылке внизу под текстом новости. В открывшейся страничке для скачивания файла жмем на кнопку "бесплатно”, далее в специальное поле вводим необходимый код, который выдает нам система, ждем 60 секунд - рекламная пауза и получаем ссылку на бесплатное скачивание. Если нужно быстро скачать файл, нет времени или не хочется долго ждать, так же можно быстро скачать Документальные на максимальной скорости (тут все зависит от скорости вашего провайдера) с платных файлообменников, таких как vip-file.com, sms4file.com, здесь придётся оплатить СМСкой. Ну и конечно на всех бесплатных сервисах есть платное скачивание, тут выбирайте то, что вам больше нравится.
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Все материалы на сайте добавляются пользователями и администрация не в состоянии вести полный контроль над добавленными материалами. Но вы можете помочь наведению порядка и написать жалобу: если файл нарушает ваши права, если ссылки не рабочие, если вы скачали файл и он не соответствует описанию, если скачанный вами файл не открывается, если в архиве расположены рекламные материалы, вирус и т.д.
Не забывайте скопировать и вставить ссылку на некачественный материал.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

katstat.ru БКНС Наш сайт в каталоге manyweb.ru доска объявлений GlavBoard.ru Наш сайт в каталоге stronglink.ru Rambler's Top100