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

Основные способы HTML верстки

Основные способы HTML верстки

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

Блочная верстка.

Чаще всего при создании сайта, верстальщик отдает предпочтение блочной верстке. Для создания структуры страницы, используются блоки из тегов <div>. Такие блоки независимы друг от друга подобно слоям в Photoshop. Любой блок на странице можно позицировать как угодно, изменять размер, цвет, все эти изменения не коснутся других блоков. Для осуществления такого позиционирования блоков необходимо использование стилей css.

Табличная верстка.

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

Стоит добавить, что от табличной верстки современные веб-дизайнеры стараются отходить, так как появились более удобные и современные способы верстки.

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

Фиксированная верстка.

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

Резиновая верстка.

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

Гибридная верстка.

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

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


загрузка...

 
Баннер

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

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

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

Баннер

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

   

Авторизация



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

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

  Z299422543783

  R230383531538

  U630721442765
или

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

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

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

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

  • 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). Данная книга рассказывает о том, как...