prosdo.ru
добавить свой файл
1

СОЗДАНИЕ Web-СТРАНИЦЫ ВО FRONT PAGE








Основные понятия

 

FRONT PAGE – это визуальный редактор проектирования web-страниц.

Создание новой страницы

Меню File – New. Выбрать Page – Normal Page.

Normal Page – создает пустую страницу

Установка параметров страницы (имя страницы, фон страницы, цвет текста и отступы от края страницы)

 Контекстное меню на рабочем поле страницы (Page) – Page Properties – закладка General – строка Title – вставить имя страницы;

закладка Background - для подключения фонового рисунка поставить галочку у Background Picture, нажать клавишу Brows и выбрать рисунок, чтобы сделать цветовой фон, настроить цвет фона в области Color, выбрав цвет из списка Background;

 выбрать цвет букв из списка Text;

 выбрать цвет гиперссылки, к которой еще не обращались, из списка Hyperlink;

 выбрать цвет для уже посещенной гиперссылки из списка Visited hyperlink;

 выбрать цвет для активной гиперссылки из списка Active hyperlink;

закладка Margins – отступы от верха и левого края проставить галочки Specify top margin и Specify left margin и оставить 0 Pixels(для таблиц на всю страницу).

Ввод и форматирование текста

Весь текст делится на заголовки и абзацы.

Заголовки бывают 6 типов (1 – самый большой, 6 – самый маленький кегель). Устанавливается выбором из раскрывающегося списка Style на панели форматирования, например, Heading1…Heading6, Normal, Address:

 Стиль абзаца (размер - кегель, тип шрифта, цвет и т.д.) выбирается командой Format – Properties или клавишами на панели форматирования (Font, Font size, Font color, Bold, Italic, Underline, Align left, Center и т.д.)

Отступы между строк, перед абзацем, после абзаца устанавливают через команду Format – Paragraph – область Spacing, Before (отступ перед абзацем), After(отступ после абзаца), Line spacing (межстрочный интервал)

Отступ красной строки устанавливают через команду Format – Paragraph – область Indentation, Indent first line

Отступ остальных строки абзаца устанавливают через команду Format – Paragraph – область Indentation, слева - Before text, справа – After text.

Выравнивание текста относительно страницы - через команду Format – Paragraph – раскрывающийся список Alignment.

 Абзацы могут быть обычными, маркированными или нумерованными (Кнопки Numbering, Bullets), изменять их свойства через Format – Bullets and Numbering.

Перенос текста на другую строку в пределах одного абзаца – команда Insert –Break или вставить тег перевода строки - клавиши Shift+Enter

 Передвижение всего абзаца - положением строки на экране (отступы): кнопки на панели форматирования Increase Indent или Decrease Indent

 Редактор FRONT PAGE позволяет легко помещать на вашу страницу информацию, которая хранится в файле формата HTML или в других форматов: команда Insert – File - выбрать нужный файл. (Если редактор знаком с форматом файла, он начнет его сразу преобразовывать в HTML формат, а если нет, то спросит что это за файл и как его преобразовать.)


 

Графика

      Вставка рисунка – команда Insert-Picture-From File - Найти файл – ОК

      Изменение свойств рисунка – Контекстное меню (правая кнопка мыши на

      рисунке) – Picture Properties – в окне Picture Properties закладка Appearance:

  o  Выравнивание относительно страницы – область Layout – список

         Alignment

  o  Вставка бортиков Border Thickness – установить ширину бортиков 

  o  Установка отступов вокруг рисунка - область Layout – Horizontal Spacing,

         Vertical Spacing

  o  Изменение размеров рисунка – область Size – поставить галочку Specify

         Size и выбрать размер в списках Width (ширина), Height (высота)

Горизонтальная линия

Вставка линии: команда Insert -. Изменение параметров линии: вызвать окно Horizontal Line Properties – Width (длина линии), Height (Ширина линии), Alignment (выравнивание), Color (цвет линии), Solid Line (отключение объема)

Таблицы

