Заметь, что в рабочей области уже появился
некий код - это программа открыла заготовку (шаблон) по умолчанию.
Прежде чем приступить к изучению азов работы, давай сохраним файл:
выбери
File\Save as и в появившемся диалоге напечатай имя файла
(расширение с точкой указывать не надо, ведь мы уже указали
программе, какое расширения она должна ставить по умолчанию).
Допустим, тебе не нравится, когда теги написаны маленькими буквами,
а надо, чтобы все было большим, большим.… Выдели мышкой весь текст
и в контекстном меню выбери
Selecting\To Uppercase.
Создадим себе
некую
задачу.
Допустим, необходимо создать отчет о проделанной
сегодня работе. Что должно там быть? Прежде всего -
заголовок
с сегодняшней датой. Чуть ниже должна располагаться
таблица,
содержащая 2 колонки (в правой колонке будем писать время,
а в левой - характер работы). И, наконец, внизу поместить информацию
о том, кто
проделал работу. Начнем…
1. Прежде всего, надо указать общие параметры документа
(фон, цвет текста, ссылок). Это можно сделать с помощью встроенного
мастера: выбери
Format\Document Properties…
2. Создадим заголовок. Для начала укажем, что он должен
располагаться по центру. Для этого на палитре (
Palette - это большая
панель с множеством кнопок и вкладок) выберем
Fonts и нажмем
на соответствующую задаче кнопку. Должно появится
<center></center>.
Далее выберем шрифт. Для этого на этой же вкладке нажмем
на кнопку с изображением буквы "А". Появится тебе
знакомый по другим программам диалог выбора шрифта.
Заметь, что размер шрифта указывается не в пунктах,
а в неких единицах, где единица соответствует
8pt,
2-ка -
10pt, 3-ка -
12pt, 4-ка -
14pt, 5-ка -
18pt, 6-ка -
24pt,
ну а 7-ка -
36pt.
Вывод: размер больше 36 пунктов тегом
<font> не задашь, и ни какие
<font size="+1">
не помогут! Если ты выбрал шрифт с длинным названием, имеет смысл
снять галочку с
Output HTML code on single line. Теперь поставим дату.
Нет, нет, не надо ее вводить в вручную. Просто в контекстном меню (как мне это словосочетание нравится!)
выбери
Date\Time Stamp и в открывшемся списке выбери тот вариант,
который тебя устраивает. Поскольку таблица должна быть ниже
заголовка - поставим перед <table> <br> (находится
на вкладке
Standard).
3. Теперь создадим таблицу. На вкладке
Tables палитры щелкни
по самой первой кнопке - запустится мастер (
wizard). Для начала
создай таблицу, содержащую 2 строки и 2 столбца.
Задай ширину таблицы равной 80% от ширины экрана
(не забудь поставить галочку напротив "%"). Чтобы поместить некий
текст, необходимо щелкнуть по ячейке и начать печатать!
Программы сама вставит текст куда нужно. Было бы неплохо,
чтобы таблица имела рамку, не так ли? Для этого выбираем вкладку
Extended и устанавливаем значение параметра
Table width
равное 1. Все, жми
Ok! Как ты видишь, программа неким образом
отформатировала код, чтобы он лучше читался.
Все c таблицей?
Нет! Ее бы не плохо поместить по центру.… Нет проблем:
выделяем мышкой код от <table> до </table>
и в контекстном меню выбираем
HTML\Alignment\Center.
Ты, наверно, ужt осознал, что эту же операцию можно было
проделать и с помощью палитры. Давай теперь левую колонку
покрасим в какой-нибудь цвет, для этого в обеих строках в 1 колонке
в теге <td> напишем атрибут bgcolor="". А как указать
цвет? Ведь нельзя в голове держать все коды и названия!
Обрати внимание на правую часть экрана. Там располагается палитра
цветов (
Color Palette). В атрибуте bgcolor поставь курсор между
кавычек. Наведи курсор на спектр на палитре цветов. Двигая по спектру
пипетку, выбери нужный цвет и нажми левую кнопку. Верхний квадратик
запомнит твой цвет. Чтобы его вставить щелкни по кнопке
"FG"
(от
Foreground). Вот теперь мы закончили работу с таблицей.
Поставим перенос строки, ты не забыл, где он находится?
4. Подпишемся, т.е. поставим справа свои ФИО. Для этого проделай
те же операции, что и в пункте 2, но вместо равнения по центру,
поставь равнение по правому краю. Все, твой первый документ
в
1st Page 2000 готов!
Я не рассказал, как вставлять в документ разные элементы (скрипты, картинки, ссылки).
Почему-то мне кажется, что ты и сам этому научишься. 8)
5. Просмотрим результат. Сначала нажми
F12 - откроется окно
встроенного просмотрщика. Полюбовался? А теперь на
Easy Bar
(панель с большими кнопками) нажми на
Preview и выбери
свой браузер.