Проект “Моя гитарная школа” в данный момент времени находится в стадии “рисунок-карандашиком-по-бумаге”. Поэтому, пока суть да дело, несколько отвлечемся от циклов статей и поговорим о такой спорной в вебмастерской практике вещи как стремление к совершенству в плане верстки веб-сайтов.
Почему спорной? Кто хоть немного владеет ситуацией о чем, собственно, идет речь, тот в курсе, что элементарная очевидность работы верстальщика имеет место быть отнюдь не столь очевидной, как работа, к примеру, веб-дизайнера. И это понятно. “Живопись” последнего — это то, что видит всяк входящий на сайт. Творчество же верстальщика скрыто хитроумными браузерами, дабы не вызывать мозговой шок у непосвященных.
Отсюда закономерный вопрос: а надо ли верстальщику шибко извращаться, чтобы получить почти идеал в плане верстки? Или можно схалтурить и склепать сайт на пару кривых гвоздей? Ведь все равно никто снаружи этой халтуры не увидит. Благо, браузеры сейчас все как один умные и интеллигентные. Всякую шнягу не стану показывать. Ну, если уж не совсем дико халтурить, конечно.
В сети уже наверняка есть масса подобных тем. От простых советов делать хорошо, до холиваров на уровне “div – зашибись, а table — ацтой!” Все это, конечно же, интересно и в чем-то даже прикольно. Человек ищущий (а таковым быть по статусу обязан каждый сознательный веб-мастер) почитает, проникнется, приколется и выудит что-то полезное, отправив весь шлак фтопку. Иной же сильно озадачится. Особенно такой банальной сентенцией как “а фигли?” Ведь и правда, если пользователь не видит кода, то мож ну его нафик извращаться? Тупо набросать на странице все в кучу, и пусть браузеры сами разруливают, где тут что. Все равно все будет более или менее понятно на странице.
Так-то оно так. Можно даже не заморачиваться по поводу смены алгоритмов работы браузеров в будущем или таким ёмким и, вместе с тем, жутко неконкретным понятием как “юзабилити”. Ведь никто на самом деле не знает, что будет лет эдак через 5 – 10. Возможно, браузеры будут более строгими в отношении того же доктайпа (DOCTYPE), а может им станет это все глубоко до лампочки. И никто не скажет точно на 100% как на самом деле удобно, ибо каждому челу своя прихоть.
Фишка заключается в очень простом: все, что вы когда-либо наковыряли в html, все оно к вам в том или ином виде вернется. Если схалтурить в одном месте, то оно все равно выползет в другом. Причем выползет совершенно не кстати и будет кусать моск, пока вы не разрешите конфликт. Этих конфликтов может быть бесконечно много. Суть не в том, чтобы выучить все возможные способы построения страниц, а также все существующие хаки. Суть в самом простом: сделай так, чтобы сам потом смог разобраться.
Есть уже масса готовых шпаргалок на данную тему. От подробнейших раскладок по свойствам тех или иных элементов верстки, до универсальных фреймворков, предоставляющих кучку готовых настроек, пусть даже и с некоторым избытком. Это все, конечно, замечательно и где-то даже нужно. Но пока ты сам сознательно не профильтруешь через самое себя, что ты вообще такое кодируешь, то оно так и останется чем-то далеким и виртуальным. А в результате — пара глюков на странице, и верстальщик в попе. Поэтому самый простой и действенный совет от Вебсовета: делай только то, что понимаешь. Если не уловил смысл относительного позиционирования или какого-нибудь z-indexа, то не лепи их куда ни попадя, услышав где-то, что это может сработать. Оно, быть может, и сработает, но ты этого не догонишь, а значит, при случае, и не сможешь поправить, если что.
Это не нравоучение. И не брюзжание бывалого версталы, в сотый раз тыкающего носом новичка в азбучные истины. Это призыв к дискуссии, если кто не понял. Вопрос прост и прозрачен: стоит ли вылизывать код страницы, или можно в чем-то пренебречь? Аргументы принимаются всякие: от категорически-апологетно-неумолимого “Нихт!”, до трансцендентального и хипповски-миросподвижнического “да-ну-нах-мир-вам-братья!” Но только с объяснением своей точки зрения. Цумволь!
Кто красивее, умнее и достойнее всех выскажется за идеальный код, получит ссылку в постовом на халяву. А если у кого-то мнение выльется в текст букавак на 1000, то милости прошу в гости с гостевым же постом. Думаю, преимущества гостевых постов расписывать нет нужды. Кто знает, тот поймет, о чем речь.
Кто не успел на паровоз, тот найдет apartments in odessa или чего попроще а-ля motel odessa
Я думаю,что красивый и логичный код очень важен, так как и самому потом легче будет исправить, дополнить что-то; и для индексации поисковиками нужно писать семантический код, отвечающий всем правилам.
Ответить
Мнение неначинающего программера и начинающего верстальщика иWeb-дизайнера
Hi, Игорь!
Две цитаты:
“div – зашибись, а table — ацтой!”
Вопрос прост и прозрачен: стоит ли вылизывать код страницы, или можно в чем-то пренебречь?
Ответ на вопрос, заданный при обсуждении, сам вызывает два вопроса:
1. Оно это нужно?
2. Оно это можно сделать?
По поводу первого - верстка это не самоцель, а средство получить красиво оформленный сайт с толковым контентом, да еще и востребованными пользователями. Соответственно при глухом контенте или отсутствии поисковой оптимизации верстальщик может изгаляться над оптимизацией кода до …. - все равно эту красоту никто не увидит. Поэтому нужно прежде определиться с типом страницы - то ли это просто информация для наполнения блога, то ли ключевая страница, нужная для продвижения сайта и привлечения пользователей.
В первом случае над оптимизацией кода не стоит и заморачиваться - достаточно сделать типовой шаблон, по которой верстку сможет сделать даже не верстальщик (я такой вариант испробовал у себя на блоге - по типовому шаблону на основе любой из моих рерайтеров вполне нормально самостоятельно верстал свою статью).
Вот во втором случае конечно ситуация другая - для особенно важных страниц вполне стоит потратить дополнительное время на разработку оптимального кода.
На, а по поводу второго вопроса - позвольте вообще усомниться, что в данный момент можно сверстать страницу, имеющую оптимальный код. Стандарт языка отсутствует - недьзя же назвать стандартом недоделанный HTML, который без конца переделывают. Аналогично с РНР - заявлено, что это строгий, формализованный язык верстки. На деле - после описания основной конструкции (того же IF) наблюдаем кучу альтернативных синтаксисов того же оператора. Когда же лезешь внутрь РНР-модулей тех же тем Вордпресса - там используются такие конструкции, которые не найдешь во всем интнрнете.
Анадлгичная ситуация с программами верстки - за год поисков выяснилось что они отличаются друг от друга только по киличеству ругательных отзывов.
И по до что вылизывать код - IE. Firefox или Opera? У каждого из них свои косяки и причуды и уровень “умности”, поэтому вряд ли можно сверстать страницу, уоторая одинаково отображалась бы во всех браузерах.
В Общем, оптимизация кода в нынешних условиях - рытье канавы ржавой лопатой с черенком из необструганной жердины. Так что не стоит совсем уж вылизывать код - можно язык занозить…
Так что на мой взгляд - профи - верстальщик знает много гитик и он сможет сделать нормальный код даже не задумываясь об этом. Ну а большинству админов блогов, вроде меня, не стоит и заморачиваться - ищите потихоньку новые наработки, добавляйте их в свой арсенал и код сам по себе начнет улучшаться. При этом вы еще и будете понимать, что откуда взялось и как работает
Ответить
И по до что вылизывать код - IE. Firefox или Opera? У каждого из них свои косяки и причуды и уровень “умности”, поэтому вряд ли можно сверстать страницу, уоторая одинаково отображалась бы во всех браузерах
Михаил,оно и видно, что Вы начинающий верстальщик…. Поверьте(и проверьте тоже), что сверстать можно под ЛЮБОЙ браузер. Даже под IE6
Ответить
Спасибо, Михаил! Развернутый и полный ответ. Присылайте ссылку, добавлю в следующий постовой.
Ответить
Ведь и правда, если пользователь не видит кода, то мож ну его нафик извращаться?
Пользователь не заметит, зато заметит заказчик. Сейчас у всех мода пошла на блочную верстку и валидность кода )
Ответить
PSPad в топку!
Не умеет грамотно (безшовно) работать с кодировками UTF, рвет их и заливает мусорные символы в файле на сайт по FTP.
Режим работы редактора нестандартен, относительно Eclipse, VisualStudio, Notepad++ и Dreamweaver.
Непривычно! Еще один каравяй велосипед!
Омерзительная возможность ставить курсор за коцом строки.
Ответить