Главная > Популярное > Привлекательная WEB-страница: компонуем графику и текст

Привлекательная WEB-страница: компонуем графику и текст

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

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

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

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

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

Кстати, продвижение своего сайта можно доверить этим ребятам: http://www.seo24.kiev.ua/prodvizhenie.

Самым оптимальным вариантом расположения объектов web-узла считается обтекание графики текстом. Реализовать данную функцию можно с помощью атрибута ALIGN дескриптора IMG. Современные версии браузеров ваших потенциальных потребителей практически все поддерживают данную функцию. Этот способ компоновки справедливо считается самым распространенным, применяемым как опытными профессионалами и компьютерными специалистами, так и начинающими веб-мастерами. Таким способом вы осуществите «целевую» привязку текста к искомому графическому объекту. Все рабочие площади страницы будут рационально заполнены.

Не бойтесь экспериментировать. Полагайтесь не только на теоретические знания, но и на собственный практический опыт. Методом проб и ошибок вы сможете подобрать оптимальный вариант компоновки текста и изображений для вашей WEB — публикации, используя несколько предложенных вариантов сочетания графики и текста.

Categories: Популярное Tags:
  1. Пока что нет комментариев.
  1. Пока что нет уведомлений.