Размещение текста на 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. Итог урока.

Ход урока.

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

Отметить присутствующих. Сообщить тему урока. Настроить учащихся на восприятие материала.

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

Dreamweaver MX 2004 – увлекательнейшая программа для создания Web-страниц. Ее возможности шире по сравнению с обычными функциями подобных редакторов. Dreamweaver позволяет создавать объекты и страницы с использованием языка HTML 4 со всеми его формами, фреймами и прочим, а также DHTML, поддерживает каскадные таблицы стилей, слои, объекты и возможность вставки интерактивных элементов JavaScript и ActiveX, апплетов действия JavaScript. , а также добавление анимации Macromedia Flash и Shockwave

Разработчику Web-проекта предлагаются гибкий и мощный инструментарий управления сайтом, включая, встроенный полноценный FTP-клиент, визуальные карты сайтов и контроль над ссылками. Возможности Dreamweaver MX 2004 значительно облегчают процесс создания страниц и управления сайтом.

Запуск редактора

Для запуска редактора Dreamweaver MX 2004 необходимо выполнить следующую последовательность действий:

Пуск– Программы– Macromedia– Macromedia Dreamweaver MX 2004.

Выбор интерфейса

При первом запуске Dreamweaver MX 2004 предлагается два варианта вида рабочей области редактора:

• Designer (Дизайнерский);

• Coder (Кодировщик).

Чем они отличаются — понятно из их названий. Это окно появляется, как правило, только при первой загрузке редактора. В дальнейшем настройки можно будет изменить командой меню Edit • Preferences (Редактировать • Предпочтения). В диалоговом окне Preferences (Предпочтения) в списке Category (Категория) выберите пункт General (Общие) и нажмите кнопку Change Workspace (Смена рабочей области). После этого откроется окно Workspace Setup (Установка рабочей области).

Сразу следует выбрать дизайнерский вид рабочей области редактора. Так будет проще работать. После того как выбор сделан, загрузка редактора продолжится. По окончании загрузки на экране появится рабочая область редактора. В ее центре размещается так называемое стартовое окно редактора.