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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

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

Защитный код
Обновить

Баннер

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

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

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

Сейчас на сайте:
  • 1 гость
  • 1 робот
Всего пользователей: 11793

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

  • 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)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...