[Я не в обиду, а для понимания...]
Вопрос из разряда: «как мне построить дом, расскажите по пунктам и буквам, т.к. я не строитель и инженерное дело совсем не знаю.»
Тем не менее, основные пункты распишу.
#41320 Developer:
Как сверстать html шаблон на Cotonti Siena?
- Берем исходник дизайна будущегшо сайта (например PSD)
- Верстаем по нему обычную HTML страницу (тут надо подучить CSS и HTML, рекомендую интерактивные онлайн курсы)
- для удобства верстки блоков берем какой-либо CSS фреймворк (например Bootstrap)
- верстаем логическую структуру — блоки (чтобы меню, заголовок сверху, контент в середине, прочее на своих местах)
- с помощью CSS приводим наши блоки в соответсвие с тем, что в нашем дизайн макете (см. первую ссылку).
- Когда готова рабочая версия нашей HTML странички, надо превратить ее в Cotonti шаблон, для этого
- берем какой-нибудь текущий шаблон (тему оформления для Cotonti), лучше который уже использует Bootstrap
- залезаем внутрь `*.tpl` (начать с header.tpl, index.tpl, footer.tpl) файлов и меняем содержимое на свое из нашей сверстанной HTML страницы.
- Подключаем наш новый шаблон к Cotonti и:
- отлаживаем отображение
- добавляем в «мертвый HTML» шаблонные теги (примеры смотрим в исходной теме или выводим все доступные), для связки нашего шаблона с содержимым (получаемым из CMS).
- Наслаждаемся результатом, подтверждающим гордое имя «Developer»
И как сделать резиновый шаблон с статического под этот фреймвёрк?
Лучше делать не резиновый, а адаптивный. Основа этого механизма уже заложена в рекомендованный выше Bootstrap. Надо лишь определить, какие блоки и на каком разрешении отображать, и снабдить их нужными классами.
p.s. Если у вас имеется уже готовая HTML страница, то для «натягивания» ее на Cotonti смотрим список с п.3. (это не исключает необходимости базовых знаний в HTML и CSS).
