Читайте также:
|
1. Заходим в Менеджер материалов. Создаем новый материал, заголовок – Главная, размещаем его на главной страницу. Из дополнительных материалов копируем HTML – код Главной страницы сайта и вставляем его с помощью кнопки на панели инструментов – HTML. Сохраняем и просматриваем главную страницу сайта.
2. Далее необходимо настроить параметры, чтобы убрать лишние элементы с Главной страницы
3. В оригинале на главной страницы сайта помещены два рисунка. В дополнительных материалах находим папку – Изображения для главной. Заходим на web – сервер, в папку ip 
. Кидаем наши рисунки в папку stories.
4. Первый рисунок у нас будет размещен после фразы - поручни и другие элементы. Второй рисунок после фразы- сделанные нашими мастерами.
5. В администраторской зоне заходим в Менеджер материалов, выбираем наш материал, нажимаем кнопку Изменить.
6. Далее находим первую фразу, после которой надо вставить изображение, спускаемся вниз находим кнопку Изображение, нажимаем на нее и перед нами появляются все доступные изображения из папки stories. Выбираем наше первое изображение, выбираем размещение по левому краю и вставляем его.
7. Аналогичные действия проводим и со вторым изображением. Если все выполнено верно, то на главной странице сайта вы увидите:
8. Не трудно заметить, что текст очень сильно прилипает к картинке. Чтобы этого не происходило необходимо прописать CSS – правило с отступами.
9. Для этого заходим на Web – сервер в нашу папку ip – templates - JSN_Epic_Free – css. Открываем файл template и прописываем там css- правило. отвечающее за отступы справа. Так как рисунки у нас содержатся в абзацах, то пишем правило следующим образом:
p img {margin-right: 10px;}
10. Сохраняем наши изменения и перезагружаем главную страницу сайта. Если все выполнено верно, можно увидеть отступ текста от картинки.
11. Делаем вторую страницу нашего сайта. Заходим в Менеджер материалов – Создать.
12. Заголовок у нас будет – Виды лестниц. В дополнительных материалах копируем HTML – код данной страницы и вставляем через html – вставку.
13. На данной страницы будут размещены четыре рисунка. Из дополнительных материалов переносим их в папку stories нашего сайта.
14. Первая картинка будет размещена после фразы – движения невелика (выравнивание по левому краю)
15. Вторая картинка, после фразы – легкостью и ажурностью (размещена по центру)
16. Третья – профиль лестницы (по центру)
17. Четвертая – (бук, дуб) – по центру.
18. Чтобы просмотреть, что у нас в итоге получается, необходимо этот материал добавить в меню. Заходим в менеджер меню и добавляем там новый пункт – Виды лестниц/Дерева
Дата добавления: 2015-07-16; просмотров: 50 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Установка шаблона и смена ориентации меню | | | Создаем портфолио Наши работы |