К списку категорий
Описание
Делаем главную страницу
В данном случае будем использовать слайдер "Orbit" от Foundation.
Посмотрите обязательно, вторая часть видео советы, обязательно выполните и не пожалеете.
Статья
Делаем главную страницу
В данном случае будем использовать слайдер "Orbit" от Foundation.
Мы нашли код слайдера в справке.
Далее разобрались, что его включает в base.html
Определили место для картинок.
Прописали пути <img src="{% static "media/upload/index/orbit/7mest.png" %}" alt="python" />
Далее мы вставили картинки, увидели, что мотается.
Далее при помощи разметки Grid, привели в порядок.
Потом мы поняли, что наш слайдер корректно работает только на больших экранах, дописали код, что бы он
правильно отображался на всех экранах, маленьких (смартфоны), средних (планшеты), больших (компьютеры).
В общем разобрали, теперь вы сможете создавать слайдеры любых размеров.
Настройки: да, и в конце при помощи Джава (не важно что не знаете Джава), там настройки меняй и смотри что происходит, здесь не нужно знать Джава
а просто включим логику, например поменял 500 на 1000 и теперь слайды перелистываются через 1000 милисекунд. (тема следующего курса)
P.S. Кстати насчёт разметки к всем экранам, имейте в виду - это можно применять к любым элементам
вашего сайта, и ваш сайт будет легко просматриваться на всех устройствах, а это учень удобно.
По ходу использовали фотошоп (можно использовать свою программу.)
В общем к делу.
Перейти к шагу 15.
Код
В уроке 9, я дал рекомендации, если вы их будете соблюдать, то свой код всегда будете читать легко и быстро. И много других полезных вещей.
Практикуйтесь.
2015-08-25 12:16:14+00:00
К списку категорий