Как создать макет сайта. Оценка PSD шаблона сайта
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Открываю рубрику Видео…
Блоки div, HTML атрибут id, HTML атрибут class. Создание HTML каркаса для будущего сайта
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаю рубрику Видео блог и ее раздел Как создаются шаблоны сайтов HTML и CSS. Не знаю плохо это или хорошо, но я решил создать видео блог, в котором буду размещать скринкасты на различные темы, все это вы сможете бесплатно посмотреть на моем канале YouTube, в группе Вконтакте Web-дизайн, Web-разработка. Уроки HTML и CSS или в паблике Заметки на полях. Первая серия моих скринкастов будет посвящена рассказу о том, как создаются шаблоны сайтов HTML. Вообще, 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. Не забываем комментировать и делиться с друзьями;)
Кирилл, спасибо Вам! Довольно интересные и внятные видео записи и даже голос терпимый 🙂 Все настолько понятно, что даже я поняла как создавать HTML макет, но что-то вы давно ничего нового не добавляли на свой канал, скоро ли нам ждать новых видео о том, как создать макет сайта? 🙂
Здравствуйте, Виктория! Да не за что! Да, конечно, будут скоро новые скринкасты, но как скоро — этого я сказать не могу, кое как нашел время, чтобы ответить на комментарии в блоге:) Поэтому ждите, Виктория. И не стесняйтесь, спрашивайте если что-то непонятно и высказывайте свои пожелания относительно скринкастов.
Кирилл,видео в целом хорошее и довольно понятное,но мне кажется нужно было для новичков добавить еще и стиль CSS,чтоб показать как правильно прописать все ид и классы из которых вы сделали шаблон.Ну а вообще урок на 5+ 🙂
Спасибо за отзыв! 🙂 В первоначальных планах было создание полноценного курса по HTML и CSS, но сейчас времени кардинально не хватает 🙁 Как скоро смогу продолжить записи — не знаю