Leaderboard

Долго у меня напрашивался этот цикл статей и вот наконец изливаюсь. А цикл этот вот о чём. Вёрстка и верстальщик. Основы профессии если хотите и логика действий при вёрстке. Решил разделить пока на две статьи. И предлагаю ознакомится с первой. Верстальщик кто-он? И так поехали. Не хотелось бы скатиться до популизма и повторения много раз описанных истин, поэтому постараюсь писать как можно понятнее и всё-таки передать мысль закладываемую в текст. В сети множество примеров статей и вообще материала о принципах вёрстки, инструментах, методиках написания кода, семантике и т.?д. Но я ещё ни-разу не встречал статьи рассказывающей о том с какого бока подойти к этому процессу, с чего лучше начать и по какому пути двигаться. Наблюдая год от года молодых верстальщиков и вебпрограммистов, совершающих одни и те же ошибки, такая статья просто проситься к написанию. Поэтому в следующем наборе букв постараюсь описать принципы и так сказать мыслительные процессы которые надо вырабатывать в себе для того чтобы начать двигаться с мёртвой точки новичка до специалиста в своём деле. Я не претендую на то, что описанные мною алгоритмы мышления и действий являются истиной в первой инстанции и только так и надо делать. Нет ни в коем случае! Для каждого верстальщика или же веб программиста существует своя истина и свои принципы. Всё-таки все мы люди и все ходим по своим дорогам. Но основные алгоритмы у нас всех одинаковые и отличаются только методом изложения и внедрения. Хотелось бы донести одну не тривиальную мысль к пониманию которой приходишь только с опытом и количеством реальной работы в каждом из этапов проекта. Верстальщика нельзя назвать чем-то самостоятельным в команде, единицей мнением которой можно пренебречь или как говориться сработать в слепую, отдал макет, получил страницу (К сожалению-это самый частый случай на ниве фриланса). Как правило из такой работы ничего хорошего не получается. Потому-что верстальщик работает не зная под что и не понимая идеи проекта, а это ведёт к тому что программист получает сложности с внедрением вёрстки в код, копирайтер обнаруживает нехватку или избыток стилей и элементов усложняющих ему жизнь. Сеошник сталкивается с грязью в коде или же не возможностью выстроить необходимое семантичное ядро на странице. В результате всем участникам проекта приходится либо чем-то жертвовать, либо переделывать кучу не профильной работы. Что в свою очередь ведёт к удорожанию проекта или к увеличению сроков проекта. На верстальщика возлагается очень большая ответственность которой нет ни у дизайнера, ни у программиста. Верстальщик своего рода «серый кардинал» проекта, перехватывающий «эстафетную палочку» у менеджера проекта, на стадии от-рисованного макета и параллельно его работе координирует техническую составляющую. По неволе верстальщику приходиться касаться почти каждого этапа проекта и учитывать получаемые рекомендации в своей работе. Как однажды сказал один мой друг. Верстальщик это руки которые складывают бутерброд, от них зависит в каком порядке будут размещены ингредиенты!© Поэтому не бойтесь брать на себя эту ответственность и в теневом режиме координировать исполнение проекта. Не бойтесь думать и отстаивать своё мнение, не бойтесь вносить хотя-бы мелкие поправки в проекты которые вам приходиться делать. В этом ваше предназначение как верстальщика и если вы решаете сделать это увлечение делом вашей жизни, то несите эту ответственность с честью. Поэтому думайте, думайте и ещё раз думайте, в этом залог роста. Прежде чем начать что-то делать потратьте хотя-бы пару минут на то чтобы продумать, как это сделать, затем ещё пару минут на то чтобы продумать, как это сделать лучше, чем сделали бы другие и даже после того когда вроде бы вы уже всё придумали и нарисовали себе в голове идеальную разметку, потратьте ещё с десяток минут на то чтобы ясно себе представить процесс и его реализацию. Прогоните через мозг каждый не очевидный и очевидный элемент макета, каждую строчку кон-тента и каждый блок на странице. Выведите общую формулу проекта распределив по своим группам повторяющиеся элементы и части которые эксклюзивные для страницы. Не надо этого делать на бумаге, приучите себя делать это в голове. Оценивать макет и проект в целом с одного лишь взгляда. Приучите себя понимать то, что вам предстоит сделать, подмечая какие подводные камни встретятся на пути, какими техниками вам придётся воспользоваться и что займёт больше всего времени. Вот с этого пожалуй и должна начинаться любая вёрстка, любого макета. С продумывания и оценки своей будущей работы. Простой ли он, или много-колоночный, резиновый, статичный, под какой тип устройств, на какой платформе и какие браузеры будут его рендерить. Прикиньте вес каждой страницы в отдельности и подведите его под критический порог. Соотнесите на сколько удастся соблюсти стандарты и придётся-ли использовать сторонние технологии для реализации интерфейса. Возьмите на заметку под какую CMS необходима вёрстка и какие её особенности надо учесть. Определите основное семантическое видение страницы. Если есть ТЗ, то вооружившись им, составьте карту страницы с описанием главных и второстепенных блоков, основных заголовков и их подзаголовков. Определите, где, какой тип кон-тента расположен и выстроен ли он в логичном с точки зрения семантики порядке. Какие варианты изменения в содержимом должны выдержать контентные блоки, на сколько макет восприимчив к эволюции содержимого, которое может появиться со-временем на страницах, существование каких элементов надо предусмотреть на будущее. Не бойтесь если в процессе оценки макета вы поймёте что многих вещей дизайнер банально не продумал или не предусмотрел. Как правило, при коллективной работе, дизайнер при от-рисовке макета плотно советуется с верстальщиком, также как верстальщик консультируется у программиста, создавая тем самым естественную цепочку производства. Поэтому обоснованные поправки к макету должны быть учтены дизайнером. На своём веку я много повидал дизайнеров и мало кто отказался от внесения поправок в макет, естественно что они были аргументированы и внесены до предоставления макета заказчику. Хотя случается и такое что работа ведётся разрозненно, тогда аргументы необходимо высказать заказчику напрямую, пояснив с какими трудностями, в будущем, он столкнётся при сборке проекта программистом и продвижении или поддержке проекта. Старайтесь упрощать жизнь себе и тем, кто будет работать над проектом в дальнейшем. Думаю я немного отклонился от темы и ушёл-таки в популизм. Но об этом нельзя было не сказать. Наблюдая как многие молодые верстальщики словно во тьме роются в тегах, забывая про идею и саму суть своей профессии. В следующей части постараюсь более подробно описать логику действий и принцип принятия решений на конкретном примере, будем верстать проект публично)))

