Слайд 1Инструменты и методы разработки
интернет-проектов
Марина Семехина
Исполнительный директор
atwinta.ru
vk.com/atwinta
twitter.com/atwinta_ru
facebook.com/atwinta
Слайд 2Перекличка!
http://bit.ly/1NtXtbR
Слайд 4CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Слайд 5CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Слайд 6CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Слайд 7CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Готовим структуру: шаблоны + ресурсы:
Шаблон «Тизер» –
пустой.
Ресурсы – 4 «Тизера»
Слайд 8CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
2. Создаем дополнительное поле tizer_fon
Слайд 9CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
3. Готовим картинки для вывода
Заготовки – «Шаблон
проекта» - доп.файлы
Добавляем подписи-преимущества: http://online-fotoshop.ru/
Слайд 10CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Сохраняем все измененные картинки: assets/image/cycle_red1.png и т.д.
Заполняем
значения поля tizer_fon для ресурсов-тизеров:
Слайд 11CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
4. Настраиваем цепочку вызова картинок-параметров
В шаблоне Главной
– чанк tizers
Чанк tizers использует доп.чанк tizertpl
Слайд 12CMS/CMF: ModX revo
Сниппеты. GetResources (Ditto)
Чанк tizertpl
Слайд 13CMS/CMF: ModX revo
Самостоятельная работа:
Создаем в ModX новые шаблоны:
Статьи / Новости
Одна статья
/Новость
Контакты
Прописываем верные пути, расставляем вызовы чанков:
meta, header, footer
2. Создаем ресурсы для этих шаблонов, наполняем их: 2-3 «Статьи», «Контакты».
Слайд 14Это длинная история
e-mail: marina@atwinta.ru
https://www.facebook.com/manhusta
Следующее занятие:
Выводим динамическое меню
Создаем каталог
Создаем форму обратной
связи с отправкой на почту.
Виджет карты
Метрика
Слайд 15Это длинная история
Домашнее задание:
Статьи (новости)
Картинки для слайдера и каталога (6-10)
Логотип
e-mail: marina@atwinta.ru
https://www.facebook.com/manhusta
Слайд 16Краткий ликбез по тегам html:
Текст
ссылки
Блок
- Элемент маркированного списка
- Элемент маркированного списка
Абзац текста
Принудительный перенос строки
Заголовок 2го уровня
Слайд 17Поля ресурсов
[[*content]] - Контент
[[*longtitle]] – Расширенный заголовок
[[*introtext]] – Аннотация
[[*createdon]] – Дата
создания