spryt: странствующий вебмастер об авторе | контакты | реклама на блоге

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

Апрель 5, 2010

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

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

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

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

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

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

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

Порекомендуй друзьям →

39 комментариев

  1. GoldRush

    Куда летом собираешься отправиться?

  2. Леший

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

  3. Виктор

    Вот так рождаются великие идеи 🙂

  4. Reader

    Все больше вебмастеров ищут другие пути монетизации, кроме сапы. Во всем АГС виноват.

  5. GoldRush

    > Во всем АГС виноват.

    Как бы не только он.

  6. KIW

    Вполне возможно, что это начало империи Spryt.CMS 🙂

  7. KIW

    PS. Реклама над постом уже который день квадратиками(у меня Opera 10.51)

  8. Truth Hunter

    Занятно, ждём чудо-CMS 🙂
    Про ЧПУ хорошая тема, спасибо)

  9. Штудер

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

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

  10. Антон Полонский

    Да, реклама квадратиками. У меня Огнелис 3.5.7.
    Выкладывай цмс в общий доступ — интересно.

  11. Штудер

    А насчет ЧПУ… Если есть кэширование страниц, то через .httaccess может работать значительно быстрее.

  12. Spryt

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

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

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

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

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

  13. Кубачёв Евгений

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

  14. Штудер

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

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

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

  15. Меганит

    Каждый настоящий программист начинал писать свою Cms, я лично делал это раз пять….
    С уважением, Меганит.

  16. nikolay

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

  17. roman

    В Chromiuum (под Ubuntu) квадратики в рекламе до сих пор.

  18. Андрюха Воробьев

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

  19. Андрюха Воробьев

    и кстати в хроме текст рекламы тоже квадратный

  20. KIW

    Да и в опере 10.51 под винду остались квадраты

  21. firefox

    сайт в utf-8 , текст рекламы в cp1251 , перекодируй текст рекламы в utf-8 и будет все чпоки-оки

  22. Spryt

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

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

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

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

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

  23. Андрюха Воробьев

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

  24. Spryt

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

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

  25. KIW

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

  26. Франклин

    А как цмска будет называться?
    Платная/бесплатная, модульная/нет, будет ли мускул?

  27. Андрюха Воробьев

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

  28. Тормоз

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

  29. Spryt

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

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

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

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

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

  30. roman

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

  31. alllexe

    Вот так из фейковой идеи рождается нормальный проект

  32. STROGOS

    Своя ЦМС это всегда удобно =)

    А у меня летний сезон http://unfiles.ru/uploads/posts/2010-04/1270753158_08042010125.jpg =) Всю зиму тоже откатался =))

    Кстати тебе там когда то нужен был великий пендаль, вот небольшой пендаль — песня «Lumen — Последний шанс»

  33. мистер Саратино

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

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

  34. Seo Worm

    Забавно, но не пойму зачем так из-за сайта под сапу заморачиваться?
    Или это скорее для себя?

  35. Elsper

    Не в тему.

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

  36. roman

    Elsper, таки да. Возможно ещё ввести какой-то момент аукционности.

  37. Белый Негр

    Спрут, а ты живой вообще? Где финстрип и все дела? )

  38. TraderMax

    Белый Негр, похоже giatsintov.ru никто не читает :), http://giatsintov.ru/bez-sveta/

  39. Lubomyr

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

Комментарий:

Андрей «Spryt» Гиацинтов (VK)
Email: me@spryt.ru

Путешествия:

Сейчас: Самара, Россия
Посещенные страны:
открыть все | закрыть все

Посмотреть на Google.Maps

Как дешево путешествовать по Азии

Как найти идею для сайта

Я зарабатываю:

Рубрики:

Итоги(137) Я(61) Блоггинг(48) Таиланд(44) Заработок(40) Философия(37) Бред(35) Путешествия(32) Georgy(21) Сателлиты(17) Малайзия(16) Колумбия(15) SEO(14) вебдев(14) Непал(13) Мои проекты(12) Чианг Май(10) Филиппины(8) Индонезия(8) Бангкок(7) Ява(7) Шри-Ланка(7) Домены(6) Краби(6) Борнео(6) Эквадор(6) скрипты(5) Паттайя(5) Лаос(5) Самуи(5) Камбоджа(5) Кордильеры(4) Каталоги(3) Обзоры блогов(3) Буржунет(3) Cameron Highlands(3) Вокруг Аннапурны(3) Покхара(3) Helambu trek(3) Гонконг(3) Велотрип(3) Вьетнам(3) Россия(3) Гаджеты(2) Бредовые идеи(2) Визы(2) Куала-Лумпур(2) Катманду(2) Сингапур(2) деревня(2)

Архив:

Поиск по блогу:

SEO анализ сайта:

Версия для компьютера | Переключить на мобильную версию