Displaying items by tag: уроки верстки

Рассмотрим css-свойство position. Это свойство может принимать значения absolute, relative, fixed, static. 

 

Опубликовано в HTML/CSS

В этом уроке рассмотрим свойство float. Элементы, которым задано свойство float называются плавающими. 

 

Свойство float часто применяется при работе с картинками для выстраивания их в ряд, а также при верстка макетов HTML страниц для создания колонок. Кроме того, при помощи свойства float создается горизонтальное меню, где это свойство применяется к элементам списка с пунктами меню. Также свойство float широко используется при верстке контента страницы для задания обтекания картинок и других блочных элементов текстом. Заданием значения свойства float вы указываете с какой стороны данный элемент должны обтекать следующие за ним элементы. Элементы идущие перед плавающим на реагируют на данное свойство.

 

Опубликовано в HTML/CSS

Это уже шестая статья из серии уроков по верстке с нуля. В данной статье буду рассказывать о основных свойствах CSS. Эти свойства будут использоваться в любой верстке, даже самой простой. Больше CSS свойств в статье "CSS свойства"

 

План урока:

  • Color
  • Background
  • Font-family
  • Margin
  • Padding
  • Display
  • Border
  • Некоторые свойства для стилизации текста

 

 

Опубликовано в HTML/CSS

Основными мета тегами сайта являются:

  • title
  • keywords
  • description

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

 

Опубликовано в HTML/CSS

В HTML предусмотрено 6 типов заголовков h1, h2, h3, h4, h5, h6. H1 - самый большой и самы главный заголовок, остальные меньше по размерам и важности. 

 

У важности заголовков на странице есть две стороны:

  • заголовки дают возможность пользователю, просмотрев быстро страницу, понять основное ее содерживое и понять где именно находится интересная для него информация
  • заголовки страницы - это один из первых пунктов, которые просматривает поисковый робот для определения содержания страницы и актуальности ее нужному поисковому запросу 

 

Опубликовано в HTML/CSS

План урока:

  • Таблицы <table>
  • Списки <ul>, <ol>
  • Ссылки <a>
  • Картинки <img>
  • Блоки <div>
  • Строчные элементы для стилизации текста <span>, <b>, <i>, <u>

 

Опубликовано в HTML/CSS

Перед вами первая статья из серии обучения верстке сайта при помощи HTML и CSS. Начну с самого, с определений и основных понятий. Итак, начнем серию HTML уроков!

 

 

План урока:

 

  • Определение HTML, определение понятия тега
  • Структура HTML страницы
  • Инлайновые (строчные)  и блочные теги, закрытые теги, порядок тегов
  • Атрибуты тегов
  • Определение CSS, понятие селектора
  • Способы задания стилей элементам - атрибутом style="", в <head> html-файла и в файле стилей.

 

Опубликовано в HTML/CSS

Когда получаем макет сайта, который нужно сверстать, в первую очередь нужно определить на какие части будет делиться сайт. Далее определяем являются ли ширина и высота сайта фиксированной. Далее нужно определить какие функциональные блоки находятся на странице и где именно они расположены.

 

Опубликовано в HTML/CSS

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов