Создание своего дизайна — различия между версиями
Vb (обсуждение | вклад) (Новая: __TOC__ =Чем определяется внешний вид страниц магазина= Каждую страницу интернет-магазина веб-браузер п...) |
(нет различий)
|
Версия 16:59, 21 ноября 2009
Чем определяется внешний вид страниц магазина
Каждую страницу интернет-магазина веб-браузер покупателя отображает в результате интерпретации её исходного текста, который принят с сервера. Текст страницы формируется на сервере путём объединения нескольких элементов:
- шаблона страницы,
- изображений,
- переменных данных на странице,
- файла стилей,
- файла на языке Java-script (не обязательно).
Шаблон страницы
Шаблон страницы - это текст на языке HTML, являющийся основой, каркасом для формирования вида страницы. Шаблон содержит кроме HTML-текста ссылки на файлы изображений м вставки на языке "Liquid", позволяющие включать в текст страницы изменяемые данные из базы данных магазина.
Процесс внесения изменений в шаблоны описан здесь.
Изображения на странице
Изображения - это файлы, содержащие картинки в различных форматах (.png, .jpg, .gif), которые показываются веб-браузером в местах страницы, определённых в тексте шаблона страницы.
Процесс загрузки новых файлов изображений описан здесь.
Данные на странице
Данные на странице формируются в результате вставки в текст страницы результатов исполнения операторов языка "Liquid", содержащихся в шаблонах страниц. О применении языка "Liquid" можно прочитать здесь. Доступные объекты в шаблонах стандартного набора тем перечислены здесь.
Файлы стилей
Файлы стилей передаются сервером в составе текста страницы и применяются веб-браузером покупателя к сформированному содержанию страницы в соответствии с правилами языка CSS.
Процесс внесения изменений в файлы стилей (.css) описан здесь.
Файлы Java-script
Файлы Java-script передаются сервером в составе текста страницы и применяются веб-браузером покупателя для изменения вида загруженной страницы в зависимости от действий покупателя - движений "мышкой" и нажатий на кнопки.
Процесс внесения изменений в файлы скриптов (.js) описан здесь.