ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Верстка сайтов.Введение

.

verstka1Приветствую вас на страницах своего блога.
Сегодняшней статьей, я открываю довольно большой курс посвященный верстке сайтов. Сегодня узнаем что же такое верстка сайтов, где, как и для чего она используется.
Что такое верстка сайтов?
Верстка сайта-это определенный процесс позволяющий создавать необходимую веб-страницу, используя в этих целях готовый макет или шаблон. Как правило в роли шаблона применяется графический макет, который может быть создан в программе Photoshop( или любой другой, со схожими функциями и возможностями). Такой макет называется PSD шаблоном. PSD-расшифровывается как PhotoShop Document.
Прежде чем приступить к изучению верстки сайта рекомендую вам изучить все уроки из рубрик:

  1. HTML;
  2. CSS;

Так как для создания страницы кода, мы будем применять- html, а для придания ей различных стилей и уникального оформления- css.
В настоящее время наиболее широко применяются два основных метода верстания сайтов. Это:

  1. Табличная;
  2. Блочная;

При табличной верстке сайтов, для расположения различных частей страницы используются таблицы. Ранее, несколько лет назад, данный способ был единственным и верстка сайтов требовала от веб-мастера, значительные затраты времени и сил.
Теперь же большинство веб-мастеров используют блочную верстку, так как она более простая и понятная.
В уроках по верстке сайтов я буду использовать именно блочную верстку, так как табличная верстка становиться уже не актуальной.
Блочная верстка сайта!
Для создания блоков применяються специальные теги:

</code>Каждый блок задает странице отдельную часть ее структуры. Слой в верстке сайтов, так же как и блоки задают отдельным элементам страницы, их местоположение, в общей структуре шаблона. К слоям и блокам могут быть применены свойства оформления <em>css</em>.
Итак мы уже знаем что при созданий блоков используется тег:<code>

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

В последующих уроках мы с Вами научимся создавать страницы из нескольких десятков блоков, а так же сверстаем свой первый PSD шаблон. Так что рекомендую подписаться на обновление, чтобы не пропустить следующих уроков!
БЕРЕГИТЕ СЕБЯ!



лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

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

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