Поиск на сайте привычное явление, но как показывает практика бесполезная принадлежность. Прежде всего напомню как можно организовать поиск

1 Специальные плагины и библиотеки,которые осуществляют поиск по текстовому совпадению ( главные недостатки- находят не то, что надо и не бесплатны)

2 Поиск от главных поисковых систем Google и Яндекс (главные недостатки - поиск только по индексованным страницам в своей системе)

3 Поиск при помощи javascript

4 Поиск построенный на получении запроса из формы и фильтрации контента сайта по данному запросу

Воспользуемся последним вариантом и создадим поиск на сайте. Ну и конечно же лучше один раз увидеть, чем сто раз прочитать...

Как подключить модели к шаблонам лучше один раз увидеть чем сто раз прочитать... Качайте и используйте исходники по ссылке после видео на ютуб.

По сути дела, мы сегодня рассмотрим как можно скопировать внешний вид сайта для своих целей и подключим полученные шаблоны к движку на Django.

Прежде всего нужно четко понимать, что внешний вид сайта - это страница в html и css. Эти файлы легко скопировать и подключить к рабочему движку. Как это сделать покажу на простом примере в двух видео уроках :

В предыдущих уроках, для дизайна сайта мы использовали фреймворк Foundation.

Но что если мы захотим добавить немного креативчика не нарушая классики CSS файла( другими словами не лезь куда не знаешь) . Для этого можно изменить локально стиль, добавив небольшие изменения в шаблон .Готовые решения CSS : http://htmlbook.ru/faq. Вот простой пример как это просто сделать:

материал взят с сайта:http://www.dejurka.ru

Создаем структуру сайта

Модульная сетка фреймворка (12-ти колоночная по умолчанию) позволяет с легкостью создавать адаптивные шаблоны шаблоны страниц для десктопа и мобильных устройств. Если вы знакомы с grid-системами, вы будете чувствовать себя, как дома.  Она состоит из двух ключевых элементов: строки и столбцов. Строки создают максимальную ширину и содержат столбцы, которые формируют структуру. Размер столбцов будет изменяться в зависимости от размеров экрана монитора. Мы установили максимальную ширину столбца (.row ) 1000px.

Для начала дава ... Читать дальше »