Самоучитель по Office XP




Глава 23. Редактор web-страниц


    Глава 23. Редактор web-страниц
    Занятие №23 Редактор web-страниц ТЕМА ЗАНЯТИЯ На этом занятии рассматриваются некоторые возможности редактора web-страниц, встроенного в приложение Frontpage. Вы научитесь выполнять следующие опер...
    Текст
    Текст В основе практически любой web-страницы лежит текст. Его можно делить на абзацы, оформлять в виде пунктов маркированных списков или помещать в ячейки таблиц. Правильное форматирование текста...
    Упражнение 1. Форматирование текста
    Упражнение 1. Форматирование текста На страницах, созданных мастером web-узла, расположены комментарии и текстовые местозаполнители, которые нужно заменить реальным содержанием. Давайте приведем к...
    Исходный вид страницы Товары
    Обновленное содержание Нажатием клавиши Delete сотрите ненужные символы. При редактировании текста будьте внимательны. Удалив целый абзац, вы часто не сможете вернуть прежнее расположение строк на...
    Упражнение 2. Таблицы
    Упражнение 2. Таблицы Страница Товары смотрится достаточно хорошо. Теперь стоит подумать о содержании ее дочерних страниц, предлагающих описание и цены конкретной продукции. Давайте приведем в над...
    Описание ассортимента труб Переместите...
    Описание ассортимента труб Переместите курсор в начало строки Основные выгоды. Выберите команду Таблица Вставить Таблица (Table Insert Table). Вам понадобятся всего две ячейки, расположенные рядом...
    Параметры таблицы
    Разрабатывая web-страницы, не забывайте, что их будут просматривать люди, имеющие компьютеры с самыми разными дисплеями. Поэтому старайтесь задавать размеры элементов в процентах от ширины окнабра...
    Добавление таблицы
    Добавление таблицы Выше новой таблицы введите абзац с кратким описанием продукции....
    Упражнение 3. Списки
    Упражнение 3. Списки Пункты левой ячейки таблицы, добавленной в предыдущем упражнении, оформлены в виде маркированного списка, а правая ячейка содержит простой текст, который смотрится непривлекат...
    Выбор маркера
    Выбор маркера Щелчком на кнопке Обзор откройте окно выбора файла. Затем дважды щелкните на значке файла smallnew.gif в папке images текущего web-узла. Щелчком на кнопке О К закройте окно настройки...
    Списки
    Рис.23.7. Списки...
    Упражнение 4. Гиперссылки
    Упражнение 4. Гиперссылки При создании web-узла с помощью мастера приложение Frontpage автоматически размещает на страницах панели навигации с гиперссылками на различные web-страницы узла. Ссылки...
    Настройка гиперссылки
    Добавление гиперссылок Выделите значок Справочник.htm. Имя этого файла появится в поле Адрес:. Щелкните на кнопке ОК. Теперь на странице появились три дополнительные гиперссылки, как показано на р...
    Рисунки
    Рисунки Одним из основных преимуществ гипертекстовых документов перед более ранними форматами данных, распространявшихся через Интернет, является возможность размещения в HTML-файлах рисунков. Гра...
    Упражнение 5. Добавление рисунка
    Упражнение 5. Добавление рисунка Чтобы добавить на web-страницу, сформированную в предыдущих упражнениях, логотип компании, выполните следующие шаги. Поместите текстовый курсор в начало первой стр...
    Добавление рисунка
    Параметры рисунка На вкладке Общие (General), показанной на рис. 23.11, выберите положение переключателя GIF, чтобы указать формат, в котором должен храниться рисунок. Щелкните на кнопке Обзор, ра...
    Сохранение внедренного объекта
    Сохранение внедренного объекта Дважды щелкните в открывшемся окне на папке images, а затем на кнопке ОК, указав этим папку, в которой должен храниться файл добавленного рисунка. Щелкните на кнопке...
    Упражнение 6. Фон страницы
    Упражнение 6. Фон страницы Хорошо подобранный фон помогает пользователю воспринимать информацию. С помощью фона можно выделить определенные области страницы и просто при влечь внимание. Даже если...
    Изменение фона страницы Теперь...
    Изменение фона страницы Теперь web-страница будет выглядеть так, как показано на рис. 23.14....
    Web-страница с рисунком и измененным фоном
    Упражнение7. Панель навигации
    Упражнение7. Панель навигации Панели навигации — это особые объекты Frontpage, которые позволяют автоматически добавлять и обновлять ссылки на страницы, иерархически связанные с текущей. Из упражн...
    Вкладка Общие окна диалога Свойства...
    Вкладка Общие окна диалога Свойства панели ссылок Щелкните на указанном местозаполнителе правой кнопкой мыши и выберите команду Свойства панели ссылок (Link Bar Properties). Откроется окно диалога...
    Панели навигации Установите флажки Домашняя страница и Родительская страница.
    Панели навигации Установите флажки Домашняя страница и Родительская страница. На вкладке Стиль (Style) приводятся образцы стандартных стилей оформления гиперссылок и предоставляется возможность ус...
    Упражнение 8. Закладки
    Упражнение 8. Закладки Закладки позволяют формировать гиперссылки на определенную точку конкретной web-страницы. С помощью таких ссылок пользователь может одним щелчком прокрутить страницу к нужно...
    Добавление закладки Щелкните на...
    Добавление закладки Щелкните на кнопке ОК. Закройте файл prod04.htm. При появлении соответствующего запроса подтвердите необходимость со хранения выполненных изменений. Теперь давайте добавим на с...
    Ссылка на закладку
    Ссылка на закладку Щелкните на кнопке ОК. Действие полученной гиперссылки вы сможете оценить, выполняя последнее упражнение занятия....
    Просмотр страницы
    Просмотр страницы Окно режима просмотра Страница имеет три вкладки, открывающие доступ к трем различным вариантам демонстрации web-страницы. Первый из них — Обычный (Normal) предназначен для разра...
    Упражнение 9. HTML-код
    h2> Теги документа В этом режиме (рис. 23.19) на экране отображается не только содержимое web-страницы, но и управляющие конструкции — теги, — которые и формируют имеющееся форматирование документа...
    Упражнение 10. Предварительный просмотр
    Упражнение 10. Предварительный просмотр Режим предварительного просмотра показывает web-страницу такой, какой она будет в окне браузера. Чтобы включить такой просмотр, щелкните на корешке Просмотр...
    Контрольное упражнение
    Контрольное упражнение Чтобы закрепить навыки, полученные на этом занятии, выполните следующие действия. Откройте web-узел, созданный в предыдущем упражнении. Как быстро открыть web-узел, с которы...
    Подведение итогов
    Подведение итогов На этом занятии был рассмотрен интегрированный в приложение Frontpage модуль редактирования web-страниц. Вы научились строить таблицы, создавать маркированные и нумерованные спис...


Начало    



Книжный магазин