Создание сайта: «Текстовые процессоры»

  - Полосы вертикальной  и горизонтальной прокрутки –  предназначены для перемещения  по документу, если он полностью  не помещается на экране монитора. Для медленного перемещения по  документу используются экранные  кнопки, а для быстрого перемещения  используется бегунок, который  пользователь может перетаскивать  мышкой. Горизонтальная полоса прокрутки  имеет также четыре дополнительные  экранные кнопки, расположенные в левой части, предназначенные для разных режимов.

Обычный режим –  позволяет включить обычный режим  отображения документа. В этом режиме документ отображается в виде сплошного  рулона бумаги.

Режим Web – документа – в этом режиме документ отображается в виде электронной странички Интернет. Текст отображается более большим шрифтом, чем обычно, а ширина листа подгоняется под ширину экрана.

Режим чтения– в этом режиме документ отображается в том виде, как он будет выглядеть при распечатке на бумагу.

Режим структуры  – в этом режиме документ отображается в виде иерархического списка всех заголовков и тем. Режим структуры  удобен тем, что позволяет изменять последовательность заголовков простым  перетаскиванием.

  Все эти экранные  кнопки продублированы в строке состояния.

  5.Строка состояния – строка, в которой отображается справочная информация сервисного характера:

  - Номер текущей страницы;

  - Число слов

  -Язык

  - Масштаб документа

  -Экранные кнопки, предназначенные для переключения  режимов и просмотра документа.

   Помимо этого,  в строке состояния отображаются  некоторые индикаторы режимов  работы программы. При двойном  щелчке по какому-либо индикатору  включается выбранный режим.

 

 

 

3.3 Форматирование шрифта

В текстовом редакторе Microsoft Word изменение любых характеристик  шрифта называется форматированием. С  помощью определенных команд пользователь может изменить внешний вид шрифта. Форматирование  шрифта может включать в себя следующие  действия:   1.Изменение гарнитуры шрифта (название шрифта);  2.Изменение высоты шрифта;  3.Изменение начертания шрифта (обычный, полужирный, курсив);  4.Изменение цвета шрифта; 5.Изменение межбуквенного интервала;  6. Добавление различных эффектов (анимация, тень, нижний индекс, подчёркивание и т.д.)   Форматирование шрифта можно производить либо с помощью инструментов (раскрывающихся списков и экранных кнопок), расположенных на панели инструментов Форматирование, либо с помощью диалогового окна Шрифт.   С помощью панели инструментов Форматирование пользователь может изменить основные характеристики шрифта (гарнитуру, начертание, высоту и цвет).   Для того, чтобы изменить гарнитуру шрифта, необходимо выделить фрагмент текста и из раскрывающегося списка Шрифт на панели инструментов Форматирование, выбрать один из перечисленных типов шрифта.  Для того, чтобы изменить начертание шрифта, необходимо выделить фрагмент текста и нажать на панели инструментов Форматирование соответствующую нужному начертанию экранную кнопку. Начертание шрифта может быть:   1. Обычный – экранные кнопки Полужирный Ж и Курсив К отжаты;    2. Курсив – экранная кнопка Курсив К нажата, а кнопка Полужирный Ж – отжата;   3. Полужирный – экранная кнопка Полужирный Ж нажата, а кнопка Курсив К – отжата;   4. Полужирный курсив – экранные кнопки Полужирный Ж и Курсив К нажаты;      Для того, чтобы изменить высоту шрифта, необходимо выделить фрагмент текста и из раскрывающегося списка Размер на панели инструментов Форматирование выбрать нужный размер шрифта. Для того что бы изменить цвет шрифта, необходимо выделить фрагмент текста и на панели инструментов Форматирование нажать на дополнительную кнопку, расположенную справа от экранной кнопки Цвет шрифта и из появившейся палитры цветов выбрать нужный цвет шрифта.  Если необходимо подчеркнуть какой-либо фрагмент текста одинарной линией, достаточно выделить его и нажать на панели инструментов Форматирование экранную кнопку Подчеркнутый.   С помощью диалогового окна Шрифт, пользователь может выполнить форматирование шрифта в одно действие, т.е. вызвав это диалоговое окно, пользователь может изменить все характеристики шрифта. Для вызова диалогового окна Шрифт, необходимо либо в пункте меню Формат выбрать команду Шрифт, либо выбрать команду Шрифт из контекстного меню. Контекстное меню вызывается щелчком правой клавишей мыши по выделенному фрагменту текста. Рассмотрим более подробно диалоговое окно Шрифт.     Диалоговое окно  шрифт имеет три вкладки:    1. Шрифт – с помощью этой вкладки, выбором соответствующих команд из списков или набора флажков, пользователь может изменить гарнитуру, начертание, размер шрифта, вид и цвет подчеркивания, цвет шрифта и добавить различные эффекты к нему (зачеркнутый, тень, верхний индекс, нижний индекс и т.д.)    2. Интервалы – с помощью этой вкладки, пользователь может установить или изменить межбуквенный интервал. Межбуквенный интервал может быть трех типов: обычный, разреженный и уплотненный. Тип межбуквенного интервала выбирается из раскрывающегося списка Интервал, а затем в счетчик, расположенный справа от этого списка, вводится числовое значение выбранного типа интервала. Здесь же пользователь может изменить или добавить смещение текста вверх или вниз на введенное в счетчик числовое значение, добавить или удалить кернинг. Кернинг – это уменьшение интервалов между некоторыми парами знаков. При кернинге знаки в словах кажутся распределенными более равномерно. Здесь же пользователь может изменить масштаб отображения шрифта.   3. Анимация - с помощью этой вкладки, пользователь может добавить к выделенному объекту эффект анимации, который выбирается из приведённого списка.   В нижней части диалогового окна Шрифт имеется окно образца, в котором отображаются все изменения, проводимые пользователем над выделенным фрагментом текста. Экранная кнопка По умолчанию применяется для того, чтобы при следующем запуске текстового редактора Microsoft Word, автоматически устанавливались выбранные характеристики шрифта. Если все установленные пользователем характеристики шрифта его удовлетворяют, то для их применения к выделенному фрагменту текста, необходимо в диалоговом окне Шрифт нажать экранную кнопку ОК, в противном случае – экранную кнопку Отмена.

 

 

 

 

