|
Лекция 2 Тема: Технология создания Web страниц. Возможности языка html
|
| bet | 5/6 | | Sana | 21.10.2022 | | Hajmi | 44.89 Kb. | | #27742 | | Turi | Лекция |
Bog'liq informatika 2,3 Тақсимланган тизим, MB 1-top, Adabiyotshunoslik asoslari тест, BIOLOGIYA OQITISHDA MUAMMOLI TEXNOLOGIYADAN FOYDALANISH, vosiqova aziza, Amaliy ish 1 WindowsПанель инструментов
Панель инструментов объединяет кнопки вызова наиболее часто используемых команд и ресурсов редактора. На это панели расположены следующие элементы управления (рис. 1.4):
· Title (Заголовок) – поле для ввода заголовка документа;
· File Management (Управление файлами) – кнопка открывает меню, содержащее файловые команды сетевого обмена и контроля обращения;
· Preview/Debug in Browser (Просмотр/Отладка в браузере) – кнопка открывает меню с командами просмотра документа в браузере;
· Refresh Design View ( Обновить страницу) – команда переноса всех изменений в исходном документе в режим Design;
· Reference (Справка) – кнопка вызова справки;
· Code Navigation (Навигация по кодам) – кнопка открывает доступ к меню с командами, управляющими отладкой встроенных программ, написанных на языке Java Script;
· View Options (Параметры отображения) – кнопка открывает меню с командами управления визуализацией вспомогательных элементов окна документа.
Селектор разметки
В левой части строки состояния (рис.1.1) расположен селектор разметки, представляющий собой индикатор, показывающий дескрипторы разметки HTML, окружающие текущую позицию курсора.
Программа постоянно отслеживает положение курсора и обновляет состояние селектора разметки.
Щелчок на имени дескриптора в строке состояния выбирает всю его область действия в окне документа. Выбранный дескриптор в селекторе разметки выделяется полужирным шрифтом
Размер страницы
В средней части строки состояния (рис.1.1) расположено поле в котором выводятся текущие размеры окна документа в пикселах (рис. 1.5). Первое число дает значение ширины, а второе – высоты. Если щелкнуть мышкой на любой точке этого поля, то выводится диалоговое окно выбора размера окна.
Инспектор свойств
Палитра Property inspector (Инспектор свойств) – это основной инструмент программы по созданию гипертекстовых документов. Ее содержание изменяется в зависимости от выполняемой операции, положения курсора и типа выбранных объектов.
Для вывода палитры на экран выполнить команду Window/ Properties Окно/Свойства или воспользоваться комбинацией Ctrl+F3.
· Format (Формат) выбор структуры и типа текста (1);
· список Font (Шрифт) – выбор типа шрифта (2);
· Size (Размер) – выбор размера шрифта (3);
· Style (Стиль) – выбор стиля шрифта (4);
· Align (Выравнивание) – выбор стиля выравнивания текста (5);
· список Link (Ссылка) – хранит перечень всех ссылок текущего документа (6);
· маркер-указатель. Создает гипертекстовые ссылки при его перетаскивании на требуемый источник: файл или символ привязки (7);
· кнопка открытия диалогового окна Select File (Выбрать файл), (8);
· кнопка вызова цветовой палитры для оформления текста (9);
· кнопка вызова окна задания свойств страницы (10);
· список Target (Назначение) предназначен для выбора способа визуализации документа, на который указывает гипертекстовая ссылка (11);
· кнопка List Item (Раздел списка) служит для открытия диалогового окна List Properties (Свойства списка) для редактирования списков всех типов (12);
· кнопки создания нумерованных и маркированных списков (13);
· поле для отображения кода выбранного цвета текста (14);
· кнопки выбора типа начертания шрифта (15);
· кнопка вызова экспресс редактора кодов (16);
· кнопки вызова интерактивной подсказки (17);
Панель Insert (Палитра объектов)
Панель Insert служит для вставки и создания внешних объектов. Все, что можно включить в состав страницы HTML, от растровых изображений до скриптов, можно вставить при помощи этой палитры.
Вывод палитры на экран осуществляется командой Window/Object (Окно/Объекты) или комбинацией клавиш Ctrl+F2. Повторное выполнение команды убирает палитру с экрана.
Палитра содержит следующие разделы (рис.1.7):
· Common (Общие) – раздел объединяет самые ходовые объекты: таблицы, изображения, горизонтальные линейки, календарные даты и т.д.;
· Forms (Формы) содержит формы и элементы их образующие: переключатели, списки, текстовые поля и пр.;
· Data (Данные);
· Spry (команды задания специальных свойств);
· Text (текст). Команды задания параметров текста;
· Layout (выбор разметки рабочей области).
Инспектор кода
|
| |
