За последнюю неделю опубликовано 42 новых материалов.
Инструкция новичку Путеводитель по форуму Прокси для Telegram Показать подсказки , это бомба!

Скачать курс Создание адаптивного веб-сайта для разных экранов - Lynda.com [RUS] бесплатно

  • Поучаствуй (в качестве покупателя) в любых пяти совместных покупках (кроме завершённых и "Моментальных") и получи группу "Новичок" навсегда -> ссылка на раздел
  • Получай до 480 рублей за каждого приглашенного пользователя!
    представляем Вам очередное расширение партнерской программы, подробности описаны тут -> ссылка
  • 90% материалов доступно к скачиванию после простой регистрации!
    Если же ты хочешь скачивать материалы без требования оставлять отзывы то получи группу "Новичок", 10 способов повышения описаны тут -> ссылка
  • К сожалению количество битых ссылок растет и мы уже не можем их оперативно восстанавливать поэтому просим помощи у каждого нашего пользователя.
    С сегодняшнего дня, за каждую восстановленную ссылку мы заплатим Вам.
    Подробнее тут -> ссылка
  • Перенесем твои заслуги с другого ресурса!
    Мы понимаем как сложно прокачивать аккаунты на форумах, вроде раскачал аккаунт, а тут появляется ресурс в 100 раз круче но тоже с системой прокачки и снова качать аккаунт...
    Предлагаем вам перенести Ваши заслуги на другом подобном ресурсе к нам.
    Подробности описаны тут -> ссылка
  • Вы можете получать по 2.5% с каждой покупки и продажи на маркете! Подробности в теме Партнёрская программа

Dump_Bot

Бот дампов
Бот форума
30 Июл 2016
1
1.597
20

Создание адаптивного веб-сайта для разных экранов
(Creating an Adaptive Web Site for Multiple Screens)
Lynda.com [RUS]



В этом курсе показано, как построить веб-сайт, который автоматически адаптирует свой макет под различные размеры экранов, ориентации, и разрешения. Рэй Виллалобос показывает, как дизайнеры и разработчики могут создать один документ HTML и изменить его отображение в десктопных браузерах и мобильных устройствах, наподобие iPhone, смартфонов Android, и планшетов. Курс охватывает создание базовой структуры HTML5, использование шаблонов сброса (reset), и стилизацию сайта с помощью CSS.

Темы:
  • Настройка тестового сервера и эмуляторов
  • Создание и настройка шаблона сайта
  • Использование бесплатных шрифтов Google
  • Подготовка графики
  • Создание файлов стилей
  • Загрузка внешних страниц при помощи AJAX
  • Создание мобильных вкладок
  • Определение мобильных устройств
  • Использование JavaScript для решения проблем скроллинга и изменения ориентации
  • Тестирование и отладка кода сайта
Спойлер: Содержание:
  • 0. Вступление 3m 33sПриветствие 53s
  • Использование файлов упражнений 2m 11s
  • Использование файла с заготовками кода 29s
[*]1. Подготовка 27m 50s
  • Установка локального сервера на Mac 3m 24s
  • Установка локального сервера на Windows 5m 44s
  • Установка симулятора iPhone 2m 21s
  • Установка эмулятора Android на Mac 3m 45s
  • Установка эмулятора Android на Windows 5m 48s
  • Работа с удалённым сервером 2m 26s
  • Тестирование на настоящих устройствах 1m 28s
  • Тур по завершённому проекту 2m 54s
[*]2. Подходы к созданию дизайна для разных экранов 8m 34s
  • Понимание подходов к созданию дизайна 3m 1s
  • Создание дизайна для мобильных устройств 2m 22s
  • Работа с адаптивным дизайном 3m 11s
[*]3. Создание и настройка шаблонов сайта 13m 44s
  • Шаблон сброса HTML5 2m 39s
  • Настройка шаблона HTML 4m 32s
  • Использование бесплатных веб-шрифтов Google 2m 10s
  • Модифицирование оставшейся части шаблона 2m 28s
  • Подготовка графики для веб-сайта 1m 55s
[*]4. Создание адаптивного сайта 13m 57s
  • Создание шаблона страницы 3m 23s
  • Создание страницы меню ресторана 5m 8s
  • Разработка страницы "about us" 1m 14s
  • Отображение карты Google на странице 4m 12s
[*]5. Создание стилей для настольных компьютеров 32m 54s
  • Создание файла стилей 3m 22s
  • Построение стилей для секции body и хедера 5m 37s
  • Настройка стилей футера 2m 24s
  • Составление меню 10m 21s
  • Стилизация страницы "about us" 3m 5s
  • Стилизация страницы с картой 1m 24s
  • Настройка дополнительных элементов 6m 41s
[*]6. Добавление интерактивности для десктопных мониторов 25m 29s
  • Загрузка внешних страниц с помощью AJAX 12m 40s
  • Отображение слоя с фото высокого разрешения 12m 49s
[*]7. Стилизация страниц для экранов смартфонов 23m 58s
  • Сброс и скрытие элементов 4m 56s
  • Создание кнопок меню в футере для смартфонов 6m 14s
  • Модифицирование списка меню 3m 33s
  • Создание мобильных вкладок 5m 17s
  • Модифицирование остальных страниц для мобильного макета 3m 58s
[*]8. Добавление интерактивности JavaScript для мобильных устройств 23m 43s
  • Работоспособность вкладок 4m 2s
  • Определение мобильного устройства клиента 6m 58s
  • Правильное отображение элементов с фиксированным позиционированием в мобильных браузерах 8m 6s
  • Центрирование изображений 2m 2s
  • Возможность изменения ориентации 2m 35s
[*]9. Стилизация страниц для планшетов 7m 3s
  • Изменение кода CSS страницы меню на планшетах 5m 22s
  • Изменение CSS для правильного отображения остальных страниц на планшете 1m 41s
[*]10. Исправление проблем 6m 25s
  • Тестирование и отладка 6m 25s
[*]11. Заключение 2m 20s
  • Следующие шаги 2m 20s
Стоимость: 3500 рублей.
Сайт:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
Для просмотра содержимого вам необходимо авторизоваться.

Пароль:L5y6n_seoxa.net_d8a
Размер: 460 МБ (WinRAR)
 

Привет!

Мы группа людей которые решили помочь другим в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно тысячи человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.

Статистика форума

Темы
384.728
Сообщения
428.241
Пользователи
59.575
Новый пользователь
Medhov

Приложения форума для iOS и Android


У ркн там нет власти ;)
Приватные разговоры
Помощь Пользователи
    Вы не присоединились ни к одной комнате.