Блоки div, HTML атрибут id, HTML атрибут class. Создание HTML каркаса для будущего сайта

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаю рубрику Видео блог и ее раздел Как создаются шаблоны сайтов HTML и CSS. Не знаю плохо это или хорошо, но я решил создать видео блог, в котором буду размещать скринкасты на различные темы, все это вы сможете бесплатно посмотреть на моем канале YouTube, в группе Вконтакте Web-дизайн, Web-разработка. Уроки HTML и CSS или в паблике Заметки на полях. Первая серия моих скринкастов будет посвящена рассказу о том, как создаются шаблоны сайтов HTML. Вообще, HTML шаблоны сайтов создаются очень просто, но у новичков могут возникнуть трудности, с которыми мы будем разбираться вместе по ходу видео курса.

Блоки div, HTML атрибут id, HTML атрибут class. Создание HTML каркаса для будущего сайта

Блоки div, HTML атрибут id, HTML атрибут class. Создание HTML каркаса для будущего сайта

Хочу обратить ваше внимание на то, что курс называется: Как создаются шаблоны сайтов HTML и CSS. Поэтому я и буду рассказывать о том, как создаются шаблоны сайтов, конечно, во время курса будут затронуты какие-то тонкости и детали HTML и CSS, но цель данного курса заключается в том, чтобы научиться создавать HTML шаблоны сайтов из PSD макета, то есть это не уроки Photoshop. Но все моменты, которые встретятся в процессе создания HTML шаблона сайта из PSD макета, которые так или иначе будут связаны с Photoshop, я постараюсь объяснить. В планах создать видео курс: уроки HTML и CSS, в общем как-то так. Ну что же, поехали рассматривать то, как создать макет сайта из PSD шаблона. В общем, прошу вас оставлять свои комментарии, делиться с друзьями, высказывать свое мнение, чтобы сделать данный видео курс лучше.

Не забываем подписываться на RSS-лентуtwitter и на публичную страницу Вконтакте



Теперь, что касается данного видео урока по созданию шаблона сайта HTML. Сам PSD макет, который мы будем верстать, резать и натягивать вы можете уже увидеть на картиночке выше.  В данном видео скринкасте мы создадим каркас при помощи HTML блоков <div>, используя PSD шаблон сайта, поэтому весь код создаваемого HTML шаблона сайта вы сможете скачать в ВК, в соответствующей группе. Собственно само видео:

Теперь по поводу того, что будет в этом скринкасте по созданию HTML макета сайта из PSD шаблона. В этом видео мы создадим каркас сайта при помощи HTML блоков <div>, конечно, используя наш PSD макет сайта. В общем, ничего особенного, мы просто создадим HTML шаблон сайта, который в дальнейшем будем оформлять при помощи таблицы стилей CSS, так же разберемся с особенностями HTML тэга <body>, рассмотрены особенности блочных HTML элементов, комментарии в HTML. Что же, еще раз прошу вас оставлять свои комментарии и делиться своим мнением о всех недочетах и недостатках, которые будут встречать в курсе Как создаются шаблоны сайтов HTML и CSS. На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru. Не забываем комментировать и делиться с друзьями;)

4 комментария к записи Блоки div, HTML атрибут id, HTML атрибут class. Создание HTML каркаса для будущего сайта

Виктория

Кирилл, спасибо Вам! Довольно интересные и внятные видео записи и даже голос терпимый 🙂 Все настолько понятно, что даже я поняла как создавать HTML макет, но что-то вы давно ничего нового не добавляли на свой канал, скоро ли нам ждать новых видео о том, как создать макет сайта? 🙂

Кирилл

Здравствуйте, Виктория! Да не за что! Да, конечно, будут скоро новые скринкасты, но как скоро — этого я сказать не могу, кое как нашел время, чтобы ответить на комментарии в блоге:) Поэтому ждите, Виктория. И не стесняйтесь, спрашивайте если что-то непонятно и высказывайте свои пожелания относительно скринкастов.

Антон

Кирилл,видео в целом хорошее и довольно понятное,но мне кажется нужно было для новичков добавить еще и стиль CSS,чтоб показать как правильно прописать все ид и классы из которых вы сделали шаблон.Ну а вообще урок на 5+ 🙂

Кирилл

Спасибо за отзыв! 🙂 В первоначальных планах было создание полноценного курса по HTML и CSS, но сейчас времени кардинально не хватает 🙁 Как скоро смогу продолжить записи — не знаю

Текст комментария: