Пусконаладка. Навигация презентация

Содержание

Слайд 2

GitHub Pages Создаём локальную ветку "gh-pages" $ git checkout -b

GitHub Pages

Создаём локальную ветку "gh-pages"
$ git checkout -b gh-pages
Отправляем ветку на

удалённый репозиторий
$ git push origin gh-pages
Проверяем
https://YOUR-ACCOUNT.github.io/
Слайд 3

Навигация Исправить битые ссылки (сайт) Меню и любые другие ссылки

Навигация

Исправить битые ссылки (сайт)
Меню и любые другие ссылки имеют два состояния

(default, hover)
Ссылка на логотипе ведёт на главную страницу
На главной странице ссылки на логотипе не должно быть
Слайд 4

Контент Проверить орфографию (сайт) Есть favicon.ico (сайт) Заголовок страницы обёрнут в тег H1 Отключён Skype плагин

Контент

Проверить орфографию (сайт)
Есть favicon.ico (сайт)
Заголовок страницы обёрнут в тег H1
Отключён Skype

плагин
Слайд 5

Мобильная версия Проверить наличие мета-тега viewport Проверить адаптивность мобильной вёрстки

Мобильная версия

Проверить наличие мета-тега viewport
Проверить адаптивность мобильной вёрстки (сайт). Так же

проверить (по возможности) на реальных устройствах
Проверить ссылки на «дружелюбность». У телефона: tel:+70000000000 У email: mailto:example@domain.com У Skype: skype:login_skype
Слайд 6

Анализ Время загрузки страницы (сайт) Оптимизированы картинки (сайт) Валидный HTML (сайт) Валидный CSS (сайт)

Анализ

Время загрузки страницы (сайт)
Оптимизированы картинки (сайт)
Валидный HTML (сайт)
Валидный CSS (сайт)

Слайд 7

Шаринг

Шаринг




/>




















Слайд 8

Шаринг {{site}} – Название сайта. Например: Weblime {{meta_title}} – Заголовок

Шаринг

{{site}} – Название сайта. Например: Weblime
{{meta_title}} – Заголовок
{{meta_description}} – Описание страницы
{{img_social_tw}}

– Полный URL адрес до картинки Twitter'a (280 по ширине, 150 по высоте, не более 1Mb).
{{domain}} – URL сайта без http (домен)
{{img_social_fb}} – Полный URL адрес до картинки Facebook'a (600 (ш) x 315 (в), либо 1200 (ш) и 630 (в))
{{fb_url}} – Адрес текущей страницы
{{img_social}} – Полный URL адрес до картинки для Google+ и VK.
Слайд 9

Завершающие этапы Проверить сайт во всех популярных браузерах (desktop, mobile,

Завершающие этапы

Проверить сайт во всех популярных браузерах (desktop, mobile, tablet)
Проверить сайт

на малом разрешении экрана
Имя файла: Пусконаладка.-Навигация.pptx
Количество просмотров: 23
Количество скачиваний: 0