Написал HTML+CSS, что дальше?

Question

[Odinokun]

Доброго времени суток.
Объясните пожалуйста ламеру пару элементарных вещей в которых не могу разобраться, или подскажите где почитать инфу.
Вот есть верстка (html5, css3, js и т.д.), я понемногу в ней разобрался и могу сверстать что-то похожее на сайт (тут дело за практикой).
Я не понимаю, что нужно делать потом, что бы получить на выходе полноценный сайт с работающими формами и тому подобными плюшками.
Я знаю, что есть ряд CMS на базе которых можно создать свой сайт, но ведь верстку делаешь не под какую-то определенную CMS, а просто по PSD шаблону соблюдая правила семантики и написания кода.
Я сейчас попробую создать сайт на базе Drupal 7 используя тему Zen. Процесс идет потихоньку, я создал субтему и правлю ее подгоняя под PSD макет, дописываю и переписываю стандартные CSS и PHP файлы.
Но все время меня не покидает ощущение, что я двигаюсь в неправильном направлении, ведь если бы именно так создавались сайты, то зачем делать HTML файл.
Подскажите пожалуйста где я туплю и где можно почитать/посмотреть что нужно делать после окончания верстки для создания полноценного сайта.
Спасибо.

Answer 1

[andead]

Если пользуетесь cms, то делать отдельную вёрстку как правило бессмысленно. У того же друпала есть определённая структура темы (регионы, блоки, поля, идентификаторы, классы) нарушив которую вылезут проблемы. Поэтому двигаетесь в правильном направлении — создание drupal темы по psd шаблону. Плюс как правило на этом же этапе делается и функционал сайта.

Answer 2

[Матвей Мамонов]

Дочитал до "ряд cms", дальше не стал.

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

Вывод: забей на cms, нажать кнопку и "установить" сайт может даже обезьяна. А вот написать свой код, пусть с костылями, велосипедами и говнокодом, зато свой, это многого стоит.

Если по делу - то практикуйся очень много в написании частей для своего сайта (ну, я про html и css, про js не забывай (как это сделал я)), а потом берись (или сейчас, просто все совмещай, так даже лучше, думаю) за серверную часть. Советую PHP. Отличные мануалы на оф сайте, много локализованной поддержки. Не гонись сразу за "алмазами", сразу придется начать с hello, world. Все приходит с практикой и опытом.

Answer 3

[xmoonlight]

Есть "гвозди", а есть "обшивка". CSS/HTML - это обшивка.
Куда вбивать гвозди, чтобы держалась обшивка - решается в зависимости от CMS.
(back-end - каркас, если что)
PHP-файлы - не трогайте!!! все стили должны быть - в CSS.

Comments

[Odinokun]

Я в PHP только пару оберток со своими классами добавил. Это не по феншую? Может что-то поламаться?

[xmoonlight]

Odinokun: хотите делать ПРАВИЛЬНО? слушайте советы.
по феншую ли? - НИКОГДА!
может ли поломаться - да. при том в неожиданный для Вас этап разработки.

[Odinokun]

Я не иронизировал когда употребил слово "феншуй".
И спасибо за совет, обязательно прислушаюсь.

[xmoonlight]

Odinokun: без задней мысли: подходит ли мой ответ под решение (или частичное решение) Вашего вопроса? Просьба отмечать. (и сам стараюсь за этим следить не оставляя вопросы без решения)
Спасибо и удачи Вам в познании архитектуры веб-разработки.

[Odinokun]

xmoonlight: ну честно говоря пока что самый полезный ответ/решение у IceJOKER.
Вернее он точнее всего ответил по сути вопроса.

[xmoonlight]

Odinokun: ну у нас речь об одном и том же. просто я сказал в общем смысле: как делать правильно. А он - о том, как делает он. (при том не особо верный подход.) Нужно вначале расставлять тэги шаблона нужной CMS (под которую делаете) внутри сверстанного макета по W3C, а не подгонять... Это важный момент.

