Forums / National / Russian / Скины и дизайн / Интеграция html шаблона в Cotonti Siena

Вопрос по интеграции html шаблона в Cotonti Siena

Developer
#1 2016-01-23 17:01

Приветствую всех !

Вообще-то у меня два есть вопроса к гуру по Colonti

Как сверстать html шаблон на Cotonti Siena?

И как сделать резиновый шаблон с статического под этот фреймвёрк?

Научите меня как новичка самостоятельно это делать.

Желательно пожалуйста по буквам и пунктам так как я не верстальщик и CSS знаю очень плохо (почти не знаю если уж на то пошло), но хочется это научиться делать самостоятельно,так как платить кому-то за эту работу у меня нет средств.

Заранее спасибо

Roffun
#2 2016-01-23 18:48
#41320 Developer:
Как сверстать html шаблон на Cotonti Siena?

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

И как сделать резиновый шаблон с статического под этот фреймвёрк?

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

Научите меня как новичка самостоятельно это делать.

Желательно пожалуйста по буквам и пунктам так как я не верстальщик и CSS знаю очень плохо (почти не знаю если уж на то пошло), но хочется это научиться делать самостоятельно,так как платить кому-то за эту работу у меня нет средств.

По буквам и пунктам вряд ли кто-то будет расписывать, это не рецепт печенья. Тут нужен серьезный подход. Поэтому в любом случае учить нужно самостоятельно. На форуме можно задавать уточняющие вопросы по конкретной проблеме. А научить делать сайты - это больше к курсам относится.

В любом случае без серьезного изучения HTML и CSS  - никак. Поэтому сначала нужно подтянуть знания там, а потом уже пытаться что-то делать под движок. А с учетом постоянных нововведений в развитии сайтостроения, изучать нужно постоянно. 

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

Также рекомендую спецификацию поштудировать, теги поизучать, например здесь:  HTML , и   CSS .

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

 

 

 

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts

Dit bericht is bewerkt door Roffun (2016-11-11 14:29, 7 jaren ago)
Developer
#3 2016-01-24 16:26

Ответ не о чём

Где нибудь есть подробная пошаговая инструкция по интеграции html шаблона в Cotonti Siena?

Roffun
#4 2016-01-24 17:34
#41322 Developer:

Ответ не о чём

Тогда поиск в помощь

 

Как сверстать html шаблон на Cotonti Siena?

И как сделать резиновый шаблон с статического под этот фреймвёрк?

Научите меня как новичка самостоятельно это делать.

Желательно пожалуйста по буквам и пунктам так как я не верстальщик и CSS знаю очень плохо (почти не знаю если уж на то пошло)

 

Смотрите "Ответ не о чём"

 

Где нибудь есть подробная пошаговая инструкция по интеграции html шаблона в Cotonti Siena?

Только документация

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
Macik
#5 2016-01-24 19:00

[Я не в обиду, а для понимания...]

Вопрос из разряда: «как мне построить дом, расскажите по пунктам и буквам, т.к. я не строитель и инженерное дело совсем не знаю.»

Тем не менее, основные пункты распишу.

#41320 Developer:

Как сверстать html шаблон на Cotonti Siena?

 

  1. Берем исходник дизайна будущегшо сайта (например PSD)
  2. Верстаем по нему обычную HTML страницу (тут надо подучить CSS и HTML, рекомендую интерактивные онлайн курсы)
    - для удобства верстки блоков берем какой-либо CSS фреймворк (например Bootstrap)
    - верстаем логическую структуру — блоки (чтобы меню, заголовок сверху, контент в середине, прочее на своих местах)
    - с помощью CSS приводим наши блоки в соответсвие с тем, что в нашем дизайн макете (см. первую ссылку).
  3. Когда готова рабочая версия нашей HTML странички, надо превратить ее в Cotonti шаблон, для этого
    - берем какой-нибудь текущий шаблон (тему оформления для Cotonti), лучше который уже использует Bootstrap
    - залезаем внутрь `*.tpl` (начать с header.tpl, index.tpl, footer.tpl) файлов и меняем содержимое на свое из нашей сверстанной HTML страницы.
  4. Подключаем наш новый шаблон к Cotonti и:
    - отлаживаем отображение
    - добавляем в «мертвый HTML» шаблонные теги (примеры смотрим в исходной теме или выводим все доступные), для связки нашего шаблона с содержимым (получаемым из CMS).
  5. Наслаждаемся результатом, подтверждающим гордое имя «Developer»

И как сделать резиновый шаблон с статического под этот фреймвёрк?

Лучше делать не резиновый, а адаптивный. Основа этого механизма уже заложена в рекомендованный выше Bootstrap. Надо лишь определить, какие блоки и на каком разрешении отображать, и снабдить их нужными классами.

p.s. Если у вас имеется уже готовая HTML страница, то для «натягивания» ее на Cotonti смотрим список с п.3. (это не исключает необходимости базовых знаний в HTML и CSS).

 

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F
Developer
#6 2016-01-25 09:09

Вот теперь всё чётко и понятно 

Благодарю вас, Macik