Верстка это наше всё

от

Помните я говорил о создании фейковой студии под сапу? Небольшие продвижки таки есть — подобрал название (читаемое, но не слишком запоминающиеся), зарегал домен, нашел «трастовый» хостинг (петерхост… ох уж эта их панелька родом из 2000-х), и даже на скорую руку состряпял одностраничный сайтик.

Но ведь надо соответствовать образу дизайн-студии, не так ли? Вот меня и понесло — простенький первоначальный дизайн доделал и переверстал div-ами (до этого все сайты верстал таблицами), потом подогнал под XHTML 1.0 Strict, в полном соответствии со стандартами — контент в одном месте, оформление — в другом. Все значения — относительные, резиновая верстка, кроссбразуерность вплоть до мобильных платформ, и даже с отключенными стилями сайт вполне читаем. Но мне конечно было проще — я предпочитаю минимализм, а не верстку тремя десятками картинок, фонов и попиксельной расстановке элементов.

Затем — как управлять сайтом, генерировать стандартные страницы и т.д. (на заметку — можно сделать двуязычный сайт, страниц в два раза больше). Использовать готовые движки желание не было никакого, либо слишком мощные (WP, Drupal), либо слишком много дописывать (GetSimple). Пришлось писать еще и CMS, причем MVC — шаблон, данные и логика раздельно, а не собраны в одну кучу, как это у меня обычно бывает. А где хранить данные? Это же простенький сайт, БД подключать резона нет, значит на файлах. А раз файлы, то неплохо бы изучить работу с XML, как наиболее удобную. Даже шаблон, стили и часть кода засунул в XML-файл, вся cms поместилась в три файла 🙂 Кстати, финт ушами — оказывается, ЧПУ удобней делать не вручную (настраивая в .httaccess отдельные правила), а вордпресс-способом — все запросы отсылаются в index.php, а там уже разбирается REQUEST_URI и показывается нужная страница.

В итоге у меня сейчас довольно удобный универсальный движок (универсальный для программиста, а не для пользователя «нажал кнопку появился форум»), весьма недурственный шаблон для сайта, и добавилось немного дополнительных знания по верстке и программированию (особенно в части «как грамотно написанный код облегчает работу»).

И теперь идея сайта под сапу мне кажется кощунственной))) И все больше склоняюсь к мысли допиливания CMS, и перевода на неё своих небольших сайтов (а заодно будущих), и скорее всего публикации в открытом доступе. А сам сайт использовать как вполне реальную студию, только работающую над своими проектами — в том числе этой cms, шаблонамии и прочим (халявные ссылки!). А уж извлечь пользу думаю получится. Так что скоро думаю список «Моих проектов» пополнится 🙂

Первоапрельский АГС-апдейт прошел мимо.. Все меньше и меньше за ними слежу, домены суспендятся пачками, чистых ГС в сапе осталось всего несколько штук, да и то приносят копейки.

——————————
МТС жжот — теперь у меня 2-мбитка, хоть и с ограничениями по трафику)

