Оптимизация фреймов
Создав наш первый работающий набор фреймов, можно подумать о его оптимизации. Уменьшение объема и сложности HTML-кода Если вы создаете достаточно сложные наборы фреймов, то можете столкнуться с тем, что Dreamweaver …
Создание содержимого фреймов
Создав набор фреймов и установив все параметры, можно приступать к наполнению фреймов содержимым. Давайте используем для нашего сайта стильный дизайн, который сейчас в большой моде. Это белый или светло-желтый текст …
Работа с фреймами
Но хватит пустых разговоров! Давайте займемся делом и на конкретном примере рассмотрим принципы фреймового дизайна. Мы создадим новую версию нашего сайта, посвященного гипотетическому ¥еЬ-дизайнеру Ивану Ивановичу Иванову, версию, основанную на …
Фреймы
Итак, простейший сайт мы создали. Первый шаг в Web-дизайне нами сделан. Пора двигаться дальше. В этой главе мы создадим новую версию нашего сайта с использованием фреймов. Поэтому прежде, чем мы …
Дополнительные возможности поиска и замены
В главе 2 мы узнали о мощных возможностях текстового поиска и замены, предоставляемых Dreamweaver. Однако мы рассмотрели их не все. Взгляните на рис. 2.27. Видите раскрывающийся список Find In? А …
Библиотека
Не кажется ли вам, что список избранных элементов — всего лишь полумера? Конечно, полезно иметь несколько "любимых" изображений, гиперссылок, цветов и фильмов, чтобы быстро помещать их на страницы. Но иногда …
Список избранных элементов
И такую возможность поддерживает Dreamweaver. А именно — вы можете создать список избранных элементов, своего рода "любимчиков". Поместить нужный элемент активов в список избранных очень просто: достаточно выделить необходимую позицию …
Активы
Другой замечательной возможностью, предоставляемой Web-дизайнеру Dreamweaver, являются активы. Это список всех внедренных элементов, цветов и гиперссылок, использованных вами на всех страницах вашего сайта. Активы помогут вам быстро найти нужный элемент …
Дополнительные возможности работы с Web-страницами и Web-сайтами
Напоследок рассмотрим еще некоторые интересные возможности, предлагаемые Dreamweaver для работы со страницами и сайтами. Они помогут вам лучше организовать работу. Учтите, однако, что эти возможности доступны только для сайта и …
Работа с сервером
Итак, настал тот желанный миг, когда наш сайт совсем готов! Мы создали все страницы, связали их друг с другом, исправили ошибки в HTML-коде и даже проверили на корректность интернет-адреса гиперссылок. …
Проверка правильности ссылок и HTML-кода
Теперь-то, спросите вы, можно публиковать сайт? Нет, еще рано. Потерпите — осталось совсем чуть-чуть! Вот проверим корректность HTML-кода и гиперссылок — и опубликуем сайт в Сети. При разработке Web-страниц в …
Абсолютные и относительные интернет-адреса
А поговорим мы об интернет-адресах. Точнее, о разных способах задания интернет-адресов. Снова откройте главную страницу сайта default. htm. Поместите текстовый курсор на слово "Macromedia" в первом абзаце (если помните, это …
Взаимодействие панели Site и окна документа
Однако публиковать сайт в Сети еще рано. Ведь полноценного Web-сайта у нас еще нет — просто набор Web-страниц, никак не связанных между собой. Ведь мы еще не связали страницы друг …
Работа с файлами сайта
Итак, с панелью Site в общих чертах мы познакомились. Теперь пора приниматься за файлы, которые отображаются в списках. Давайте посмотрим, что мы можем с ними делать. A Dreamweaver позволяет сделать …
Панель Site
Все манипуляции с сайтом выполняются в панели Site. Поищите эту панель в доке. Если ее там нет, выберите пункт Site меню Window или нажмите клавишу <F8>. Также вы можете выбрать …
Настройка прокси-сервера или брандмауэра
А теперь давайте поговорим о настройке прокси-сервера или брандмауэра, если таковой используется в вашей организации. Если же вы не настроите Dreamweaver на использование прокси-сервера, вы не попадете в Интернет и …
Управление Web-сайтом в Dreamweaver
Ну все, хватит теории! Пора переходить к практике. Здесь мы пошагово рассмотрим публикацию сайта и возможности, предлагаемые Dreamweaver для управления сайтом. Но сначала сделайте следующее. Найдите все файлы, составляющие наш …
Публикация Web-сайта
После того как сайт создан, его нужно опубликовать на ¥еЬ-сервере. И сделать это можно тремя различными способами. Первый способ самый простой, но далеко не всегда самый легкоосуществимый. Заключается он в …
Физическая структура Web-сайта
Физическая структура сайта описывает размещение файлов и папок на диске компьютера. Когда мы сохраняли все файлы Web-страниц и связанных с ними графических изображений в одну папку, мы не думали о …
Начала сайтостроения
Но прежде чем мы начнем создавать наш первый настоящий сайт, выясним, что же такое Web-сайт и как он публикуется в Сети. В главе 1 мы немного коснулись этих вопросов, а …
Работа с Web-сайтом
Итак, почти все страницы нашего Web-сайта созданы. Что дальше? А дальше — последний этап работы. Что он в себя включает? 1. Связывание всех Web-страниц гиперссылками. 2. Проверку корректности ссылок. 3. …
Составные изображения
Теперь поговорим еще об одном применении таблиц. А именно о составных изображениях. Предположим, вы создали, получили в подарок от знакомого художника или нашли в Сети красивую картину. И теперь хотите …
Сложные таблицы
Уже было сказано, что работа ¥еЬ-дизайнера — по большей части не наука (здесь вернее сказать — технология), а искусство (а зачастую — просто шаманизм). И, как в любом искусстве, здесь …
Текст с отступами
Следующий интересный прием, помогающий немного оживить ¥еЬ-стра - ницу, — это размещение текста с отступами слева и (или) справа. Иногда слева, справа, сверху и (или) снизу помещают линейки, черные или …
Использование таблиц
Выше мы говорили, что способ, принятый в HTML для формирования таблиц, исключительно гибок. Добавление строк с новыми данными в таблицу выполняется исключительно просто, даже если вы работаете непосредственно с HTML-кодом; …
Слияние ячеек таблиц
Мы научились работать с таблицами и их составными частями. Вы можете подумать, что это все. Отнюдь! Мы еще не рассмотрели такое мощное средство, как слияние ячеек. Что это такое, проще …
Вставка табличных данных
Да, конечно, создавать "с нуля" таблицы в Dreamweaver проще простого. Но что делать, если нужно поместить на Web-страницу таблицу, созданную в другой программе? Как Dreamweaver поможет нам в данном случае? …
Сортировка таблицы
Очень часто бывает необходимо отсортировать таблицу по значению одного или двух столбцов (более сложные сортировки по множеству столбцов встречаются значительно реже). Это случается, когда пользователь создает таблицу и вводит в …
Форматирование таблиц
Ну вот, как работать с таблицами, мы разобрались. Теперь пора изучить средства, предлагаемые HTML для форматирования таблиц. Но сначала нужно выяснить, как выделить в окне документа Dreamweaver нужный элемент нашей …
Формирование таблиц
Обычно после рассмотрения создания какого-либо элемента страницы мы рассказываем о тегах HTML, с помощью которых он создается. Теперь пришла пора выяснить, с помощью каких тегов формируется таблица HTML. Итак, она …
Работа с таблицами
Измените размер окна документа Dreamweaver, в котором находится наша таблица. Заметьте, как изменяется ширина таблицы, а все потому, что она задана относительно ширины родителя, в нашем случае окна. Если бы …
Простые таблицы
Ну все, пора переходить к настоящим таблицам. Хватит с нас корявого текста фиксированного формата! Создание таблиц Сначала, как обычно, создадим новую Web-страницу. Рис. 5.3. Кнопка Insert Table панели объектов Пустую …
Текст фиксированного формата
Как ¥еЬ-обозреватель выводит на ¥еЬ-страницу текст? На самом деле, здесь нет ничего сложного. Он придерживается нескольких простых правил, которые вам стоит узнать: □ символы возврата каретки преобразуются в пробелы. Строка …
Таблицы
Если вам нужно поместить на ограниченном пространстве Web-страницы множество цифровых (и не только цифровых) данных, нет лучшего средства, чем таблица. Если вам необходимо создать красивый список, снова на помощь приходит …
Элементы ActiveX
Теперь рассмотрим элементы ActiveX и их размещение на Web-страницах. Для начала откроем новое окно Dreamweaver и сохраним новую пустую страницу в файле под именем 4J. htm. После этого найдем файл …