[Odinokun]

Аааа, я понял в чем разница. +100500 согласен с Вами.
Только ведь я не могу впихнуть со своими тегами в PHP файл? Это же делается через админку добавлением ноды или блока? Или можно и в ручную?
А особенно меня интересует возможно ли добавить "карусель" на JS в файл не используя модули?

[xmoonlight]

Odinokun: тут два пути:
1. хардкодед в шаблон (т.е. вручную)
2. создавать ноду
про карусель - обычно так и верстают. а данные карусели - через php/ajax

[Odinokun]

Понял. Спасибо за ответы.

[xmoonlight]

Odinokun: и Вам Спасибо! Обращайтесь: смогу отвечу. Сочинять не люблю.

[Alex]

по феншую ли? - НИКОГДА! xmoonlight: а как вы собираетесь сверстать тему Drupal чтобы не править *.tpl.php файлы? Не сбивайте человека с толку.

[xmoonlight]

Alex: никто не говорит, что без этого можно обойтись. Речь идет о подходе, а не о "а бы как".

Answer 4

[IceJOKER]

Тоже когда-то сначала верстал просто html файл/ы, а потом адаптировал под cms, со временем появился опыт и верстаю сразу под CMS.
Можно так и этак, под drupal я верстал с нуля, без всяких Zen-ов.

К примеру берете сверстанный html файл, перемещаете в папку темы Drupal, переименуете page.tpl.php (ну или _front и т.д.) и вы уже видите результат под cms, осталось привести его в динамичный вид потихоньку создавая модули и все что нужно.

Answer 5

[Alex]

Drupal не самая легкая CMS и темизация там довольно сложная. Для первой CMS и "натягивания" своего шаблона под нее, я бы вам рекомендовал Wordpress.

Answer 6

[Иван Соломенников]

Я не понимаю, что нужно делать потом, что бы получить на выходе полноценный сайт с работающими формами и тому подобными плюшками.

Нужно знать любой серверный язык. (PHP, Ruby, Python)
Для плюшек нужно на приличном уровне знать HTML5, CSS2-CSS3, JS, jQuery(как правило), а не только поверхностные знания. Понимание приходит со временем.

Comments

[Odinokun]

То есть это нормально взять CMS + тему и потом изменять их под свои нужды?
А зачем тогда верстальщики пишут HTML, если он потом все-равно не используется?

[IceJOKER]

Odinokun: CMS для того и сделана, чтоб каждый мог под себя подстраивать темами, модулями, расширениями и т.д. Верстальщики верстают psd в html, а далее это все подгоняют разрабы под скрипт , часто конечно и то и другое делает один и тот же чувак )

[Иван Соломенников]

Odinokun: >>>То есть это нормально взять CMS + тему и потом изменять их под свои нужды?
Для начала возможно, а так смотрите в сторону фреймворков.
>>>А зачем тогда верстальщики пишут HTML, если он потом все-равно не используется?
Плагины, адоны какие то пишутся для CMS, там же юзается HTML, CSS, JS и тп.

Answer 7

[Yustas Alexu]

Шаблоны придумали, чтобы в случае, когда на сайте 100/500 страниц с одинаковым дизайном не плодить 100/500 html-файлов, а просто создать один файл-шаблон и подставлять в переменные этого шаблона текст из базы данных. Если нужно будет изменить дизайн, меняется всего один файл-шаблон, а не куча html-файлов. Вот и все. То есть если на сайте 4 страницы без динамического контента, то смысла ставить CMS вообще нет.

Comments

[Odinokun]

То есть в данном случае можно вообще использовать сайт на html?

[Yustas Alexu]

Odinokun: Я не знаю, какой у Вас случай. В любом случае, если Вы изучаете HTML/CSS для работы, а не для себя, нужно выучить хотя бы азы JavaScript и PHP. Поэтому не упрощайте себе жизнь.