3.4 Форматирование  страниц 

Очень часто пользователю требуется изменять поля или формат листа (например А3 или А4). Любое изменение характеристик листа или страницы называется форматированием страниц. Форматирование страниц производится с помощью диалогового окна Параметры страницы, которое вызывается двойным щелчком по затемненным участкам масштабной линейки, или выбором команды Параметры страницы из пункта меню Фаил.

Форматирование страниц  включает в себя:

  1.Изменение верхнего, нижнего, левого и правого полей листа; 
  2.Изменение отступа от края до края колонтитула; 

  3.Изменение формата  бумаги;

  4.Изменение ориентации  страницы;

  5. Выбор источника  бумаги;

  6. Изменение вертикального  выравнивания текста на странице;

  7. Добавление нумерации  строк;               

  8. Изменение параметров  разделов и колонтитулов .                             

  Рассмотрим более подробно элементы диалогового окна Параметры страницы: 
  Диалоговое окно Параметры страницы имеет четыре вкладки: 
  1. Поля – позволяет, вводом в соответствующие счетчики, установить поля листа в сантиметрах, указать толщину переплета (если это необходимо), и установить отступ от края до верхнего и нижнего колонтитулов. Раскрывающийся список Применить позволяет указать пользователю, к какой части документа будут применены введенные параметры (ко всему документу, до конца документа, к выделенному фрагменту и т.д.). Команда Зеркальные поля позволяет изменить левое и правое поле так, чтобы при печати на обеих сторонах листа внешние и внутренние поля страниц, образующих разворот, имели одинаковую ширину. 
  2. Размер бумаги – позволяет из раскрывающегося списка Размер бумаги выбрать один из приведенных стандартных размеров бумаги, если же ни один формат бумаги пользователя не удовлетворяет, то он может вручную указать ширину и высоту листа, вводом в соответствующие счетчики числовых значений ширины и высоты листа в сантиметрах. Здесь же производится выбор ориентации страницы. Возможны два варианта ориентации: книжная и альбомная.  

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

  4. Макет – позволяет из раскрывающегося списка выбрать часть документа, с которого следует начать новый раздел, различать колонтитулы для четных и нечетных страниц, первой и последующих страниц, изменять вертикальное выравнивание текста на странице. Возможны несколько вариантов вертикального выравнивания: по верхнему краю, по центру и по высоте. Здесь же пользователь может пронумеровать строки в документе, нажав экранную кнопку Нумерация строк, а также установить обрамление страницы нажатием экранной кнопки Границы.

  Диалоговое окно Параметры страницы также имеет Окно образца, в котором пользователь может наблюдать за производимыми изменениями. Экранная кнопка По умолчанию предназначена для того, чтобы при создании нового документа автоматически устанавливались введенные параметры страницы.  

Если установленные параметры  страницы полностью удовлетворяют  пользователя, то для их применения следует нажать экранную кнопку ОК, иначе – Отмена.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.5 Создание  таблиц в текстовом редакторе Microsoft Word

Таблица прямоугольная  область экрана, упорядочивающая  данные в виде строк и столбцов. Каждый элемент таблицы, который  называется ячейкой, не зависит от других элементов. Вы сможете построить  таблицу с произвольным количеством  строк и столбцов. К тому же вы всегда сможете изменить размер и  форматирование каждой ячейки. Ячейка таблицы может содержать текст, рисунок и вообще все, что может  содержать документ Word. Единственное исключение - в ячейке не может заключаться  другая таблица.

Чтобы вставить новую  пустую таблицу в любое место  своего документа, необходимо выполнить следующее.

1. Установите курсор  в то место документа, куда  вы хотите вставить таблицу;

2. Выберите меню  Таблица -> Добавить -> Таблицу.  Появится диалоговое окно Вставка таблицы;

3. В текстовых  полях Число столбцов и Число  строк, введите количество строк и столбцов будущей таблицы;

4. В текстовом  поле Ширина столбца выберите нужную ширину столбца;

5. Щелкните на  кнопке ОК. В документе появится  пустая таблица, в первой ячейке  которой будет находиться курсор.

Когда курсор находится  в ячейке таблицы, можно вводить  и редактировать текст так  же, как и в обычном документе. Текст, введенный в ячейку, автоматически  разбивается на строки, когда его  длина превышает ширину столбца. Можно переместить курсор в любую  ячейку таблицы, щелкнув на ней мышью.

После того как создали  таблицу и внесли в нее данные, можно редактировать ее содержимое и форматировать внешний вид по своему усмотрению.

Можно очистить ячейку таблицы, удалив ее содержимое. К тому же всегда можно удалить целые  строки и столбцы. Когда это будет выполнено, столбцы, которые находились правее удаленных, и строки, которые находились ниже удаленных, автоматически займут их место.

Чтобы удалить содержимое ячейки, необходимо выделить ее и нажмите клавишу <Delete>.

Чтобы объединить ячейки таблицы нужно выделить соответствующие ячейки, щелкнув правой кнопкой мыши и выбрав команду Объединить ячейки.

Чтобы выбрать способ выравнивания текста в ячейке необходимо щелкнуть на ней правой кнопкой мыши, выбрать команду выравнивание и соответствующий способ выравнивания.

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

1. Установить курсор в любую ячейку строки или столбца, который собираетесь удалить.

2. Выбрать команду Таблица -> Удалить -> Ячейки. Появится диалоговое окно Удаление ячеек.

3. Выбрать Удалить всю строку или Удалить весь столбец.

4. Щелкнуть на кнопке ОК. Строка или столбец будут удалены.

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

1. Установить курсор в ячейку, слева от которой  нужно вставить новый столбец или выше которой - новую строку.

2. Выбрать команду Таблица -> Вставить -> Столбцы, чтобы вставить новый пустой столбец слева от выделенного. Необходимо выбрать команду Таблица -> Вставить -> Строки, чтобы вставить новую чистую строку выше выделенной.