39 комментариев к “Верстка это наше всё”

  2. Если так хорошо занимаешся программирование, то думаю многие веб-мастера тоже будут непротив попробовать демку, или даже дополнить cms

      цитировать →

  9. Ага, у рекламы проблема с кодировкой.

    А насчет сайта… еще к тому посту к тебе в комменты накидали что под сапу такое делать кощунство. Словом, как и предполагал, родился реальный проект 😉

      цитировать →

  12. Так, кодировку объяв поправил (это только у меня Opera корректно все отображает?), спасибо.

    GoldRush, в деревню на пару недель 🙂

    KIW, нет, никакой империи, и уж тем более не под таким названием 🙂 Да и концепция несколько другая.

    Штудер, ну если бы я поступил как задумано — стянул бы шаблон какой нибудь левой студии и маленько его переделал — ничего бы не случилось ))

    Штудер, почему? Мне кажется это больше зависит от организации скрипта, а не ЧПУ (не думаю, что простой парсинг строки урла займет так уж много времени).

      цитировать →

  13. сам сейчас перевожу крупный проект на divную верстку — узнал много нового =) даже в плане seo она лучше таблиц, а точнее основного табличного каркаса, т.к. совсем про таблицы забывать и на них забивать все же не стоит.

      цитировать →

  14. Spryt, у какого-то товарища было тестирование различных кэширующих плагинов. И там в комментах проскакивала эта тема. Тема кстати действует только если закэшированные страницы хранятся на диске. Проще отдать статическую страницу не трогая php, при этом отсутствют накладные расходы связанные с работой php.

    Вечером постараюсь нарыть линк.

    Если кэширование не используется, то вполне можно ЧПУ реализовывать и таким способом.

      цитировать →

  16. Для мелких сайтов использую xzengine (xzengine.ru) там по сути всё в комплекте
    1) Использует как текстовую бд так и mysql
    2) Есть коныертор шаблонов с дле
    3) есть чпу
    Вобщем очень сильно доволен

      цитировать →

  18. Не совсем понятно насколько хороша резиновая верстка (попытался написать об этом у себя в блоге) и CMS в открытый доступ…
    чем больше человек на нее подсядет, тем большее внимание она к себе привлечет и впослдествии найдутся товарищи у которых в одном месте свистит, и вот они-то обязательно начнут «искать уязвимости»…
    Хотя с другой стороны, если это будет CMS для программистов (скачал дописал и подделал под себя), тогда конечно две одинаковые версии будет сыскать весьма трудно и вот это будет уже значительно интересней

      цитировать →

  22. Штудер, совсем избавиться от обращения к php при кешировании вряд ли получится) разве что восстановить всю структуру сайта с помощью каталогов и html файлов, только вот кому нужен статичный сайт..

    Меганит, да и я не в первый же раз CMS пишу )) А если еще вспомнить специализированный движки (каталоги, дорвеи и т.д.)… 🙂

    roman, исправил (мелкая ошибка была). Странно все таки, у меня в убунте и опера, и фф нормально отображает, хотя кодировки сайта и объявления разные (были).

    Андрюха Воробьев, разумный компромисс — совмещать резиновую и фиксированную верстку. Меня например нервирует, когда сайт верстают с шириной в 600 пикселей и длинный текст приходится постоянно прокручивать. Все зависит от типа сайта и широте аудитории — контентный лучше верстать резиновым, промо — фиксированным.

    Для морального удовлетворения 🙂 А от ошибок никто не застрахован, не зависимо от распространения CMS в ней будут искать уязвимости.

      цитировать →

  23. ну тут уже скорее дело вкуса…
    по мне лучше скролить, чем читать длинные строки, но вот не совсем ясно как понять что же все таки лучше большинству: скролить или вертеть головой / глазами, читая длинные строки
    а мтс у тебя и вправду жжет: у меня 128 килобитка с 50 метровым ограничением по трафу о_0

      цитировать →

  24. Андрюха Воробьев, это зависит от посетителей. Если у 90% разрешение 1024-1440 (этот блог), то логично верстать именно под это разрешение, а чтобы полностью использовать пространство — делать резиновым. Широкоформатников же всего 10%, и если сайт для них слишком вытянут — проще браузер чуток сжать 🙂

    3G подключили, хоть и никаких объявлений на сайте не было) Хотя теперь понятно, почему безлимитные тарифы пофиксили…

      цитировать →

  25. Чет ты насчет широкоформатников ошибаешься) Мне кажется их намного больше, или это по твоему блогу статистика?

      цитировать →

  27. Spryt
    ну процент разрешения 1440+ и вправду очень мал, выходит что я парюсь по поводу будущего, когда он будет велик 🙂
    тут проблема то не в мониторах, а в концепции представления информации в интернете…
    я вот вообще как то думал о том, что весьма тупо, что всякие распорки и графические элементы дизайна выносятся на передний план путем представления в теге img, в то время как место им в свойстве background, чтобы они не были доступны при выделении
    даже одно то, что в свое время табличная верстка была крайне популярна, абсурд, так как не для верстки делали таблицы в стандартах гиперразметки…
    в идеале не должно быть таких проблем, у пользователя должен быть выбор того, как он хочет воспринимать информацию…
    прекрасно видно как при чтении мне не нравится двигать глазами / головой, а тебе скролить длинные страницы вниз — у нас однозначно должен быть выбор!
    наверно в будущем будет лучше 🙂

      цитировать →

  28. XHTML устарел, будущее за HTML 5 (и в настоящем он уже хорош). И меня удивляет, что XML ты считаешь удобным способом работы с данными 🙂 Вообще непонятный формат. Людьми читается хреново, а машины что угодно прочитать могут.

      цитировать →

  29. KIW, http://www.liveinternet.ru/stat/ru/resolutions.html?period=month

    Андрюха Воробьев, тем не менее таблицы поддерживаются всеми устаревшими браузерами, и верстать ими проще, да и непонятных багов вылезает меньше. И популярно она не только в свое время — до сих пор многие сайты имеют табличную верстку 🙂

    Хм, однако ты прав, если на сайте не так много текста, то при разрешении 1400+ моя верстка превратится в большую вытянутую строчку.. Пойду читать маны по max/min-width 🙂

    Тормоз, конечно, как только закончат спецификации и основные браузеры начнут его поддерживать)

    XML универсален, и в нем легко разобраться даже не заглядывая в исходники. Конечно, работать с ним сложнее (но SimpleXML отлично справляется), но это лучше, чем выдумывать свой формат хранения данных (сериализованный массив в файле к примеру), в котором потом фиг разберешься 🙂

      цитировать →

  30. Spryt
    >и верстать ими проще
    верстать может оно и проще, да и то под вопросом, но вот перевёрстывать и подвёрстывать, вносить изменения легче когда дивами повёрстано.

      цитировать →

  33. Был такой случай — хотел сделать автосайт под сапу,с небольшими статьями. Когда я сверстал дизайн (ушли сутки — как и чаще всего, взяв паблик-струтуру и извратив ее, так как каркас с нуля писать смысла нет — все стандартно) и посмотрел на него — задумался.

    Думал три дня и три ночи и пришел к выводу, что проект можно раскрутить и монетизировать многими способами, поэтому забил на сапо-структуру и сориентировал его на другое. Особенно же привлекло меня то, что мощного такого сайта (тематика и т. п.), в принципе, в Рунете нет, обрывки одни — а материала можно размещать массу, многие сотни страниц, тема реально неисчерпаемая (не спалю 🙂 ). Хотя и трафик по данным запросам не мега, но все же можно набрать порядочно. Так бывает 🙂

      цитировать →

  35. Не в тему.

    Спрут не тупи, поднимай цену на рекламу, очевидно же что спрос спокойно переварит и 2,5 и может даже на 3 не поперхнется

      цитировать →

  39. Спрут здравствуйте! Извините что беспокою вас, но я хотел вас спросить Вы сами дома по учебникам изучили языки программирования html, css, php, javascript и т.д. или учились в университете, ходили на какие-то курсы? Я недавно начал изучать html, css, php, javascript, но php и javascript я никак не могу освоить, они мне с очень большим трудом даются. Пожалуйста посоветуйте мне что-нибудь, как мне изучить эти языки программирования. Может посоветуете какую то литературу по которой вы учились. Зарание спасибо.

      цитировать →

Оставьте комментарий