Вёрстка и дизайн (html, css): от основ к вершинам мастерства

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

Для начала хотелось бы осветить первый этап нашего с вами селф-трейнинга ("самообучение" с англ.). Он будет носить название "Вёрстка и дизайн (html, css): от основ к вершинам мастерства". Этот этап будет также разбит на три части:

1. Основы вёрстки и дизайна
2. Основы блочной вёрстки
3. Блочная вёрстка всерьёз

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

Откуда взялось такое странное название у метода вёрстки? - возможно, спросите вы. Нет ничего проще. При дивовом верстании страницы контент находится выше всего прочего, кроме заголовка конечно. То есть, к примеру, мы заглянем в html код страницы, свёрстанной подобным образом (взять хотя бы этот блог) и увидим поочерёдно: хэдер, контент, левая менюшка, правая менюшка и футер. То есть искалка не отвлекается на не особо важные части документа, а индексирует всё постепенно: заголовки, само наполнение, а потом уже всё остальное. Если конечно доберётся.

Ну да ладно. Хватит о прелестях дивового дизайна. Первая часть первого этапа также состоит из трёх пунктов. Подробнее о них.

Я решил проверить на деле труды наших мудрых мужей, которые издают ебуки и потчуют своей мудростью непросветлённых юзверей. Все они предъявляют восхищённые отзывы людей, которые действительно ничего не понимают ни в сайтах, ни в дизайне, ни в вёрстке. Поэтому эта часть будет состоять из 3 учений:

1. "Как заработать в Интернете Лентяю" Ольги Александровой
2. "Money Master 1-2" Владимира Бывалова
3. "Все Технические Моменты Онлайн Бизнеса в Видеоформате" Евгения Попова

Насколько я понимаю, самый объёмный и сильный продукт это мультимедийная книга видео-уроков Попова. Уж её точно хвалят везде и всегда. Бестселлер как никак. Вот и проверим, что из себя представляют книги "Великих".

Примечание: На момент написания данной статьи я был уверен, что ебук Александровой "Как заработать в Интернете Лентяю" описывает создание сайтов, однако оказалось, что я перепутал её с другим ебуком Ольги "Что нам стоит сайт построить". Опус про лентяев также затрагивает немного построение сайтов, поэтому я всё-таки решил его не убирать из обучения. Дело в том, что я её уже прочёл. Так почему бы не рассказать об этом вам?

Итак, по окончании этой части мы будем уметь работать с Фотошопом, Дримвивером, иметь представление о html и css, уметь писать сайты руками, т.е. прямо в Блокноте, а также познакомимся с приёмом платежей и некоторыми скриптами.

Перейдём ко второй части нашего первого этапа. Она носит название "Основы блочной вёрстки". В неё войдёт ебука, которая называется "Блочная верстка веб-сайта. Начальный уровень" Игоря Квентора. Она между прочим бесплатна и доступна по этому линку. Далее последуют мануалы по CSS от Мастера Gordi и его же мануалы по дизайну nano-CMS и прочих продуктов Мастера Ласто. Ведь они все построены на основе дивового дизайна. Сюда же войдёт и блог Сергея. Его автор описывает принципы блочной вёрстки, а также правку дизайна nano-CMS. Также сюда войдёт чтение различных полезных статей на эту тему. Статей подобных дофига и больше в инете. Так что материал будет проходить отбор по мере чтения. Вот пример подобной статьи. Довольно информативно и познавательно. Тем более, с примерами.

Это будет наверно самая короткая часть первого этапа обучения. Однако она положит основу серьёзным изыскам в познании секретов дивового диза.

На протяжении всего обучения нам также буде помогать сайт htmlbook.ru, который послужит нам справочником html и CSS. Также возможно будут использованы некоторые уроки и с этого ресурса.

Третья, самая сложная часть будет состоять из блогов мэтров "Святого Грааля". Имеются в виду Свобода слова вебмастерского и Блог Мастера Gordi. У последнего также есть заброшеный блог на блог-сервисе Мастера Ласто. Его также нужно будет изучить. В постах этих профессиональных верстальщиков описаны многие аспекты построения именно дивового шаблона.

Также изредка мы будем отвлекаться на другие ресурсы, и возможно даже этот план будет несколько видоизменён. Но на данный момент я вижу его подобным образом.

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

В конце этого этапа у меня будет настоящий экзамен. Если во время обучения вы сможете видеть мои тестовые наработки, то в качестве подведения итога, я планирую сдать самый настоящий экзамен. Это будет редизайн этого блога. Это будет самый настоящий редизайн, так как шаблон будет полностью переписан. Изменятся как стили CSS, расположение блоков, так и графические элементы. То есть, будет отрисован полностью уникальный дивовый шаблон. Также переработке подвергнется несколько моих проектов, и, скорее всего, я возьму пару заказов на блочную вёрстку, чтобы закрепить всё накопившееся в голове :)

На этом, пожалуй, откланяюсь и займусь делами насущными.

--------------------

"Продвинем вместе" предлагает обмен постовыми
продвижение сайта Челябинск