Сибирский государственный университет путей сообщения
Практика Глобальная сеть ИнтернетРабота 3. Создание Html - документов

РАБОТА 3. СОЗДАНИЕ HTML-ДОКУМЕНТОВ

КРАТКАЯ СПРАВКА

Текстовые процессоры - инструменты для создания HTML-документов

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

В настоящее время в состав каждого из трех основных текстовых процессоров - Corel WordPerfect 7, Word Pro 97 компании Lotus и Microsoft Word 97 - входят инструменты для создания Web-страниц.

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

Есть и недостатки. Некоторые характерные для Интернет понятия и функции остаются за пределами возможностей текстовых процессоров, например ни одна из этих программ не работает с кадрами. А поскольку HTML - не "родной" язык текстовых процессоров, все элементы документа должны подвергаться процедуре преобразования. Обычно такие детали, как рамки таблиц и некоторые текстовые расширения, не удается преобразовать должным образом. Кроме того, ни одна из программ текстовых процессоров не обеспечивает возможности разбиения длинного документа на несколько HTML-страниц на основе указанных пользователем признаков, таких, как границы глав и разделов или стили заголовков. Вместо этого документ экспортируется как одна длинная HTML-страница. С помощью любого из текстовых процессоров можно преобразовать документ, подготовленный в его среде, в однуединственную HTML-страницу.

Создание шаблона HTML-документа и заполнение его информацией

Для создания HTML-документов в текстовом процессоре Word должны быть соответствующие инструменты. Для проверки этого выполните команду Файл, Создать. Если в появившемся окне есть вкладка Web-страницы, то эти инструменты у вас есть. Если этой вкладки нет, то надо переустановить MicrosoftOffice в режиме Выборочно (Custom), добавив "галочку" в строку Создание HTML. Причем надо полностью удалить MicrosoftOffice, а потом установить его с добавлением инструментов Создание HTML. При переустановке с использованием пункта Добавить/Удалить эти инструменты в программы MicrosoftOffice обычно не устанавливаются.

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

Вставка в документ "бегущей строки", графического объекта и гиперссылок

Размеры бегущей строки можно менять, как и размеры любого объекта Windows. Вставку в документ рисунка из файла можно выполнять тремя способами:

  • выполнив команду Вставка, Рисунок, Из файла, выбирать файл с подходящим рисунком из каталога Clipart;

  • нажав правую кнопку мыши и открыв пункт Рисунок, выбирать файл с подходящим рисунком из каталога Clipart;

  • нажав на значок рисунка в левой нижней части окна, после чего выбирать файл с подходящим рисунком из каталога Clipart.

    Вставить рисунок с его предварительным просмотром можно командой Вставка, Рисунок, Картинки.                            

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

  • поставьте курсор в ту часть текста, куда надо перейти по гиперссылке;

  • выполните команду Вставка, Закладка;

  • в строке Имя закладки введите сочетание символов, например Закл1           

  • переведите курсор в ту часть текста, где будет гиперссылка;

  • напишите название гиперссылки;                                          

  • выделите это название;                                                    

  • выполните команду Вставка, Гиперссылка;                                

  • щелкните по кнопке <Обзор> напротив поля "Имя объекта в документе";       

  • выберите имя закладки Закл1, щелкните по кнопке <ОК>, затем снова щелкните

    <ОК> - гиперссылка готова.

    ЗАДАНИЕ

    1. Создайте личную основную страницу.

    2. Замените данные шаблона нужной вам информацией.

    3. Вставьте в документ "бегущую строку".

    4. Вставьте в документ графический объект. .

    5. Вставьте в Документ гиперссылку на текстовый файл, находящийся на винчестере.

    6. Вставьте в документ гиперссылку Дата создания.

    ТЕХНОЛОГИЯ РАБОТЫ

    1. Создайте личную основную страницу. Для этого:

  • откройте программу MicrosoftWord 97;

  • откройте пункт меню Файл;

  • откройте пункт меню Создать;

  • откройте вкладку Web-страницы;

  • выделите значок Мастер Web-страниц и щелкните по кнопке <ОК>;

  • выберите пункт Личная основная страница и щелкните по кнопке <Далее>;

  • выберите любой стиль из предложенных и щелкните по кнопке <Готово>.

    2. Просмотрите полученную страницу и введите в нее необходимую информацию, заменив данные шаблона. Для этого:

  • вместо Вставьте заголовок напишите Моя первая Web-страница,

  • вместо подзаголовка вставьте свою фамилию, имя, отчество;

  • в разделе Сведения о работе сотрите строки Введите текст и вместо них введите информативные данные;

  • если вы учитесь, замените весь раздел Сведения о работе информацией об учебном заведении. В этом случае выделите название гиперссылки Сведения о работе в оглавлении и напишите Сведения об учебе;

  • аналогично удалив ненужные, введите новые пункты в разделе Мои контакты.

    3. Вставьте в документ "бегущую строку". Для этого:

  • вставьте пустую строку между заголовком и подзаголовком страницы (подведя курсор к концу заголовка и нажав клавишу <Enter>);

  • откройте пункт меню Вставка;

  • выберите пункт Бегущая строка;

  • настройте параметры "бегущей строки" и щелкните по кнопке <ОК>.

    4. Для того чтобы вставить на страницу графический объект, выполните следующие действия:

  • вставьте пустую строку после подзаголовка страницы;

  • откройте пункт меню Вставка;

  • выберите пункт Рисунок и далее либо Картинки, либо Из файла (в зависимости от того, что вы хотите вставлять - рисунок из коллекции программы Word или имеющиеся у вас графические файлы);

  • вставьте на место пустой строки выбранный вами графический объект.

    5. Для того чтобы вставить на страницу гиперссылку на файл:

  • установите курсор на тексте Вставьте гиперссылку в подразделе Список гиперссылок;                     

  • сотрите текст Вставьте гиперссылку, оставив курсор в этой строке;

  • выполните команду Вставка, Гиперссылка;

  • для выбора имени файла, на который можно переходить по гиперссылке, щелкните по кнопке <Обзор> рядом с полем "Связать с файлом/URL";

  • выберите созданный ранее вами текстовый файл и щелкните по кнопке <ОК>;

  • проверьте работу гиперссылки, щелкнув по ней, - на экране должен открыться текст вашего файла;

  • закройте этот файл.

    6. Используя материалы Краткой справки, создайте гиперссылку Дата создания, указывающую на слова Дата создания в конце страницы.

    Просмотрите созданный вами HTML-документ, выполнив команду Файл, Просмотр Web-страницы. HTML-документ готов! Далее вы можете уже самостоятельно ее украшать и изменять и даже поместить на один из серверов, где под такие страницы выделяют место.

  •