(c)2001 by Invision Studio
   Soft:
1stPage 2000

   Обзоры
   Драйвера
   Ссылки

   Компьютерный:

   Игры
   Soft

   К меню
Вступление || Где взять? || Установка || Запуск || Настройка
Внешний вид || Создание нового документа|| Итог

Создание нового документа

   Заметь, что в рабочей области уже появился некий код - это программа открыла заготовку (шаблон) по умолчанию. Прежде чем приступить к изучению азов работы, давай сохраним файл: выбери 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 и выбери свой браузер.