флажок настольный

Учебник Dreamweaver | Таблицы разметки Macromedia Dreamweaver как создать свой сайт В разработке: Советы по верстке при помощи CSS Подробное руководство новичкам 8. Табличный дизайн Построение таблиц разметки автоматически Мы только что создали новую Web-страницу, где для размещения содержимого использовалась таблица разметки. И мы создали эту таблицу вручную. Для этого мы сначала нарисовали схему дизайна сайта на бумаге, флажок настольный потом, при создании таблицы, сверялись с нарисованной схемой. И это оказалось совсем не сложно. Недостатки способа создания таблиц разметки вручную Нам помогло то, что схема дизайна нашего сайта очень проста. (Конечно, это не значит, что она плоха, примитивна, убога; очень флажок настольный очень многие сайты в Сети построены по этой схеме.) В самом деле, в ней нет ничего сложного: всего четыре ячейки, минимальное количество слияний флажок настольный полное отсутствие вложенных таблиц. Так что схема наша совершенно очевидна, "прозрачна", как еще говорят. Но представьте себе, что вам нужно сделать что-то сложное. Это может быть главная страница новостного или музыкального сайта с множеством колонок, сложным заголовком, врезками флажок настольный сносками. Также это может быть главная страница вполне тривиального сайта с необычным дизайном — такие частенько встречаются в Сети флажок настольный удивляют привыкшего к простеньким таблицам разметки посетителя. Как сделать такое вручную? Можно, конечно, во всех деталях расписать схему такого дизайна на бумаге, подробно нарисовать все вложенные таблицы флажок настольный слитые ячейки. Но сколько времени это займет! Но даже если вы флажок настольный создадите подобную таблицу разметки, ваши проблемы не исчезнут. А вдруг вам понадобится что-то сюда добавить? Неужели все перерисовывать заново?! Вы видели, как работает дизайнер-полиграфист? Он не рисует на бумаге никаких — ни сверхпростых, ни сверхсложных — таблиц. В своей любимой программе настольного издательства он просто рисует на странице "рамку", куда будет помещен тот или иной фрагмент ее содержимого, после чего вставляет туда текст из буфера обмена Windows, текстового файла или набирает его вручную. Если фрагмент слишком велик флажок настольный не вмещает содержимого, он изменяет размеры рамки и, если нужно, переносит ее на следующую страницу. А если ему необходимо что-то добавить или удалить, ему надо всего лишь сделать несколько движений мышью. Завидно... Не верится, что мы, Web-дизайнеры, сможем когда-нибудь проделывать то же самое со своими Web-страницами. Таблицы разметки поймали нас в свои ячейки, как в капканы. И мы не можем их разрушить... Что? Неужели можем?.. Режим разметки страницы Dreamweaver Да, можем! Dreamweaver предоставляет нам замечательную возможность. Мы можем точно так же, как наши коллеги-полиграфисты, просто рисовать на странице "рамки" флажок настольный помещать в них фрагменты текста флажок настольный графические изображения. При этом Dreamweaver сделает за нас всю остальную работу: создаст таблицу разметки, если ее еще нет, флажок настольный поместит в ней новую ячейку, произведя все необходимые слияния, если без них не обойтись. Мы можем с легкостью перемещать такие "рамки" с места на место флажок настольный изменять их размеры, a Dreamweaver "на лету" изменит результирующий HTML-код флажок настольный пересоздаст результирующую таблицу, чтобы отразить ваши изменения. Таким образом можно создавать Web-страницы, не отличающиеся по сложности от печатных документов. Для этого нужно только переключиться в так называемый режим разметки страницы (фактически это четвертый режим отображения Web-страницы; три других были описаны в главе 2). В этом режиме Dreamweaver отображает флажок настольный обрабатывает таблицы особым образом. При этом, находясь в режиме разметки, вы можете переключиться из режима отображения страницы в режим HTML-кода флажок настольный взглянуть, что натворил Dreamweaver за вашей спиной, Но как все-таки перейти в режим разметки? И как им пользоваться? Очень просто. Давайте создадим новый вариант начальной страницы нашего нового сайта. Но, прежде всего, переименуйте файл default.htm сайта Sample site 3 (созданная нами ранее страница), скажем, в default_old.htm. Потом откройте эту страницу в окне документа. Мы будем часто копировать с нее фрагменты содержимого в новую страницу, поэтому лучше держать ее открытой. Далее создайте в панели Site новую страницу default.htm, проверьте, является ли она главной страницей, флажок настольный откройте ее в окне документа. Это флажок настольный будет новая главная страница нашего сайта. Чтобы переключиться в режим разметки страницы, нажмите кнопку Layout View, расположенную на вкладке Layout панели объектов. Слева от нее находится кнопка Standard View, позволяющая переключиться в обычный режим отображения страницы. Обе эти кнопки показаны на рис. 8.10. Вы также можете выбрать в подменю Table View меню View пункт Layout View или нажать комбинацию клавиш +. Для обратного переключения выберите пункт Standard View в том же подменю или нажмите комбинацию клавиш<Сtrl>++. В любом случае после этого Dreamweaver выдаст объемистое предупреждение, описывающее, что вы можете делать в режиме разметки. Прочитайте его, если хотите, флажок настольный закройте, нажав кнопку Done. Если вы не хотите, чтобы Dreamweaver выдавал это предупреждение в дальнейшем, перед закрытием его включите флажок Don't show me this message again. Автор рекомендует вам так флажок настольный сделать. Теперь самое время включить отображение измерительных линеек. Это настоящие линейки, проградуированные в одной из единиц измерения флажок настольный отображаемые вдоль границ окна документа. Они позволят вам в дальнейшем более точно позиционировать фрагменты содержимого страницы. Чтобы увидеть их, включите в подменю Rulers меню View пункт-выключатель Show или нажмите комбинацию клавиш ++. Чтобы убрать линейки, отключите этот пункт. Пункты-переключатели Pixels (пикселы), Inches (дюймы) флажок настольный Centimeters (сантиметры) того же подменю Rulers меню View позволят вам задать нужную единицу измерения. Теперь обратите внимание на сами линейки. В месте их пересечения в левом верхнем углу находится точка начала отсчета, "ноль" системы коорди нат, иначе говоря, точка с координатами (0, 0) (см. рис. 8.11). По умолчанию она находится именно там — в левом верхнем углу. Но вы можете переместить ее в любое другое место; для этого достаточно "захватить" ее мышью флажок настольный перетащить куда надо. Как только вы отпустите кнопку мыши, шкалы на линейках изменятся флажок настольный станут отсчитывать все координаты от вновь заданного "нуля". Иногда это бывает полезно. А чтобы вернуть начало координат на свое законное место — в левый верхний угол окна, выберите пункт Reset Origin подменю Rulers меню View. Еще одно средство помочь вам разместить фрагменты содержимого в нужном месте — координатная сетка. Чтобы отобразить ее, включите пункт-выключатель Show Grid подменю Grid меню View или нажмите комбинацию клавиш ++. Чтобы убрать сетку, отключите этот пункт. Можно сделать так, чтобы фрагменты содержимого, рисуемые мышью, "прилипали" к линиям сетки. Это поможет вам более точно позиционировать их по делениям шкал. Чтобы включить "прилипание", включите пункт Snap To Grid подменю Grid меню View или нажмите комбинацию клавиш +++. Если вас не устраивает шаг координатной сетки, вы можете его изменить. Для этого выберите пункт Grid Settings подменю Grid меню View. На экране появится диалоговое окно Grid Settings, показанное на рис. 8.12. С помощью селектора цвета Color задается цвет линий сетки. Флажок Show Grid включает или отключает показ сетки. Он аналогичен пункту Show Grid подменю Grid меню View. Флажок Snap to Grid включает или отключает "прилипание" фрагментов содержания к линиям сетки. Он аналогичен пункту Snap to Grid подменю Grid меню View. Поле ввода Spacing задает шаг линий сетки, то, что нам больше всего нужно. Раскрывающийся список, расположенный справа от него, задает единицу измерения: Pixels (пикселы), Inches (дюймы) или Centimeters (сантиметры). Задайте шаг сетки равным одному сантиметру — привычную для нас единицу измерения. Хотя в Web-дизайне чаще используются пикселы, сантиметры будут вам привычнее на первых порах. Группа переключателей Display задает вид линий сетки. Переключатель Lines делает их такими, какие вы видите сейчас — сплошными линиями. Это поведение Dreamweaver по умолчанию. Переключатель Dots включает отображение точечных линий; в таком виде они меньше отвлекают внимание, однако хуже видны на экране. Закончив настройку сетки, нажмите кнопку ОК для сохранения заданных установок или Cancel — для отказа от них. Вы можете также нажать кнопку Apply, чтобы применить заданные установки без закрытия диалогового окна Grid Settings. Внешний вид окна документа в режиме разметки с включенными линейками флажок настольный координатной сеткой с шагом в один сантиметр показан на рис. 8.13. Задайте параметры этой страницы как у предыдущей (default_old.htm). Теперь можно приступать к работе над разметкой. Далее >> Учебник Dreamweaver к полному содержанию... Создание сайтов Работа с Dreamweaver Текст Графика, звуки Таблицы Работа с сайтом Фреймы Табличный дизайн Основы табличного дизайна Схемы табличного дизайна Построение таблиц разметки Автоматическое построение Режим разметки страницы Таблицы флажок настольный ячейки разметки Параметры ячеек разметки Задание ширины ячеек Параметры таблицы разметки Заполнение таблицы Оптимизация таблицы разметки Недостатки таблиц Недостатки табличного дизайна Шаблоны Каскадные таблицы стилей Слои Анимация Сценарии Метатеги Серверное программирование Формы Серверные приложения Интерактивные сайты Справочник HTML-тегов к полному содержанию... документ текст гиперссылки скрипты списки объекты таблицы формы графика,звук фреймы форматирование на главную разделы выведение бородавка пластиковый пакет вымпел заказ холодильник zanussi гнб купить ниппель радиат зиплок подбор контрацепция факультет психология креатин заказать обед флагшток внутренний использование sikkens краска продать кайт лад telecomfm gsmphone учиться танго охота пиранья слим лифт бензопила stihl брэнд антенна радиочастотный ароматный мир вино роза пп-пленка лечение папиллома откачка туалет доставка дров здание лмк флажок настольный