Чтобы скопировать  или переместить всю строку или весь столбец из одного места таблицы в другое, необходимо сделать следующее:

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

2. Для копирования  необходимо нажать <Ctrl+ C> или щелкнуть на кнопке Копировать стандартной панели инструментов. Для перемещения нажмите клавиши <Ctrl+ X> или щелкнуть на кнопке Вырезать стандартной панели инструментов.

3. Установить курсор в новую позицию столбца или строки. Столбец или строка будет вставлен левее или выше позиции курсора.

4. Нажать клавиши  <Ctrl+ V> или щелкнуть на кнопке Вставить стандартной панели инструментов.

Чтобы быстро изменить ширину столбца с помощью мыши, необходимо выполните следующее:

1. Установит. указатель мыши на правую границу столбца, ширину которого нужно изменить. Указатель превратится в двунаправленную стрелку.

2. Перетащить край столбца для изменения его ширины. Можно использовать диалоговое окно для изменения ширины столбца.

По умолчанию  граница таблицы Word - это одинарная  тонкая линия вокруг каждой ячейки таблицы. При необходимости можно изменить границы и даже удалить их.

Необходимо:

1. Выделить ячейки таблицы, границы которых нежно изменить.

2. Выбрать команду Формат Границы и заливка для открытия диалогового окна Границы и заливка. Если нужно, щелкнуть на вкладке Граница.

3. Выбрать тот вид границы, который нужен, используя область Образец для просмотра таблицы с выбранными параметрами.

4. Щелкнуть на кнопке ОК.

 

 

 

 

 

 

 

 

 

 

 

4. Создание сайта «Текстовые процессоры»

4.1 Характеристика сайта «Текстовые процессоры»

Сайт «Текстовые процессоры» состоит из 5 web-страниц. Каждая страница состоит из шапки, меню навигации, области для просмотра информации.

1.Шапка сайта  содержит название сайта.

2.Под шапкой располагается  меню навигации, представляющее  собой список гиперссылок, с  помощью которых мы можем переходить  на другие web-страницы.

3.Под гиперссылками  располагается область информации. В ней представлена информация  о сайте.

Ко всем страницам  сайта применено следующее оформление:

1. Цвет текста  – чёрный,

2. Цвет фона –  серый,

3. Цвет гиперссылок  – розовый,

4. Цвет заголовка – белый,

Изображения подобраны  к информации.

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

 

 

 

 

4.2 Описание HTML программы  Web-страницы сайта                           «Текстовые процессоры»

Web - сайт создан при помощи языка HTML.

HTML - это гипертекстовый язык, кодированная информация во всемирной паутине, был создан для того, что бы помещаемые в Сеть документы не зависели от этих различий   и могли создаваться и обрабатываться на разных программно-аппаратных платформах.

Технология языка  заключается в том, что HTML позволяет формировать на странице сайта текстовые блоки, включать в них изображения, организовывать таблицы, управлять отображением цвета документа и текста, добавлять в дизайн сайта звуковое сопровождение, организовывать гиперссылки с контекстным переходом в другие разделы сервера или обращаться к иным ресурсам Сети и компоновать все эти элементы между собой. Файлы, содержащие гипертекстовый код, имеют расширение .htm или .html.

HTML программа любой web-страницы сайта «Текстовые процессоры» начинается тегом  <HTML> и заканчивается </HTML>. Между данными тегами располагается 2 части программы:

1. Заголовок описывается между тэгами  <HEAD> и </HEAD>, между данными тэгами находятся тэги <TITLE> и </TITLE>  которые предназначены для ввода информации которая будет отображаться в заголовке окна браузера.
2. Тело -  тэги <BODY> и </BODY> они необходимы для размещения информации, которую будет содержать web-страницы. Между ними располагается таблица, которая описывается тэгами <TABLE> и </TABLE>. Данная таблица состоит из 4 строк, каждая из которых задаётся тэгами <TR> и  </TR>, в первой строке находиться название