В Web-документах таблицы используются в основном в качестве инструмента для разметки поверхности страницы.

 Вставить таблицу: команда Table - Insert - Table – выбрать количество строк (Rows) и количество граф (Columns) – установить ширину границ (Border size) – отступы он краев (Cell padding) и между ячейками (Cell spacing) – установить ширину таблицы (галочка у Specify Width) и указать проценты (резиновая таблица – на всю ширину экрана без учета его размера) (In percent) или пикселу (для разрешения 800 х 600 – 760 пикселов - на весь экран) (In pixel) – ОК.

 Вставить строку или столбец: Table - Insert - Rows or Columns

 Вставить ячейку Table - Insert - Cell

 Вставить строку выше таблицы (заголовок): Table - Insert - Caption

 Удаление выделенных ячеек: Table – Delete Cells

 Объединить выбранные ячейки в один элемент: Table – Merge Cells


 Разбить текущую ячейку (в ней стоит курсор) на несколько частей: Table – Split Cells

 Изменить свойства таблицы: контекстное меню (правая кнопка мыши) - Table Properties:

  o       выравнивание таблицы по горизонтали относительно страницы-

           область Layout - Alignment

  o       ширину или высоту - область Layout - Specify Width или Specify height

  o      отступы от края или между ячейками - область Layout - Cell padding или

           Cell spacing

  o       ширины границ – область Borders - Border size

  o      цвет границ - область Borders – Color (одинаковые, плоские границы)

           или Light border и Dark border (цвет освещенной и неосвещенной

            части трехмерной рамки)

  o      цвет фона таблицы – область Background - Color

  o       назначение в качестве фона какого-либо рисунка - галочку Use

            Background picture и через Brows выбрать файл.

Бегущая строка

Этот компонент позволяет создавать интересные эффекты при оформлении страницы.

 Вставки бегущей строки – Insert - Component - Marquee

 Установить свойства информации d окне Marquee Properties:

    o     вставить текст, который будет отображаться - область Text

    o     направление движения строки - Direction –Left или Right

    o  задержка между шагами (в мили сек) – Speed - Delay

    o  шаг перемещения текста (в пикселях) – Speed - Amount

    o      способ перемещения текста: перемещается от одного края к другому -

                Behavior – Scroll; проходит с одной стороны до другой и

                останавливается - Behavior – Slide; проходит к противоположной

                 стороне и идет назад- Behavior – Alternate

    o      выравнивание строки по отношению к обыкновенному тексту - Align


                width text (Top - по верхнему краю, Middle - по средине, Bottom - по

                нижнему краю)

    o       устанавливает минимальную ширину строки в процентах от размера

                окна или в пикселях Size – Wight

    o       устанавливает минимальную высоту строки в процентах от размера

                окна или в пикселях - Size – Height

    o      количество повторений - Repeat (Continuously – постоянно)

    o      цвет фона строки - Background Color

    o      настройка формата текста – клавиши Style – Format – Font

Закладки

Используются для того, чтобы идентифицировать то место страницы, куда вы смежите переходить по гиперссылке (из другого места той же страницы).

 Выделить тот фрагмент текста, рисунок или элемент управления, который вы хотите использовать в качестве закладки

 Выполнить команду: Insert - Bookmark

 В окне Bookmark ввести имя закладки и ОК

 Для удаления закладки нажать кнопку Clear.

Текст, используемый в качестве закладки подчеркивается пунктиром.

Изменить (удалить) закладку можно через контекстное меню, пункт Bookmark Properties

Гиперссылки

Гиперссылки - это фрагмент текста, рисунок или элемент управления, при нажатие на который происходит переход на закладку или вызывается другая web-страницы. Текст гиперссылки обычно выделяется цветом и подчеркивается.

Создание гиперссылки:

 Выделить фрагмент страницы, который будет гиперссылкой

 Выполнить команду Insert – Hyperlink

 В окне Create Hyperlink настроить параметру перехода:

  o  для перехода на закладку – в списке Bookmark области Optional выбрать

          имя нужной закладки – ОК

  o  для вызова следующей страницы создаваемого web-сайта (группа


           взаимосвязанных web-страниц) – нажать кнопку , выбрать имя  

           нужной страницы – ОК

  o  для загрузки web-сайта из Интернет – в области URL набрать адрес

           (например, http://www.mail.ru - вызов почтового сервера,

            ftp://taty:7b0e199@maul.freenet.kz/www.infschool95.os.kz/z1.zip -

           организация доступа к FTP-серверу для получения файла z1.zip)

  o   для отправки писем по указанному адресу – нажать кнопку , в 

             появившемся окне написать адрес электронной почты (например,

              school95@os.kz)

  o    для вызова с локального диска информации (файла) в других

            форматах   - нажать кнопку , выбрать имя нужной страницы – ОК

 

Новые документы можно просматривать в том же или новом окне:


  •  вызвать окно Edit Hyperlink через контекстное меню

  •  открыть список Target Frame (Parent Frame, New Window)

Комментарий 

Комментарий - это пояснительный текст, который не отображается в браузере.

Вставка производится командой Insert - Comment и записывается в появившемся окне.

Если к комментарию подвести курсор, то он изменит свою форму (рядом с обычным курсором появится рука, держащая листик)