Навигация: Главная Обзоры Общие понятия о верстке


Общие понятия о верстке

Общие понятия о верстке

Версткой можно назвать процесс создания HTML-кода, позволяющий делать размещение различных элементов (текст, картинки, таблицы и т.д.) на веб-странице в определенных местах так, чтобы браузер отображал их в соответствии разработанному дизайну.

Сам по себе процесс верстки – это творческий этап разработки сайта. В начале создается дизайн проекта, под который пишется соответствующий HTML-код. То есть верстальщик, получив набор изображений, начинает их размещать на веб-страницах в соответствии с указанным проектом. Для того чтобы ускорить процесс создания сайта рекомендуется использовать уже готовый dle шаблон, который можно скачать на сайте dle9.com. Только там вы найдете  все для создания сайта на DLE и других платформах.

Верстка начинается с анализа изображений и разбитие их на отдельные блоки. Как правило, один рисунок может быть разбит на два основных блока: «шапка» веб-страницы и контент.

В «шапке» может быть главное меню сайта, поэтому с этим учетом могут быть такие варианты:

1) на рисунок наложить карту-изображение;

2) разделить изображение на отдельные элементы, определить их, как ссылки, затем объединить с помощью таблицы;

3) применить позиционирование элементов.

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

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

1) фоновый цвет страницы;

2) размер и цвет шрифта;

3) размер текста, находящихся в отдельных блоках, например, новости, последние события;

4) размер шрифта заголовков, их стиль и цвет;

5) параметры рамок и линий.

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

- правильно ли отображаются страницы в разных браузерах, если изменять различные параметры шрифта;

- будет ли работать сайт, если отключить отображение картинок;

- будет ли меняться внешний вид страницы от разрешения монитора.

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

 
Баннер
Баннер

Следуй за нами

   

Авторизация



Статистика сайта

Сейчас на сайте:
  • 129 гостей
Всего пользователей: 12175

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
  • zloy_pozitiv
    43 (+4/-0)
  • Magnum79
    26 (+2/-1)
  • trixxxden
    26 (+0/-0)
  • RaGaYa
    23 (+0/-0)
  • kola60
    23 (+0/-2)
  • Nette
    18 (+2/-0)
  • StAtiC
    17 (+2/-0)

Комментарии статей

Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...