Размещение текста на Web-странице

Front Page имеет интерфейс текстового процессора Word. Текст может быть введен с клавиатуры или скопирован из другого документа через буфер обмена и вставлен на страницу с помощью команды “Правк→Встав”.

Изменить вид шрифта выделенного фрагмента текста можно с помощью кнопок панели инструментов(рис. 9.5) или в диалоговом окне Формат→Шрифт

Рисунок 9.5

При редактировании выделенных абзацев можно использовать команды панели инструментов(рис.9.5)

Рисунок 9.5

и команды меню Формат:

§ Абзац – выбирается привязка (justify – выравнивание справа и слева), сдвиг, межстрочное расстояние.

§ Маркеры и номера – подпункты простые маркеры и номера позволяют выбрать тип маркера. Подпункт маркеры изображения позволяет заменить типовые маркеры на графические изображения. Для этого нужно активизировать Указать рисунок→Обзор, выбрать графический файл на диске с помощью кнопки .

§ Границы и тени – В подменю границы можно выбрать стиль границы, ее цвет и ширину, расстояние до текста.

§ В подменю тени определяется цвет фона, текста. В качестве фона можно выбрать графическое изображение.

Для перехода на новую строку в текущем абзаце используется команда Вставка→Прер→Да.

В FrontPage форматирование выполняется в режиме WYSIWYG (что видите – то и получаете).

Завершив формирование страницы, сохраните ее. Каждая страница сайта сохраняется отдельно командой Файл→Сохранить.

В том случае, если на страницу вставлялось графическое изображение, то появляется окно Сохранить внедренные файлы. Необходимо: Изменить папку и выбрать папку images.

Замечание. Не все шрифты поддерживают браузеры, и не все шрифты могут быть установлены на компьютере пользователя.

3.Вопросы для закрепления.

1)Для чего предназначен визуальный редактор Front Page?

2)Как создается структура web – страницы.

3)Как установить свойства web- страницы?

4)Назовите способы редактирования текста

5)Назовите способы создания и редактирования таблиц в редакторе

4.Домашние задание: Подготовить материалы для создания будущего сайта( текст, графику)

Лекция 10

Тема: Основные принципы работы с DW

Цели: Ознакомить учащихся с основными возможностями редактора Dreamweaver; научить работать с основными окнами редактора и настраивать свойства сайта

План урока.

1. Организационный момент.

2. Изложение нового материала.

1) Запуск редактора, знакомство с окнами DW

2) Определение и настройка сайта

3. Закрепление изученного.

4. Итог урока.

Ход урока.