Хостинг, который может больше
04.09.2009

Блочная верстка (div-верстка) видеоурок #6

Объявления:


Сегодня я несколько задержал выпуск нового видеоурока, т.к. участвовал, в качестве задающего вопросы зрителя, в on-line трансляции семинара по блогингу, который проходил на сайте seopult.tv. Очень советую данный ресурс, множество полезного видео-контента (в основном, конечно, SEO-тематики).

Семинар проходил в формате круглого стола с четырьмя блогерами (dimok, Terehoff, Kuzen, Seoinsoul). Все четверо пишут в основном на SEO-шные темы, их блоге заслуживают внимания.

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

  • Для всех четверых заработок на блоге – это лишь небольшая прибавка к их основному заработку в off-line.  Хотя Димок заявил о том, что если бы у него отобрали все остальные возможности зарабатывать, то он бы весьма не плохо прожил на деньги, получаемые от блога. Но Димок-то ведет свой блог с 2004 года, эдакий мастодонт среди блогеров (5000-подписчиков на RSS, больше чем у всех остальных блогеров SEO-тематики; а по сравнению с семиста подписчиками в блоге популярного Терехова – так на много больше).
  • Еще одна интересная мысль – это то, что свой блог можно круто раскрутить используя гостевые посты у популярных блогеров (т.е. пишите интересную статью и публикуете ее на каком-то популярном блоге).
  • Ну и, конечно, тот факт, что Твиттер имеет огромный потенциал (можете почитать статью, где я писал про Твиттер подробно). С этим утверждением я согласен на все 100%. Кстати, фоловьте меня в Твиттере.
  • Очень много внимания было уделено конкурсу от MaulNet сладкий сеопультенок.

Ну а теперь переходим к нашему видеоуроку. В нем мы будем учится вырезать логотип из Photoshop-макета дизайна сайта, будем сохранять его в правильный формат и вставлять в нашу верстку. Скорее переходите к просмотру видео!

Первая часть видеоурока с YouTube:

Вторая часть видеоурока с YouTube:

Сразу обе части на RuTube:

Если что-то плохо видно, то вы можете скачать видео в лучшем качестве с DepositFiles (*.wmv 30.2 МБайт).

Новые видеоуроки курса появляются на блоге регулярно. Чтобы не пропустить остальные части видеокурса – подписывайтесь на RSS или получайте обновления блога на эл. почту.

С уважением, Андрей Морковин.

Post to Twitter



Если статья вам понравилась и вы не хотите пропустить свежие публикации, то подписывайтесь на RSS-ленту или получайте обновления сайта на эл. почту.


Похожие материалы:


Отзывов: 14 на «Блочная верстка (div-верстка) видеоурок #6»

  1. Дмитрий, 04.09.2009 в 22:21

    Есть предложение,после окончание данного шаблона (видео-урока)продолжить свои обучающие уроки с данным шаблоном.http://dump.ru/file/3231735
    Думаю многих заинтересовало бы это так как в данном шаблоне в отличии от Kas-Ved :
    1.Более сложнее уровень верстки.
    2.Сам по себе красивый шаблон ,а реализовать верстку ума не приложить)

    • Андрей Морковин, 05.09.2009 в 13:56

      После окончания этого видеокурса вы сможете сверстать предложенный шаблон самостоятельно. Я не просто верстаю сайт фирмы Кас-Вед, я рассказываю о принципах верстки. Если какие-то из принципов останутся за рамками данного сайта, я о них расскажу отдельно. Если что-то не будет понятно, то задавайте вопросы, я сделаю видеоурок непосредственно под ваш вопрос (или напишу текстовый ответ, если ответить будет просто).

  2. Владимир, 05.09.2009 в 08:37

    Дмитрий, а может тебе просто нужен этот шаблон, т.к. в готовом варианте его нету ))

  3. Владимир, 05.09.2009 в 08:49

    Я считаю что оптимальный вариант это показывать работы которые делала и студия

  4. Дмитрий, 05.09.2009 в 11:41

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

  5. Дмитрий, 05.09.2009 в 11:42

    Ждем самого ответа от Андрея Морковина.
    (Излишние комментарии не интересуют)

  6. mall, 05.09.2009 в 13:32

    чето многовато воды получилось, но все равно спасибо за урок, жду следующего

    • Андрей Морковин, 05.09.2009 в 13:57

      Это все не вода, это нужно знать. Потом на такие HTML-шаблоны приходится смотреть и на такие форматы графических элементов, что диву даешься.

  7. Андрей Морковин, 05.09.2009 в 14:05

    Забыл рассказать еще одну важную мысль этого семинара на Seopult.tv:

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

  8. Юрий, 18.11.2009 в 20:06

    Уроки дельные. Еще раз спасибо. Хотел спросить. Вы в уроках показывали “прикручивание” логотипа и т.д. Фон заднего плана вы делали, соответственно такого же цвета, как и задний фон в шаблоне. А что если делать фон прозрачным. Тогда лого будет выводиться с фоном который лежит за ним. Чем плох такой вариант?

    • Андрей Морковин, 19.11.2009 в 14:19

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

  9. Never Lex, 13.12.2009 в 18:16

    Уроки явно в один дубль делаются :) Забавно с логотипом вышло :)

  10. IT_Gleb, 26.08.2010 в 02:59

    С логотипом – заминка вышла конечно… н-да…

  11. IT_Gleb, 26.08.2010 в 03:07

    И мне кажутся совершенно не профессиональными комментарии о форматах gif и png, вроде: “PNG-8 также имеет возможность сохранять прозрачность, но он немного какой-то странный. Я не понимаю, зачем он нужен… В принципе он такой же, как формат GIF, только хуже, да… Не нужен он.”

    Андрей, ну вы же учебный материал делаете! Ну не знаете, что это за формат – так сделайте вид, что его не замечаете вообще. Зачем свой авторитет подрывать на мелочах?

Ваш отзыв