HTML5. Up and Running

Очень хорош. js отопражает действительно не плохо но, у них на сайте написано что если я хочу подсветить с++ я должен написать или class="brush: c;" или class="brush: cpp;" но код ответил алертом SyntaxHighlighter Can't find brush for: c Это, очевидно, исправимо, так как на их же сайте в примерах всё успешно работает, однако такие ошибки настораживают. Кроме того, если сужать окно браузера, переноса строк не происходит, более того, в фаерфоксе не происходит ничего вовсе, в то время как в хроме появляются полосы прокрутки. Весьма неплох. Очень порадовал развитый файл с примерами. В целом претензия только одна: нет нумерации строк. Причём написать её не так просто как может показаться на первый взгляд. Тоже хорош но не великолепен. смотреть не стал, так как уже вижу хорошие варианты на js, переход на php не стоит тех минусов которые есть в предложенных js версиях

GeSHi

Golgi, Бан, за оскорбление нашего эксперта.

Окстись $db = mysql_connect("$dbhost, $dbuser, $dbpass"); if (!$link) {Тут ошибка

Да какой же я троль? Вам тут все мягко намекнули что ваши уверения в том что вы команда профи сайтостроителей - это, мягко говоря, заблуждение. А вы с упорством безумца пытаетесь доказать обратное. Вы со своими работами не составите конкуренцию даже такому сайту как тут В свой сервис говна занесите все свои работы и это не будет ошибкой. Подобные "профи" только порочат форум.

если бы на широких экранах всё бы центрировалось ещё., было бы норма, а так не могу глаза в лево косить

Предыдущий был приятнее и удобнее.

Да там плевать не только на верстку но и вообще на все, начиная с дизайна. У них там есть раздел "Говно". Я два раза в это говно добавлял ихний же сайт, - убирают гады.

Golgi, ты чем переводил? о_О 1) Проверь права доступа для пользователя Admin. В частности, можно ли заходить с локалхоста, требуется ли пароль (у тебя не указан вроде бы). 2) Ожидается переменная, созданная mysql_connect, а получен boolean. Ты не ввёл проверку корректности выполнения mysql_connect, отсюда все остальные ошибки А тот, кто говорит, что "нуждается в логической переменной", не прав. 3) То же самое 4) То же самое http://ru2.php.net/manual/en/function.mysql-connect.php $link = mysql_connect('localhost', 'mysql_user', 'mysql_password'); if (!$link) { die('Could not connect: ' . mysql_error()); }Мог бы самостоятельно заглянуть в мануал.

