*   >> Чтение Образование Статьи >> tech >> web design

Как построить веб-страницы с помощью CSS вместо таблиц для разметки и позиционирования

<р> Если вы похожи на меня, вы начали строить веб-страниц, когда код был написан в блокноте и HTML был все, что вы должны были знать. И если вы похожи на меня, вы, возвращаясь к дизайну сайта и обнаружили, что благодаря CSSeverything изменилось - к лучшему. В былые времена, таблицы, где единственным инструментом, пришлось форматировать страницу и дизайн макет. Классический дизайн был 1 ряд, 2 колонки таблицы а. С одной ячейке вы кладете меню навигации, с другой ячейке вы положили ваш контент.

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

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

С быстрый поиск по Google вы найдете много документов, учебных пособий и руководств, которые помогут вам узнать более продвинутые использования CSS. Внимание: в этом уроке я буду писать о коде CSS, необходимых для проектирования пример макета. Я не буду объяснять в деталях, как работает CSS, ни много других вариантов она дает вам настроить каждую деталь каждого элемента, который будет появляться на вашей странице. Давайте начнем. Самые популярные макеты можно найти на веб-сайте может быть представлена ​​на рисунке 1.


<р>

<р> в 2 колонки макет у нас есть области заголовка (с логотипом и названием сайта), А Район плавания (с ссылками на различные подстраницы сайте), в основной области содержимого и нижний колонтитул области (с кредитов, об авторском праве и контактные данные)

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

Page   <<       [1] [2] [3] >>
Copyright © 2008 - 2016 Чтение Образование Статьи,https://ru.nmjjxx.com All rights reserved.