Доклад. Что такое блочная CSS верстка?

Решил опубликовать вводную информацию по блочной CSS-верстке в специальный доклад.

Блочная css верстка

Некоторые статьи из него уже публиковались на этом блоге, но, когда все собрано в одном месте, это намного удобнее, правда? Я кое-что подкорректировал, кое-что добавил.

В общем, прочитав его, вы узнаете:

– Что такое верстка и кто такой верстальщик?
- Что такое блок, и каким образом CSS позволяет верстать сайты?
- Зачем вообще нужно уметь верстать сайты?
- Какие способы верстки веб-страниц существуют на сегодняшний день?
- Что такое layout, из каких частей состоят большинство веб-страниц?
- и др.

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

А пока можете ознакомиться с докладом:

http://www.dimachen.info/download-manager.php?id=1

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

Запись опубликована в рубрике CSS. Добавьте в закладки постоянную ссылку.
***

14 комментариев: Доклад. Что такое блочная CSS верстка?

  1. Yury говорит:

    Полезная заметка. Да, на div сейчас строятся много современных сайтов. Но у меня есть мнение, что дивы полезно обрамлять таблицей. Подробности тут http://acvarif.info/acvarifcms/descript/descrcms1.html. Кроме того дивы позволяют строить шаблон с контентом в самом верху, что обожают поисковики. Подробности там-же. На базе дивов можно даже рекламные блоки визуально отображаемые в шапке выносить даже за футер, чтоы не смущать поисковых робтов всякой ерундой в шапке сайта. Но у дивов есть и недостатки. Это недопонимание верстки в различных браузерах. Поэтому полностью полагаться на них не стоит. Или в другом случае тщательно проверять верстку на всех возможных браузерах.

  2. Станислав Шмелев говорит:

    Дмитрий спасибо, скачал, сейчас буду ознакамливаться с материалом. Такие уроки лишними не бывают :)

  3. Макс говорит:

    Очень полезная вещь Дмитрий, для новичков очень даже пригодится! Хоть мне это известно, все равно не помешает повторить.

  4. Hant говорит:

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

  5. sibman говорит:

    Спасибо Дмитрий за полезную информацию. С нетерпением буду ждать видео.

  6. Derevtso говорит:

    Советы для новичков хорошие. :)

    Правда, есть одно замечание по вашему собственному сайту. Кнопка «Оставьте свой отзыв» висящая слева… из-за неё читать саму статью проблематично – закрывает часть текста. Если так и задумано, печально. Похоже на назойливую рекламу.

  7. Мари говорит:

    Спасибо, Дмитрий. Всегда интересно читать ваши заметки и статьи.

  8. Ашифин Фёдор говорит:

    Димыч как всегда на высоте!
    Жду видео!

  9. Avdoha говорит:

    а как насчет табличной?

  10. Dr Who говорит:

    Ssilka http://www.dimachen.info/download-manager.php?id=1, kotoraja predlagaet zakachatj block.zip Antivirus AVG nahodit v block.exe kakoj-to Trojan horse SHeur.BZYX

  11. Это не вирус. Книга скомпилирована компилятором и определенные антивирусы воспринимают некоторый код как вирусоподобный. Не беспокойтесь у меня установлен Касперский с последними обновлениями и все работает нормально.

  12. Dr Who говорит:

    Ne somnevajusj v porjadochnosti avtora, t.e Dmitrija. I uvazaju ego trud, a imenno chto on delaet takie poleznie uroki po Web Dizainu i Programmirovaniju. No zachem zasovivadj doklad v EXE ? chem huze PDF ? Sejchas verstaju sait s pomochju tablic i CSS. Vopros – takaie konopochki v Header[e] html stranici, kak «sdelatj startovoj» ili «dobavitj v faivorites» programmirujutsja s pomochju Java Script, i esli mozno v otvete na moj kommentarij skopirovatj optimalnij Java Script kod, dla knopochki «sdelatj startovoj» ot Dmitrija Ch. :)

  13. У PDF формата тоже есть свои минусы. Хотя бы то, что читатель должен иметь специальную программу, чтобы открывать файлы. Это уже большой минус.

    К тому же у меня уже отработана технология создания exe файлов.

  14. Donya говорит:

    Молодец Димыч, очень крутой блог. Так держать!!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>