Умный дом своими руками|STM32. Уроки по программированию STM32F4 - ДРУиД https://druid.su RSS-канал новостей сайта https://druid.su ru Copyright © 2013-2017, ДРУиД - Дом Рационально-Умный и Душевный https://druid.su/images/logo.jpg Умный дом своими руками|STM32. Уроки по программированию STM32F4 - ДРУиД https://druid.su Часть I. Статья №6. Верстка подвала – блока футтер - ДРУиД https://druid.su/rubrik-site_create-60.html На прошлом уроке мы сверстали основной блок контент. Оформили  статьи, которые отображаются на главной странице. Оформили их стилями, не входящими в макет сайта, но вписывающимися в общий дизайн сайта. На сегодняшнем уроке мы оформим подвал сайта. В данный блок войдут ссылки на стандартные страницы любого сайта, а также копирайт. Часть I. Статья №5. Верстка основного блока - контент - ДРУиД https://druid.su/rubrik-site_create-59.html На прошлом уроке мы сверстали правое боковое меню. В него вошла навигация по рубрикам сайта, блок рекламы, анонс последней статьи, форма подписки на новостную рассылку, а также список самых читаемых статей на ресурсе. В сегодняшнем уроке сверстаем основной блок – контент. Часть I. Статья №4. Верстка правого бокового меню - ДРУиД https://druid.su/rubrik-site_create-58.html На прошлом уроке была сверстана шапка сайта. Блок "хлебных крошек". Оформление шаблона соответствует макету, а содержание тематике блога (сайта). Сегодня приступим к верстке правого бокового меню. В нем будет содержаться навигация по рубрикам сайта, размещен рекламный блок, анонс последней вышедшей статьи, а также блок с самыми читаемыми статьями на ресурсе. Часть I. Статья №3. Верстка шапки сайта. Блок ХИДЕР - ДРУиД: Верстка шаблона сайта своими руками. https://druid.su/rubrik-site_create-57.html На прошлом уроке была произведена основная разметка сайта, рассмотрены аспекты дефолтных и базовых настроек стилей сайта. Приступим непосредственно к написанию кода шаблона сайта. HTML и CSS. Верстать будем сверху вниз, то есть начнем с блока ХИДЕР. Часть I. Статья №2. Основная разметка. Reset CSS - ДРУиД: Верстка шаблона сайта своими руками. https://druid.su/rubrik-site_create-56.html На прошлом уроке был выбран макет будущего сайта, установлены необходимые инструменты. Сегодня приступим к конкретной реализации. Начнем верстать шаблон нашего сайта (блога). Часть I. Статья №1. Выбор макета для сайта - ДРУиД: Верстка шаблона сайта своими руками. https://druid.su/rubrik-site_create-55.html В цикле статей по верстке дизайна сайта на ДИВах (HTML+CSS) автор ресурса ~ДРУиД~ делился своим опытом в сайтостроении, на примере верстки шаблона собственного ресурса. Цикл получился скомканным и не информативным. Новый цикл статей будет носить более обучающий характер с видеоотчетами и ссылками на полезные ресурсы. Этот цикл статей положит начало всему разделу "Создание сайта | блога | своими руками". Верстка дизайна сайта. Оформляем «подвал» - блок футер - ДРУиД https://druid.su/rubrik-site_create-54.html В прошлой статье мы оформили основной блок - контент и боковое меню. В этой статье оформим подвал сайта - блок футтер и закончим оформление общего дизайна сайта. Создаем общий вид сайта. Оформляем блоки контент и меню - ДРУиД: Дизайн сайта своими руками. https://druid.su/rubrik-site_create-53.html В прошлой статье мы оформили шапку (header) сайта, а также установили общий вид всей страницы целиком. В этой статье оформим основной блок - контент, а также боковое меню. Создаем общий вид сайта. Оформляем шапку сайта - ДРУиД: Дизайн сайта своими руками. https://druid.su/rubrik-site_create-51.html В прошлой статье мы сделали необходимую основную разметку сайта блоками. Разметка сделана стандартно: header, content, menu, footer. В этой статье раскрасим станицу сайта. И Оформим шапку (header) нашего сайта. Верстка дизайна сайта на ДИВах (HTML+CSS) - ДРУиД: Дизайн сайта своими руками. https://druid.su/rubrik-site_create-50.html В этой статье автор рассмотрит вопрос о верстки шаблона сайта. Использовать будем HTML и CSS. Верстать шаблон сайта будем по блочной технологии (на тегах div). Шаблон будет стандартный: верхнее меню (шапка, хидер), основной блок (контент), боковое меню и нижнее меню (подвал).