Создание адаптивного веб-сайта для разных экранов
В этом курсе показано, как построить веб-сайт, который автоматически адаптирует свой макет под различные размеры экранов, ориентации, и разрешения. Рэй Виллалобос показывает, как дизайнеры и разработчики могут создать один документ HTML и изменить его отображение в десктопных браузерах и мобильных устройствах, наподобие iPhone, смартфонов Android, и планшетов. Курс охватывает создание базовой структуры HTML5, использование шаблонов сброса (reset), и стилизацию сайта с помощью CSS.
Темы:
Настройка тестового сервера и эмуляторов
Создание и настройка шаблона сайта
Использование бесплатных шрифтов Google
Подготовка графики
Создание файлов стилей
Загрузка внешних страниц при помощи AJAX
Создание мобильных вкладок
Определение мобильных устройств
Использование JavaScript для решения проблем скроллинга и изменения ориентации
Тестирование и отладка кода сайта
[HIDE=20]https://mega.co.nz/#!s1MElCgb!FDpccU8cquTRZFXVzrkzkylwS_sQyb7piYjtRK3kO1o[/HIDE]
В этом курсе показано, как построить веб-сайт, который автоматически адаптирует свой макет под различные размеры экранов, ориентации, и разрешения. Рэй Виллалобос показывает, как дизайнеры и разработчики могут создать один документ HTML и изменить его отображение в десктопных браузерах и мобильных устройствах, наподобие iPhone, смартфонов Android, и планшетов. Курс охватывает создание базовой структуры HTML5, использование шаблонов сброса (reset), и стилизацию сайта с помощью CSS.
Темы:
Настройка тестового сервера и эмуляторов
Создание и настройка шаблона сайта
Использование бесплатных шрифтов Google
Подготовка графики
Создание файлов стилей
Загрузка внешних страниц при помощи AJAX
Создание мобильных вкладок
Определение мобильных устройств
Использование JavaScript для решения проблем скроллинга и изменения ориентации
Тестирование и отладка кода сайта
[HIDE=20]https://mega.co.nz/#!s1MElCgb!FDpccU8cquTRZFXVzrkzkylwS_sQyb7piYjtRK3kO1o[/HIDE]