http://www.yootheme.com/zoo/

А вы попробуйте все демки удалить и шаблоны лишние. Такое облегчение почувствуете.

Смотря с какой стороны смотреть. К2 - это профессиональный компонент для организации блога на joomla. Несмотря на свой приличный вес, он позволяет добавлять рейтинг материалов, сортировку по рейтингу, соц. закладки, экстра-поля и вложения. Если вы хотите использовать весь это функционал, то вам прийдется помимо стандартного com_content использовать еще кучу других, иногда глючных и дырявых расширений для joomla.

Что лучше автобус или кошка? Стоит ли кошкам приделать колеса? Лично я считаю, что кошки лучше подходят для перевозки людей, т.к. весят меньше, они теплые и пушистые, а если им приделать колеса, то по функционалу они особо отличаться не будут.

Далеко не только автор, хехе. Еще мама и папа.

Vlad, Понял Влад, ну всё равно молодец! А вот по моему никак. Только если заново перерисовывать. Ты же рисуешь на холсте как бы, а рисунок нельзя просто так взять и перенести. Поэтому только стирать и заново рисовать. Стирать либо место за ним, либо весь кэнвас сразу. Да ты уже, я заметил много чего "Сделал", только языком правда

Оправдания неудачные. Гугл это не студия создания сайтов. К тому же вы словно хвастаетесь, будто ваш сайт сделан десять лет назад и с тех пор не менялся. Заявили хотя бы, что на вёрстку вам плевать и лучший валидатор это браузер, так хоть понятна стала ваша позиция.

На данном форуме люди заняты другими делами и как правило, они не тратят время на пустоту.

YooZoo - универсальное решение, на нем можно много чего построить.

psywalker, вообще-то он изначально этого и добился с помощью этих пустых строк, а задал вопрос как сделать на hmtl (смотри его картинку, вверх самый)

Всегда пожалуйста. Теперь есть тебе, над чем работать. З.Ы. поставь +, если не сложно.

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx

GeSHi весит больше, чем SyntaxHighLighter примерно в 5 раз. А функционал то тот же. Причем SyntaxHighLighter использует js, что позволяет использовать его на народе и юкозе, в отличие от GeSHi, которая содержит РНР-файлы.

ekvium.com, Я заметил, что ты ещё находишься в том возрасте, когда психоделия ещё кажется тебе вещью, которая может расширить твоё мировоззрение? Значит ты ещё ребёнок и у тебя беззаботное детство. Ну ничего, это рано или поздно пройдёт, и сразу поменяешь свои взгляды на жизнь.

Компания Google обновила дизайн, мне кажется очень даже красиво)

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx [url="http://zona.ws

Warning: mysql_connect() [function.mysql-connect]: Access denied for user 'Admin'@'localhost' (using password: NO) in W:\home\localhost\www\blogomz\www\core\db_inc_index_file. php on line 4 Ошибка доступа пользователя БД. Скорее всего не разрешена выборка или что-то в этом роде.. Warning: mysql_select_db() expects parameter 2 to be resource, boolean given in W:\home\localhost\www\blogomz\www\core\db_inc_index_file. php on line 5 Пишет, что нуждается в логической переменной второго параметра (true or false) => В ту переменную попадает, что-то другое.. Warning: mysql_query() expects parameter 2 to be resource, boolean given in W:\home\localhost\www\blogomz\www\core\db_inc_index_file. php on line 6 Аналогично предыдущему, т.к. как $db и там, и там. Warning: mysql_fetch_array() expects parameter 1 to be resource, null given in W:\home\localhost\www\blogomz\www\core\db_inc_index_file. php on line 7 Ну эта ошибка возникает в результате возникновения других..

открой страницу google.ru и ты там найдешь такое же шикарное центрирование... да, и посмотри когда создавался ekvium и сравни нынешний год

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