Познавательное чтиво

Кроме сетки и линеек, в Dreamweaver MX имеется еще несколько видов вспомогательной разметки. Это своего рода визуальные ориентиры, которые облегчают работу дизайнера, видны только в Dreamweaver и никак не влияют на внешний вид страницы в браузере и ее исходный код. Хороший пример — использование таблиц или слоев для разметки макета. Обычно для таких случаев используются [...]

Линейки — это две пронумерованные шкалы, располагающиеся вдоль верхнего и левого края окна документа. Как и обычные линейки, они используются для быстрого определения координат объектов. Посмотрел на объект, перевел взгляд на горизонтальную или вертикальную линейку — и координаты (или размеры) уже в кармане! Чтобы включить линейки, необходимо использовать команду меню View | Rulers | Shows [...]

Модульная сетка выглядит как сетка, что тут еще сказать? Она используется для точного позиционирования объектов, особенно если вы включите привязку к ней и будете использовать слои-контейнеры для построения макета. При включенной привязке к сетке слои "прилипают" к ближайшим линиям сетки и таким образом облегчают задачу точного позиционирования.

Если вы выберете жесткую разметку для дизайна своей страницы, перед вами встанет задача точного размещения и выравнивания элементов на странице. Для облегчения этой задачи в Dreamweaver можно включить вспомогательную разметку в виде линеек и модульной сетки (рис. 11.10).

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

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

Вне зависимости от того, какой тип разметки — жесткий или гибкий будет выбран для проекта, вам будет полезно знать, как она выглядит при том или ином разрешении экрана. Для этого можно использовать два способа. Первый — это изменить разрешение своего монитора. Второй — это применить встроенную функцию Dreamweaver MX, которая просто изменит размеры окна документа.

Не открою секрета (или все-таки открою?), если скажу, что язык HTML изначально задумывался как средство для "гибкой" разметки документа. При такой разметке макет страницы изменяется в зависимости от размеров окна браузера, разрешения и размеров монитора посетителя. Страница подстраивается под текущие размеры, она "плавает" — как плавают ее отдельные элементы (рис. 11.1). Вы можете получить похожий [...]

До сих пор мы рассматривали только отдельные элементы страницы — текст, картинки, мультимедийные объекты, формы. Мы изучили способы их создания и редактирования в Dreamweaver MX. Но сами по себе эти отдельные элементы — всего лишь строительные кубики, из которых вы можете сложить тысячи различных комбинаций. Кусочки цветного стекла почти не отличаются друг от друга, но [...]