Создание новой таблицы стилей
Приступить к созданию новой таблицы стилей можно несколькими способами: О воспользоваться командой меню Text | CSS Styles | New (Текст | CSS стили | Создать); О открыть панель CSS Styles …
Работа с каскадными таблицами стилей в программе Dreamweaver
Работа с каскадными таблицами стилей может включать: О создание новой таблицы стилей. В результате таблица может быть размещена либо только в том документе, для которого создается, либо сохранена в виде …
Изменение цвета элементов полосы прокрутки
Для полосы прокрутки предусмотрена возможность изменения цвета отдельных ее элементов. Рассмотрим свойства, позволяющие установить данные изменения (рис. 7.14). Рис. 7.14. Элементы полосы прокрутки, цвета которых можно изменять 1. Scrollbar-track-color — …
Изменение внешнего вида указателя мыши
Изменение внешнего вида указателя мыши осуществляется с помощью свойства cursor, которое может принимать следующие значения: О default — указатель, используемый в операционной системе по умолчанию; О move — маркер перемещения; …
Видимость объектов
Возможность скрывать и вновь показывать объекты представляет интерес только при создании страниц, содержимое которых изменяется динамически в процессе просмотра. Управление внешним видом таких страниц осуществляется с помощью программ-сценариев. Примеры таких …
Использование слоев
В результате позиционирования одни объекты могут накладываться на другие, перекрывая их. Например, это может быть воплощением художественного замысла автора, расположившего рисунки так, чтобы они частично перекрывали друг друга. В этом …
Позиционирование объектов
Различают статическое, относительное и абсолютное позиционирование объектов. Позиционирование задается свойством position, которое может приобретать следующие значения: static — статическое (по умолчанию), relative — относительное, absolute — абсолютное. Для относительного и …
Свойства блоков
Блок это прямоугольный фрагмент страницы, который может иметь определенные размеры, отступы между содержимым блока и его границами, поля, рамку и фоновую заливку. Содержимым блока могут быть любые элементы, размещаемые на …
Свойства форматирования текста
В табл. 7.5 содержатся основные свойства форматирования текста. Таблица 7.5. Свойства форматирования текста № П/п Изменяемое Свойство Обозначение Примечания Text-align Vertical-align Text-indent Text-decoration Попе - отказ …
Свойства цвета и фона
Основные свойства цвета и фона приведены в табл. 7.4. Таблица 7.4. Свойства цвета и фона № Изменяемое _ , Обозначение _ Примечания П/п свойство г 1 color Цвет текста Цвет …
Свойства форматирования шрифтов
В табл. 7.3 приведены основные свойства форматирования шрифтов. Таблица 7.3. Свойства форматирования шрифтов № П/п Обозначение Изменяемое Свойство Примечания 1 Font-family Гарнитура шрифта 2 Font-style Начертание Шрифта Допустимые значения: "normal" …
Основные свойства каскадной таблицы стилей
До сих пор мы использовали только несколько свойств, с помощью которых показывали способы создания и размещения каскадных таблиц стилей. Теперь более подробно рассмотрим основные свойства каскадной таблицы стилей, которые для …
Единицы измерения в каскадных таблицах стилей
По сравнению с HTML в CSS можно использовать существенно больше единиц измерения и применять их не только к размерам объектов, но и к размеру шрифта. В приведенных выше примерах мы …
Вложение меток
Часто метки располагаются одна внутри другой. Если внутренняя (дочерняя) метка не имеет собственного стиля форматирования, то на нее будет распространяться стиль форматирования родительской метки, т. е. той метки, внутри которой …
Создание стиля форматирования, применимого к различным меткам
В один и тот же класс могут входить не обязательно одинаковые метки, но тогда в описании стиля не нужно указывать имя метки. Здесь требуется указать только имя класса с предшествующей …
Задание одинаковым меткам разных параметров форматирования
Вполне возможна ситуация, когда часть одних и тех же меток применительно к различным частям текста должна иметь разные свойства. С этой целью метки (в зависимости от стиля форматирования) можно разбить …
Связь каскадной таблицы стилей с HTML-документом
Существуют четыре способа связи CSS с HTML-документом: 1. Таблица стилей существует в виде отдельного текстового файла с расширением CSS (желательно, чтобы он находился в той же папке, что и HTML-документ) …
Назначение каскадных таблиц стилей
Рассмотрим назначение каскадных таблиц стилей. □ Они позволяют получить результаты, которые не могут быть получены средствами НТМЬ. Так, в приведенном выше примере установлен размеры шрифта 40 р1, тогда как в …
Каскадные таблицы стилей — расширение Возможностей форматирования
Каскадные таблицы стилей (Cascade Style Sheets, CSS) — наборы меток HTML, к которым добавляются определения, изменяющие их свойства. Например: Р {font-size: 4Qpt; color: green; font-family: "Comic Sans MS"} В приведенном …
Создание форм в программе Dreamweaver
Для создания форм на web-странице, редактируемой в программе Dreamweaver, необходимо воспользоваться группой инструментов FoRms (Формы) панели Insert (Вставка) (рис. 6.4). Forms ▼ Гг 1 ГГ-, Ыш/ш [QJ [RJ О Abcl …
Пересылка содержимого формы
Существуют различные способы пересылки и обработки содержимого формы. В частности, содержимое формы может быть передано на сервер, где программа-сценарий поместит содержимое полей формы в базу данных. Здесь мы рассмотрим более …
Создание форм средствами HTML
Формы размещаются в документе с помощью метки <form>...</form>. Метка <form> является контейнером, внутри которого могут размещаться другие метки, предназначенные для создания конкретных элементов. Метка <input> предназначена для размещения внутри формы …
Создание интерактивных страниц с использованием форм
Формы предназначены для создания интерактивных страниц, т. е. страниц, позволяющих посетителю сайта отправить информацию его владельцу. С помощью форм можно осуществлять прием заказов, тестирование, проведение опросов и т. д.
Сохранение документа с фреймовой структурой И связанных с ним документов
Сохранение создаваемых документов как обычно осуществляется командами меню File (Файл). Особенность работы заключается в том, что если выделен какой-либо фрейм или группа фреймов, то сохраняется документ с фреймовой структурой, для …
Создание HTML-документа для каждого фрейма
В момент открытия в окне браузера документа с фреймовой структурой в каждом фрейме должен находиться HTML-документ. До сих пор мы подробно рассматривали способы создания документа с фреймовой структурой и изменения …
Изменение содержимого отдельных фреймов
Изменения содержимого отдельных фреймов предполагают изменения параметров меток <frame>. Для этого фрейм должен быть предварительно выделен. Выделение осуществляется щелчком внутри фрейма при нажатой клавише <Alt>. Вокруг выделенного фрейма появится пунктирная …
Изменение параметров документа с фреймовой структурой
Предположим, что документ с фреймовой структурой уже создан. Дальнейшая задача заключается в том, чтобы, не изменяя полученной структуры, изменить свойства отдельных фреймов. Изменение параметров фреймов осуществляется с помощью панели Properties …
Изменение фреймовой структуры документа
Если при создании документа не удалось подобрать нужную структуру, то, выбрав наиболее подходящую, можно в рабочем окне внести необходимые изменения. Предположим, что нами выбрана структура фрейма, показанная на рис. 5.3, …
Создание документа с фреймовой структурой на базе имеющегося HTML-документа
В этом разделе будет решаться следующая задача. Имеется уже созданный документ с обычной структурой. Требуется создать документ с фреймовой структурой таким образом, чтобы имеющийся документ стал содержимым одного из фреймов. …
Создание нового документа с фреймовой структурой
Если работа с программой Dreamweaver начинается со стартовой страницы, то в разделе Create New (Создать новый документ) следует нажать кнопку More (Больше) в нижней части раздела и открыть диалоговое окно …
Ссылки из документов, находящихся во фреймах
Если в каком-либо документе находится ссылка, то возникает вопрос, куда будет загружен документ, на который осуществляется ссылка? По умолчанию документ загружается в тот же фрейм. Однако чаще всего требуется загрузить …
Дополнительные параметры меток <FRAMESET> И <FRAME>
Дополнительные параметры метки <frameset>: О frдmeborder="значение" — задает отображение рамок вокруг фреймов, описанных внутри данной пары меток <FRAMESET>...</FRДMESET>. МоЖСТ Принимать Значения: "Yes" или "1"— отображать рамки, "No" или "О"— не …
Описание фреймов
Каждый полученный в результате деления фрейм должен быть описан с помощью метки <ееаме>. К основным параметрам метки <ееаме> можно отнести: О знс="имя файла" — задается имя файла НТМЬ-документа, который откроется …
Деление окна браузера на фреймы
Чтобы разделить окно браузера на фреймы, нужно создать специальный документ, в котором необходимо указать параметры фреймов и имена файлов HTML-документов, загружаемых в каждый фрейм в момент открытия документа в окне …
Создание фреймов средствами HTML
Слово "frame" в переводе с английского обозначает рамку. Однако фрейм это не просто рамка, которую можно провести вокруг рисунка, таблицы или фрагмента текста. Фрейм — это заданного размера окно документа …