Web-сайт кафедры. Опыт создания и применения: Учебно-методическое пособие

В.Г.Мальцев



Кафедра физического воспитания

ОПЫТ СОЗДАНИЯ И ПРИМЕНЕНИЯ

Норильск 2006 1

Федеральное агентство по образованию Государственное образовательное учреждение высшего профессионального образования «Норильский индустриальный институт»

В.Г. Мальцев

WEB-САЙТ КАФЕДРЫ. Опыт создания и применения Учебно-методическое пособие

Норильск 2006

2

УДК 32.988я73+74.58(253.51)я73 ББК 681.3(075.8) М – 21 Мальцев, В.Г. Web-сайт кафедры. Опыт создания и применения [Текст]: учебно-метод. пособие / В.Г. Мальцев; Норильский индустр. ин-т. – Норильск, 2006. – 81 c. ISBN 5–89009–306–1 В пособии рассматриваются принципы построения и возможности реализации Web-страниц для научно-педагогической и учебной работы в информационно-образовательной среде на примере кафедры. Предлагаются рекомендации, практические советы и методика самостоятельного формирования Web-страниц электронного учебно-методического обеспечения. Утверждено редакционно-издательским советом института в качестве учебно-методического пособия Рецензент ы : В.А. Мыльников, к.т.н., доцент кафедры информационных систем и технологий ГОУВПО «Норильский индустриальный институт» Л.В. Лосева, к.п.н., директор филиала ГОУВПО «КГПУ им. В.П. Астафьева», г. Норильск;

ISBN 5–89009–306–1

Мальцев В.Г., 2006 ГОУВПО «Норильский индустриальный институт», 2006

3

ОГЛАВЛЕНИЕ Введение …………………………………………………………….. 5 1. Необходимые условия создания электронного учебно-методического обеспечения дисциплины ……. 6 2. Цели и задачи сайта кафедры …………………………….. 9 3. Конфигурация компьютера и программного обеспечения для создания сайта …………………………. 10 4. Необходимое программное обеспечение для создания Web-страниц ………………………………… 12 5. Возможности при работе с программным обеспечением …………………………………………………. 14 6. Практические рекомендации по созданию Web-страниц и Web-сайта ………………………………….. 18 7. Механизм построения рабочей области Web-узла …… 19 7.1. Последовательность построения Web-страниц. Особенности технологии образования Web-страниц. ……………………………………………... 20 7.2. Создание шаблона. Проект. Эскиз. Разметка рабочего поля будущей Web-страницы …. 21 7.3. Алгоритм действий для проведения тестирования Web-узла ………………………………………………….. 28 7.4. Последовательность действий при формировании Web-страниц и основного Web-узла ………………….. 37 7.5. Оформление оглавления и основной Web-страницы ……………………………………………. 40 8. Нахождение файла по наличию адресной строки ………………………………………………. 46 9. Примеры предварительной подготовки страницы «Оглавления» для применения гиперссылок …………. 50 10. Особенности написания электронных изданий в редакторе Word с последующим преобразованием на язык HTML ………………………………………………….. 56

4

11. Часто задаваемые вопросы ……………………………….. 57 12. Практическое преобразование документов из MS Word в Web-страницу ………………………………. 61 13. Создание «Кнопок», гиперссылок ………………………… 67 14. Формирование каталога Web-узла ……………………….. 70 15. Особенности применения больших информационных блоков, баз данных, отдельных программ ……………. 70 16. Место сайта кафедры в учебно-методическом комплексе ………………………………………………………. 71 17. Перспективы развития Web-сайта и принципы интеграции его во внутренние и внешние информационные сети ……………………………………… 72 Заключение …………………………………………………………. 74 Словарь терминов ………………………………………………… 74 Библиографический список ……………………………………. 80

5

ВВЕДЕНИЕ На заре человечества счѐт чисел от нуля до десяти, появление формул, законов, определяющих своѐ бесспорное назначение, используемое по всему миру, являлись революционным шагом в области информационных технологий. Появление настольного электронного калькулятора, первой ЭВМ произошло совсем недавно, в прошлом веке. В процессе развития информационных технологий человечество всегда стремилось создать закономерность происходящих явлений, событий в обществе, выявить наиболее целесообразные применения этих законов. Для этого требовались знания математики, экономики, исторические закономерности общества в целом. Объединить эти информационные потоки человечеству было не под силу. На данном этапе информационные технологии резко и качественно изменились. Только они могут совместить эти закономерности и помочь выявить недостающие звенья для определяющих решений, создавать базы данных, которые могут обеспечить наличие всех компонентов, расчѐтов, помочь распределить усилия общества для решения макроэкономических программ. Электронные программы WORD и EXCEL, которые выдержали жесткую конкуренцию среди подобных им программ, доступны сейчас простому школьнику. Наличие и содержание программного обеспечения на современном этапе даѐт нам возможность создавать информационные блоки, обучающие программы в электронном виде, применять интерактивные технологии в учебном процессе. Сейчас, когда персональный компьютер стал неотъемлемой частью учебного процесса в вузе, появилась необходимость в широком использовании компьютерных технологий на кафедре.

6

1. НЕОБХОДИМЫЕ УСЛОВИЯ СОЗДАНИЯ ЭЛЕКТРОННОГО УЧЕБНО-МЕТОДИЧЕСКОГО ОБЕСПЕЧЕНИЯ ДИСЦИПЛИНЫ Компьютер – надежный помощник в повседневной жизни и работе. Почему же мы, преподаватели, не используем его достаточно эффективно в своей работе? Чтобы найти адрес студента, достаѐм журнал, ищем списки, а чтобы составить ведомость на проведение экзаменов, зачѐтов, заявку на проведение олимпиады, конкурса, соревнований, вынуждены использовать кипу учебных журналов, в которых, как всегда, нет в наличии тех данных, которые Вам необходимы для работы? А если подсчитать тот объѐм научного и методического материала, который обрабатывается в процессе подготовки методической разработки или научной работы, суммировать эти затраты и подсчитать общую сумму потраченного времени всеми преподавателями института в течение учебного года, то окажется, что тратим мы на это до 75% общего времени. Конечно, современные программы, обрабатывающие Базу данных, нужны, а предоставляемые разработчиками программы значительно отстают от ресурсных возможностей современных компьютеров. Как быть? Если ждать, когда появятся эти программы, то мы теряем время и возможности. Если создавать и применять такие программы самостоятельно, то можно уже сегодня, используя накопленный опыт, увеличивать производительность в 5–6 раз. Какие программы, их возможности и совместимость, а также последовательность выполненных операций в них смогут оказаться нашими надѐжными и незаменимыми помощниками? Рассмотрим эти вопросы. Для этого необходимо использовать программы, совмещающие в себе: работу с необходимыми Базами данных; возможность использования учебной программы, электронной библиотеки, Интернет-магазина, обучающих программ, энциклопедий; тестирование студентов; выполнение домашних заданий, контрольных работ, рефератов;

7

разработку и проведение научных работ, конференций, диспутов, форумов; информационный материал; переписку преподавателей по учебной и научной работе с вузами РФ и СНГ; переписку студентов по интересующим темам в процессе учѐбы; доступ к сайтам по учебной и научной работе с вузами РФ и СНГ; консультации по учебной и научной работе с вузами РФ и СНГ и т.д. Весь этот материал находится в различных документах: Положении Министерства, отдельных научных трудах, методических разработках, рекомендациях, руководствах, дополнениях, приложениях. Чтобы систематизировать весь этот учебный материал, эффективно его применять, необходимо его собрать, расставив необходимые «акценты» на наиболее важных пунктах учебной программы. Под силу ли это преподавателю кафедры? Наверно, нет. Но при наличии электронной информационной базы данных, библиотек, энциклопедий многие проблемы решаются на более высоком уровне. Совместимость и многозадачность этих программ предусмотрена разработчиками программ на каждом отдельно взятом компьютере. Для этого достаточно собрать материал, классифицировать его, разбить по файлам и папкам, сделать оглавление, поисковую систему, добавить гиперссылки и система будет работать. А как же быть, если пользователей много, у каждого из них свои вопросы, а компьютер один? И эта проблема разрешима. Для этого создали программы–браузеры, которые могут одновременно на нескольких компьютерах работать одновременно с одним или несколькими серверами, расположенными на разных рабочих станцияхсерверах со многими тысячами пользователей одновременно, не дожидаясь очереди запросов и ответов, работать практически мгновенно, добросовестно, качественно. Автоматически соединять пользователей по интересам запросов, работать в режиме диалога как умный и хорошо обученный собеседник. Так, кто же он такой?

8

Ответить на вопрос о наличии такой программы можно утвердительно. Такая система существует и называется Интернет. Стандарты разработок Web-страниц предусматривают ряд заранее оговоренных правил, которых необходимо придерживаться при их создании. Эти знания помогут Вам сформировать интерактивные Web-узлы из созданных Вами баз на Ваших персональных компьютерах для общего доступа. После этих преобразований они примут вид стандартных Web-страниц и смогут успешно применяться на любом Web-сервере. Интернет (World Wide Web (WWW) в переводе на русский язык дословно обозначает «Всемирная паутина») – состоит из информационных текстовых страниц, графиков, рисунков и т.д. Раньше Web-страница включала в себя несколько заголовков, фрагментов текста, картинок, гиперссылок и требовала от программиста значительных усилий. С развитием HTML-редакторов, графических редакторов, интегрированием в WORD такого HTML-редактора, как Front Page и других средств, это стало доступно каждому. Web-страница – это странная смесь дизайна и программирования. Чем более артистичной и интерактивной вы хотите сделать страницу, тем больше технологий необходимо использовать. Дизайн современной Web-страницы – это захватывающее зрелище, использующее все возможности мультимедиа для привлечения внимания пользователей. Универсального средства изготовления Web-страницы нет. Разрозненные программы, применѐнные в определѐнной последовательности, помогают нам создать конечный результат – Web-страницу. Существующий ныне стандарт форматирования данных посредством кода HTML приобрѐл более доступные формы формирования Web-страниц. Интегрирование программы Front Page в среду Office даѐт нам возможность использовать блочный принцип построения Web-страниц, автоматически подставляя HTML-коды в предлагаемые Вами информационные блоки. Существующая внутренняя программа отладки даѐт возможность протестировать соз-

9

даваемые Web-страницы. Это настоящая фабрика выпуска Web-страниц. Изначально был только код HTML. Затем появились редакторы, адаптирующие этот код в доступную блочную архитектуру для создания Web-страниц. Наиболее удачным оказался проект программы Front Page, интегрированной в пакет Office. Начиная с Windows 2000 г., его начали применять как интегрированную программу к Office, включающую в себя Word, Excel, Front Page. В связи с этим появилась прекрасная возможность разрабатывать Web-страницы, используя интерактивную, визуальную гипертекстовую разметку. Front Page берѐт на себя инструмент гипертекстовой разметки. Множество встроенных в него сервисных возможностей позволяют красиво и грамотно оформлять Web-страницы, использовать уже готовые шаблоны всевозможных кнопок, баннеры, пользоваться «обоями», форматированием разрабатываемых страниц, использовать тестирование разрабатываемого материала, не выходя из программы. На современном этапе создание Web-узла даѐт возможность пользователю использования необходимой информации и правильного применения на практике приобретѐнных знаний, ориентироваться в вопросах самоподготовки. Культура, дизайн, качество выполненных Webстраниц воспитывают в пользователе чувство прекрасного, стремление к познаниям, совершенствованию, формированию гармонично развитой личности в процессе занятий спортом. 2. ЦЕЛИ И ЗАДАЧИ САЙТА КАФЕДРЫ Цели создания сайта кафедры заключаются в том, чтобы создать базу данных учащихся, на основании которой можно создавать индивидуальный план студентов, корректировать перспективное планирование учебного материала, улучшать современную научную базу, выявлять наиболее важные учебные моменты в учебном процессе. Можно также использовать при тестировании учащихся, при дистанционной форме обучения.

10

Задачи создания сайта заключаются в реализации заложенной базы данных и научных программ, в обобщении накопленного опыта, переписке с другими учебными заведениями РФ и СНГ и создаваемых научных формах (симпозиумах) в режиме On line. Рассмотрим вышеизложенное на примере сайта кафедры физического воспитания. 1. Организация воспитательного и учебного процесса: воспитание культуры общения с используемым материалом; формирование мировоззрения; использование теоретических основ для создания базовых знаний и их применение в практических занятиях; использование рефератов и учебных пособий; выполнение домашних занятий, самоподготовка, разработка индивидуальных планов; использование перспективного планирования, интерактивного материала, базы данных в виде научных разработок, проектов, энциклопедий, библиотек. 2. Использование справочного материала: по правилам соревнования; разметке спортивных площадок; жестам судей; технике безопасности; информационных блоков, отчетов о проведѐнных спортивно-массовых мероприятиях. 3. Переписка с другими учебными заведениями о сотрудничестве, учебной и научной деятельности. 4. Проведение форумов по интересующим темам. 3. КОНФИГУРАЦИЯ КОМПЬЮТЕРА И ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ДЛЯ СОЗДАНИЯ САЙТА Для предстоящей работы определяем параметры персонального компьютера. Требования к конфигурации компьютера самые минимальные. Желательно иметь не ниже Пентиум-3, ОЗУ 128 Мб. Почему же мы выбираем исходную точку с такими требованиями? Дело в том, что все вер-

11

сии OS «Windows», начиная с 2000 г., рассчитывались изначально на нижний предел возможностей от Pentium III с тактовой частотой от 200 Mhz и выше. Так же разрабатывалось и всѐ программное обеспечение, которое обладает соответствующим быстродействием, совместимостью как по системным требованиям, так по прикладным программам, с которыми нам предстоит работать. Программное обеспечение Office, начиная с 2000 г., включило в свои разработки такие интегрированные программы, как Front Page, Internet Explorer, чего раньше не было. В связи с этим появилась прекрасная возможность использовать информационные блоки, используя блочную структуру построения Web-страниц. Форматирование и кнопки, разметка страниц и компоновка графических изображений, изготовление таблиц, создание фона с последующим тестированием и отладкой проделанной работы – лишь не полный перечень возможностей, которые предоставляет эта программа. «Ты лети-лети, лепесток, через запад на восток…». Если стеблем этого цветка считать Операционную систему, а лепестками его прикладные программы, такие как Word, Excel, Блокнот, Front Page, Internet Explorer, Corel Draw, Photo Shop, то «летящим лепестком» можно назвать созданные Web-страницы Интернета, которыми обмениваются между собой пользователи всего мира. Это учебное пособие задумано как практическое руководство на базе накопленного опыта в процессе работы над выпуском Web-страниц. В нем разработаны блочные варианты изготовления сайта, которые успешно применяются на практике. Они просты и доступны. Применяя эти методы, можно сократить время изготовления сайта в 2–3 раза и свести количество ошибок до минимума. Мы будем очень рады, если это руководство поможет Вам в создании Вашей первой Web-страницы поможет сделать самый трудный первый шаг, за которым последуют уверенность, желание применять задуманное на практике в учебном процессе кафедры. Последовательное освоение всех приѐмов превосходит возможности обычного человека. Особенно, если для

12

изучения доступны лишь абстрактные технические описания и сухие руководства пользователя. Руководство поможет практически освоить возможности редактора HTML–программу Front Page на приведѐнных примерах, используя метод «Параллельного переноса». В данной программе можно найти много конкретных примеров, демонстраций и приѐмов работы. Знание языка HTML в совокупности с другими программными продуктами Microsoft (MS) позволяет нам решить непростые задачи обучения в НИИ, наполнив учебную программу, практически любое информационное поле, которое Вы разрабатываете, энциклопедическими знаниями. С чего начинается «компьютерное образование»? В какой последовательности необходимо подойти к освоению этой непростой задачи? Начнѐм с компьютерной грамотности. Прежде чем перейти к работе с этими программами, необходимо определиться с их возможностями, ресурсами компьютера и Вашим опытом и умением. 4. НЕОБХОДИМОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦ На первом этапе компьютерной грамотности необходимо изучить несколько программ Microsoft: 1. Windows. 2. Word. 3. Exсel. 4. Front Page. 5. Photo Shop. 6. Язык HTML. 7. Блокнот. Добавим к этим основным программам и прикладные, такие как: 1. Англо-русский, русско-английский переводчик. 2. Обучающие программы: Windows; Word;

13

Exсel; Front Page; Photo Shop; Язык HTML; Блокнот. Из всех этих программ общим пакетом Office предоставлены программы: Word; Exсel; Front Page; Блокнот; Internet Explorer. Интегрированными программами в пакете Office являются: Front Page; Блокнот; Internet Explorer. Совместимость этих программ со всем пакетом Office даѐт нам возможность гибкой интеграции в использовании многомерных возможностей работы с цветовым оформлением, разметкой, графикой, таблицами, объѐмным изображением, мультипликацией, звуковыми эффектами. Перечисленные программы обязательны для разработки, проектирования, отладки Web-страниц и Web-узлов. Чтобы эффективно и грамотно пользоваться возможностями Windows, пакетом программ Office, рассмотрим, какие бывают обучающие программы как на самом компьютере (Help, помощь), так и в виде обучающих программ в книжных форматах. Учебники к данным программам бывают нескольких видов: 1. Пособия, учебники–книжные издания. Как правило, они опаздывают с публикациями. Интерфейс и возможности некоторых программ предыдущих версий подходят для более поздних изданий. Принципиальные возможности этих программ из версии в версию практически не меняются. Добавляются возможности интегрированных программ. Это такие программы, как: Word; Excel;

14

Язык HTML; Блокнот; Internet Explorer. Обучающие программы этих продуктов (MS) можно приобретать и в книжных изданиях. То же самое относится и к электронным интерактивным обучающим программам. 2. Электронные интерактивные обучающие программы. Они наиболее полно отражают возможности и особенности предлагаемых программ. Они бывают изданы «пакетом», включающим в себя несколько программ, а так же отдельно. Программы содержат интерактивный показ учебного материала в виде видеороликов, которые обучают по всем пунктам программы. Сложности некоторых обучающих программ проявляются в том, что версии обучения – англоязычные и при объяснении пользователю, не владеющему английским языком, некоторые фразы и названия меню не всегда понятны. 5. ВОЗМОЖНОСТИ ПРИ РАБОТЕ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ Существует множество способов работы с программным обеспечением. Один из них приведен на рис. 1. Прежде чем перейти к обсуждению принципа построения Web-страниц, делаем небольшое отступление. Все вышеперечисленные программные продукты (MS) имеют так называемый «Дружественный интерфейс». Мы наблюдаем его в виде меню запускаемой программы при появлении «оболочки» самой программы, которая появляется после еѐ запуска на экране монитора. Набор меню в программах внешне похож между собой конфигурацией и стандартным ниспадающим меню в виде перечня функций и возможностей. Это и есть дружественный интерфейс. Функциональные кнопки находятся в ниспадающих меню. Они определяют изначальные установки. Некоторые из этих возможностей можно адаптировать, организовав необходимые и удобные для работы условия.

15

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

Рис. 1

Крайняя справа кнопка Оглавления меню текстового редактора Word – меню «Справка». В этой функции содержатся справочные данные по версии установленного продукта, есть возможность установить Помощника для работы с данной программой. Используя его в процессе работы, мы можем воспользоваться подсказкой, советом в затруднительных ситуациях.

16

В каждой отдельно взятой программе существует эта функция – «Помощь» или «Справка» (Help). Помимо этих вспомогательных программ существует «Помощь» в интегрированной среде самой операционной системы, которая помогает настроить оптимальные функции и параметры программ, установить между ними совместимость и быть адаптированными для пользователя. На рис. 2 представлено меню «Справка и поддержка» Операционной системы.

Рис. 2

Во всех этих программах есть возможность вернуться назад и отменить последние изменения и исправления. Это режим «Откат». Он обозначен стрелками ← → на Панели задач.

17

Программа «Справка и поддержка» Операционной системы помогает пользователю при установке и удалении программ, проверяет на совместимость как прикладные программы, так и устанавливаемое оборудование. Помогает пользователю в определении выбора при дальнейшей работе. Справка и поддержка операционной системы с устанавливаемыми программами, оборудованием. Если у Вас программа только на английском языке, но прекрасно работает, а на русском языке этой программы нет, то интегрированный англо-русский и русскоанглийский переводчик (издательство «Promt ИДДК») Вам поможет и переведѐт любой сложный текст. Эта программа приобретается отдельно. Переводчик работает в своей оболочке, совместимой для работы с Word, браузером Internet explorer. В работе с переводчиком очень много «плюсов»: помимо того, что, пользуясь английским интерфейсом, Вы лучше освоите иностранный язык, у Вас так же накопится словарный запас, который в дальнейшем позволит освоить новые версии программ в оригинале, не дожидаясь выхода русскоязычной версии. Оригинальные версии программ имеют полный набор функций и возможностей, меньше «зависают», не конфликтуют с программными продуктами (MS), чего не скажешь о русскоязычных версиях. При работе с Internet Explorer, работая с монографиями, где английский язык просто необходим, вам не потребуется заниматься этим отдельно и тратить на это дополнительное время. Интегрированный англо-русский, русско-английский переводчик одним нажатием клавиши мыши поможет в самую трудную минуту. Если у Вас русская версия программы и дружественный интерфейс, то, войдя в меню «Помощь», можно ознакомиться с возможностями и функциональными особенностями каждой отдельно взятой программы. При возможности распечатки «Помощи» на принтере можно распечатать необходимую для работы информацию, чтобы она всегда находилась под рукой.

18

6. ПРАКТИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО СОЗДАНИЮ WEB-СТРАНИЦ И WEB-САЙТА

ЛЕВАЯ ЧАСТЬ

Современные программисты утверждают, что фреймы на сегодня считаются устаревшим вариантом и нестильным. Если их использовать, то лучше не больше двух: либо верхний и основной, либо боковой и основной. Но не следует забывать, что фреймы, рассматриваемые нами как «сегменты», являются «классикой» в Web-программировании. Постигая еѐ премудрости, нам в дальнейшем будет легче освоить многоуровневые гиперссылки, многооконные интерфейсы при построении Web-страниц. Рассмотрим, как можно самому создать Web-узел. Создание Web-страницы необходимо начать с проекта. Наиболее простой и удобный ОГЛАВЛЕНИЕ проект – это наличие на главной странице следующих секторов: огЦЕНТРАЛЬНАЯ лавление, левая, нижняя и ценЧАСТЬ тральная части (рис. 3). Здесь приведѐн пример того, НИЖНЯЯ ЧАСТЬ как это происходит в HTML-редакРис. 3 торе, программе Front Page. При такой схеме построения путем практических навыков мы усваиваем принцип работы HTML-редактора, программы Front Page. Зная в дальнейшем об этих особенностях и владея этими закономерностями, появляется возможность использовать этот редактор в соответствии с принципами построения кодов HTML, используя «Блочный принцип» построения Web-узла. Итак, проект состоит из четырѐх частей. Сектор Оглавление находится в верхней части листа с заголовком и логотипом организации, структурного подразделения. Сектор Левой части – это страницы с указанными в виде списка, написанного в «столбик», главами содержания Web-страницы. Его мы будем использовать в виде гиперссылок на указанные темы.

19

Сектор Центральной части – это сектор с основной информацией контента по соответствующим пунктам. Сектор Нижней части – это сектор с указанием контактной информации, даты изготовления сайта, разработок, Web-адресов организаций и телефонов. На эскизе показаны все необходимые пункты, последовательность которых размещается в двух вариантах: 1. На одном общем листе, так, как всѐ это будет выглядеть на Вашей главной Web-странице (рис. 3). 2. На отдельных листах (рис. 4–7)находится сектор, который смещается в ту рабочую область листа, где он будет располагаться на главной странице. 7. МЕХАНИЗМ ПОСТРОЕНИЯ РАБОЧЕЙ ОБЛАСТИ WEB-УЗЛА

ЛЕВАЯ ЧАСТЬ

Механизм построения рабочей области Web-узла состоит из рабочих сегментов Web-страниц. Оглавление располагается в верхОГЛАВЛЕНИЕ ней части листа с заголовком и логотипом организации, структурного подразделения. Его мы будем использовать в виде гиперссылок на эти указанные темы (рис. 4). В левой части страницы наРис. 4 ходится содержание Web-страниц (рис. 5), которое мы будем использовать в виде гиперссылок на указанные темы. В центральной части располагаются списки руководителей и исполнителей проекта, направления Рис. 5 разработок, новости (рис. 6). Центральная часть является основным информационным окном, которое меняется при работе пользователя с гиперссылками левой части, которые затем вносятся для работы. Внешний вид гиперссылок можно спроектировать в виде кнопок с нанесением на них текста или заглавия темы (рис. 5).

20

В нижней части размещается сектор с указанием контактной информации, даты изготовления сайта, разработок, Web-адресов организаций и телефонов (рис. 7).

ЦЕНТРАЛЬНАЯ ЧАСТЬ НИЖНЯЯ ЧАСТЬ Рис. 7

Рис. 6

7.1. Последовательность построения Web-страниц. Особенности технологии образования Web-страниц Переходим к созданию Web-узла. В данном примере это четыре страницы (рис. 4–7), которые объединены в одной общей главной странице (рис. 3). Front Page в создаваемом Web-узле объединяет эту страницу из рабочих сегментов (рис. 4–7), в которых создаѐтся предварительная обработка (разметка). Она состоит из разметки (форматирования) рабочих сегментов (областей), в которых устанавливаем необходимую информацию. Не нужные для создаваемого Web-узла сегменты (части) используемых страниц при создании Web-узла просто не входят в разметку страниц и становятся нев идимыми. В данном примере видимые части закрашены другим цветом. Невидимые части не закрашены (рис. 4–7). На уровне программы Front Page эти установки выполняются автоматически. Эти сегменты «сшиваются» между собой только выделенными частями сегментов, образуя один общий лист – Web-узел. После создания Web-узла главная страница будет называться файл index.htm. Внешний вид его будет таким же, как на рис. 3. При запуске этого файла из диспетчера файлов автоматически запускается на выполнение установленная в компьютере программа Web-браузер, распознавания Web-узла, обработки Web-страниц. В данном примере это Internet explorer.

21

Размеченные таким образом Web-страницы складываются размеченными областями в главной странице, образуя один общий главный лист Web-узел. Блочное построение Web-узла – одно из основных достоинств редактора HTML–Front Page. Во Front Page есть функции установки масштаба – свойства масштабирования. При изменении рабочего поля экрана Internet explorer пропорции этих страниц сохраняются. 7.2. Создание шаблона. Проект. Эскиз. Разметка рабочего поля будущей Web-страницы Далее рассмотрим пример разметки главной, а также каждой отдельно взятой Web-страницы и размещения в ней графики, используя программу Front Page (рис. 8, табл. 1). Позиционное формирование гипертекстового Web-шаблона происходит за счѐт использования шаблона программы Front Page.

Рис. 8

22

Если предлагаемые стандартные шаблоны в редакторе HTML–Front Page не устраивают, то можно произвести разметку страницы по следующей схеме. Так как данный сайт создаѐтся с нуля, то наиболее подходящий вариант разметки страницы находится в меню «Шаблоны страниц». Запускаем программу Front Page. Курсор мыши наводим на строку «Файл» и выбираем строку «Создать». Появляется новое окно с панелью «Создание» в правой части редактора. Выбираем один из самых удобных вариантов разметки. При этом в правом нижнем углу появляется его образец. Затем выбираем «Страницы рамок» – «Колонтитулы и оглавление». Появляется новое окно с левой колонкой «Создание» в правой части (рис. 9, табл. 1). Выбираем пункт «Создать страницу» – «Другие шаблоны страниц». В появившейся рамке «Шаблоны страниц» выбираем «Страницы рамок» – «Колонтитулы и оглавление».

Рис. 9

23

Таблица 1 Формирование разметки Web-страницы и совместимости с другими программами № п/п

1 2 3 4 5

Названия сегментов по-русски english

Заголовок Левая колонка Перед Нижняя часть Общее поле

Совместимость FRONT PAGE HTML БЛОКНОТ

top left front bottom index

+ + + + +

+ + + + +

Образец разметки (рис. 9) внешне соответствует нашему проекту (рис. 3). Вверху появляется заголовок сайта и место для логотипа. Слева – размещение «Кнопки» выбора темы. Справа посредине – самое большое поле для прочтения интересующей темы. Внизу – контактная информация, дата создания сайта. Переходим к режиму сохранения этих выбранных функциональных блоков. Наводим курсор мыши на верхнюю часть разметки. Стандартно она называется «Заголовком», по-английски «top.html». Нажимаем левой клавишей мыши на иконке «Создать страницу». Появляется подсказка: «Выбор страницы для изображения в рамке». Появляется окно «Добавление гиперссылки». В строкеадресе пишем по-английски «top.html». Нажимаем клавишу «Enter» (ввод). Заранее необходимо знать, что, формируя разметку одной заглавной страницы, редактор HTML–Front Page, разбивая страницу на четыре части, автоматически создаѐт для них общую директорию, определяет и предлагает нам создать сегменты с названиями файлов (рис. 10). Наводим курсор мыши на левый сегмент на иконку «Создать страницу». В появившейся панели «Добавление гиперссылки» в адресной строке пишем по-английски «left.html». Так будет называться левый сегмент главной страницы (рис. 11). Редактор HTML–Front Page продолжает пошагово автоматически формировать созданную директорию. Все названия файлов, каталогов, графики заносим в эту ди-

24

ректорию только на английском языке, желательно не более семи знаков.

Рис. 10

Рис. 11

25

Дело в том, что затем версия Вашего сайта наверняка будет публиковаться на сервере ИВЦ в НИИ, а все серверы программно (по международному стандарту) установлены на распознавание названий файлов, директорий только в английской аббревиатуре. Более старые серверы и компьютеры пользователей, которые будут работать с этой информацией в Интернете, будут правильно читать и выдавать команды на исполнение. Зная об этом заранее, Вам не придѐтся исправлять названия файлов и заниматься отладкой гиперссылок во всѐм Web-пакете после публикации, подгоняя еѐ под международный стандарт. Наводим курсор мыши на Правый средний сегмент на иконку «Создать страницу». В появившейся панели «Добавление гиперссылки» в адресной строке пишем поанглийски «front.html». Так будет называться правый средний сегмент главной страницы (рис. 12). Записываем его в адресную строку. Редактор HTML–Front Page открывает сегменты для работы (выделенное белое поле top, left), маркируя их соответствующие названия в общую Web-папку. Продолжаем формировать страницы сегментов (рис. 13).

Рис. 12

26

Рис. 13

Образно говоря, главная страница выглядит из четырѐх отдельных листов бумаги, «раскроенных» определѐнным образом и «сшитых» в одной общей рамке. Называется эта рамка «Общее поле» – index.htm. В ней открываются все сегменты Web-узла для предстоящей работы (рис. 14). При правильно произведѐнной разметке любой пользователь этой Web-страницы увидит формы разметки так, как создаѐте его Вы – в реальных пропорциях на мониторе, без всяких искажений. Затем, чтобы записать название «общей папки», включающей в себя пять наименований, формируем создание Web-узла (рис. 15): top.html; left.html; front.html; bottom.html; index.htm.

27

Рис. 14

Рис. 15

28

Далее формируем Папку с файлами вновь созданного Web-узла, даем название папке Web-узла. Записываем строку нахождения этой директории на компьютере. После завершения процесса формирования Web-узла можно произвести его тестирование. Редактор HTML–Front Page также предлагает выбрать название самой папки. Таким же образом оформляем нижний сегмент «bottom.html». Правила записи те же: все названия файлов, каталогов, графики заносим в адресную строку только на английском языке, желательно не более семи знаков. Записываем название директории и запоминаем путь, по которому эта директория формируется. Желательно выбрать предлагаемый редактором HTML–Front Page путь без изменений. После отладки и корректировки всю директорию необходимо скопировать на дискету для тестирования на другом компьютере, а так же сделать копию для дальнейшей работы. Название общей директории Web-узла можно изменить на любое другое. Все названия файлов, каталогов, графики заносим в адресную строку только на английском языке, желательно не более семи знаков. 7.3. Алгоритм действий для проведения тестирования Web-узла Для тестирования Web-узла есть несколько вариантов: I. При отладке Web-страниц в редакторе HTML–Front Page – переключаем программу из режима «Конструктор» в режим «Просмотр». II. Используем браузер Internet Explorer. III. Используем внешнюю так называемую flash-память, подключая ее через USB-порт компьютера. При этом системные требования и программное обеспечение должно быть не ниже параметров, установленных на Вашем компьютере. IV. Используем дискету. Основные действия и последовательность работы с дискетой приведены ниже.

29

1. Приготовить пустую, заранее отформатированную дискету на 1,44 Мб. Если хотите использовать дискету с ненужной информацией, необходимо вставить еѐ в дисковод компьютера, навести курсор мыши на иконку «Мой компьютер» и щѐлкнуть левой клавишей мыши, тем самым вызвав к работе программу «Диспетчер файлов». Последовательность действий для подготовки дискеты к тестированию вновь изготовленного Web-узла: отформатировать дискету; найти адресную строку Web-узла с использованием ресурсов Вашего компьютера; скопировать Web-узел на дискету с примерами для отладки в браузере; устранить ошибки и скорректировать Web-страницы. 2. Наводим курсор мыши на строку «Диск 3,5(А)» и нажимаем правую клавишу мыши (рис. 16). В появившемся меню выбираем строку «Форматировать» и нажимаем левую клавишу мыши (рис. 17).

Рис. 16

30

Рис. 17

3. В открывающемся меню наводим курсор мыши на строку «Форматировать» и нажимаем левую клавишу мыши (рис. 18). 4. Наводим курсор мыши на клавишу «Начать» и нажимаем левую клавишу мыши (рис. 18).

Рис. 18

31

5. На появившемся предупреждении наводим курсор на клавишу «ОК», нажимаем левую клавишу мыши. Диспетчер файлов начинает форматировать дискету, уничтожая всю предыдущую информацию (рис. 19). Дискета готова для записи (рис. 20).

Рис. 19

Рис. 20

32

6. Находим созданную директорию Web-узла. В данном примере это I:\NAUKA201105\ \1myweb21115 7. Открываем эту директорию в «Диспетчере файлов». Для этого наводим курсор мыши на строку I:\NAUKA201105\. 8. В диспетчере файлов курсор мыши наводим на кнопку «Правка» и нажимаем левую клавишу мыши. 9. В появившемся ниспадающем меню ищем строку «Выделить всѐ» и нажимаем левую клавишу (рис. 21).

Рис. 21

10. Снова курсором мыши наводим на кнопку «Правка» и нажимаем левую клавишу мыши. 11. В появившемся ниспадающем меню ищем строку «Копировать» и нажимаем левую клавишу мыши (рис. 22). 12. Открываем новое окно «Диспетчера файлов». Для этого курсором мыши снова наводим на иконку «Мой компьютер» и нажимаем левую клавишу мыши. В появившемся окне «Диспетчера файлов» находим Дискету A:/открыть (рис. 23).

33

Рис. 22

Рис. 23

34

13. Наводим курсор мыши на «чистое» поле содержания дискеты и нажимаем правую клавишу мыши. 14. В появившемся меню наводим курсор мыши на строку «Вставить» (рис. 24).

Рис. 24

35

На нем имеется два окна диспетчера файлов. В верхнем окне располагается директория Web-узла с открытым списком всех находящихся в нѐм файлов. Эта директория находится на системном блоке Вашего компьютера. В нижнем окне Диспетчера файлов находится отформатированная и приготовленная для копирования дискета. С помощью предыдущих действий в буфер памяти компьютера был занесен список всех находящихся в нѐм файлов Web-узла с полной информацией о них (рис. 21–22). Начать копирование всех файлов директории из буфера памяти компьютера папки Web-узла с полной информацией о них, наводя курсор мыши на строку «Вставить» в нижнем окне «Диспетчера файлов» (рис. 25 и 26).

Рис. 25

36

Рис. 26

После окончания процедуры записи на дискету проверяем работу «Запускающего» файла index.htm на компьютере. Если ошибок нет, то можно проверить работу (тестирование) Web-узла на любом другом компьютере (рис. 27). Когда все файлы записаны на дискету, наводим курсор мыши на файл: index.htm в «Диспетчере файлов» (Дискета A:/) и нажимаем правую клавишу мыши. В появившемся меню наводим курсор мыши на строку «Открыть с помощью» Internet Explorer (рис. 27). В появившейся программе Internet Explorer должен появиться Ваш Web-узел точно такой же, каким Вы его создали. Тестирование дискеты можно произвести и на другом компьютере. Правила тестирования те же: через «Диспетчер файлов» найти «Дискету A:/», вызвать файл index.htm, который следует «Открыть с помощью» Internet Explorer.

37

Рис. 27

Следует помнить, что настройки и ресурсы другого компьютера, на котором Вы хотите протестировать дискету, должны быть не хуже ресурсов и программного обеспечения того компьютера, на котором создавали проект. 7.4. Последовательность действий при формировании Web-страниц и основного Web-узла Последовательность действий при формировании Web-страниц и основного Web-узла с последующей записью названий сформированных файлов в директорию создаваемого Web-узла на винчестер должны быть следующие: 1. Рассматриваем внешний вид названия сформатированного сегмента: «top» (рис. 28). Его расположение на внешнем поле Главной страницы в виде затемнѐнного участка. 2. Рассматриваем внешний вид сформатированного сегмента «left .html» (рис. 29), его расположение на внешнем поле главной страницы в виде затемнѐнного участка. 3. Рассматриваем внешний вид сформатированного сегмента «front .html» (рис. 30), его расположение на внешнем поле главной страницы в виде затемнѐнного участка. 4. Рассматриваем внешний вид сформатированного сегмента «bottom» (рис. 31), его расположение на внешнем поле главной страницы в виде затемнѐнного участка.

38

Рис. 28

Рис. 29

39

Рис. 30

Рис. 31

40

7.5. Оформление оглавления и основной Web-страницы В заключение распределяем информацию в размеченной области участков страниц. Прежде чем заняться оформлением надписей или текста, необходимо создать разметку, и только потом формировать заголовок, оформлять рисунки. Если рисунки и надписи произвести без предварительной разметки, то при разном масштабировании рабочей части программы на экране монитора все части строки «разбегутся» в зависимости от масштабирования строки на экране на разную величину. Разметка же удерживает все части строки и пропорционально перераспределяет видимую часть в зависимости от рабочих размеров экрана. Чтобы работать над оформлением страницы не обязательно выходить из Редактора HTML–Front Page. Директория Web-сайта создана. Редактор готов для работы над оформлением. Приступаем к оформлению заголовка. Пишем заголовок «НИИ КАФЕДРА ФИЗИЧЕСКОЙ КУЛЬТУРЫ», продолжив строку «название Web-страницы». Тем самым оставляем название шрифта, его размер предыдущей строки «Название Webстраницы». Затем курсор мыши наводим на надпись «НИИ КАФЕДРА ФИЗИЧЕСКОЙ КУЛЬТУРЫ». Выделяем заголовок необходимым цветом и опускаем строку на середину рабочего поля. Верхнюю часть рабочего поля готовим под «Разметку». Так как в строке заголовка будем вставлять заголовок и рисунок, в разметке таблицы указываем «Два столбца». Курсором мыши нажимаем меню «Таблица» – «Вставить» – «Таблица» (рис. 32). Появляется меню «Вставка таблицы» (рис. 33). Параметры макета (рис. 33): Задействовать параметры макета на основе содержимого таблицы Размер – Строк – 1. Столбцов – 2 Положение – Выравнивание – по умолчанию Задать ширину 100 процентов Обтекание – по умолчанию Задать высоту 20 точек Остальные параметры по выбору.

41

Рис. 32

Рис. 33

42

Нажимаем кнопку «ОК». Наводим курсор мыши на набранный текст «НИИ КАФЕДРА ФИЗИЧЕСКОЙ КУЛЬТУРЫ», маркируем его. И, удерживая левую клавишу мыши, перетаскиваем отмаркированную строчку в правую ячейку готовой таблицы (рис. 34). Для левой ячейки таблицы заранее подготавливаем рисунок с расширением *.jpg, *gif. В данном примере это «basketbl». Копируем этот рисунок и переносим его в Web-папку. Наводим курсор мыши на меню «Вставка» – «Рисунок» – «Из файла» (рис. 35). Появляется меню «Рисунок» (рис. 36). Файл «basketbl» обязательно перенести в папку Webузла до переноса графического изображения в размеченную строку. Иначе после переноса всех файлов на дискету для тестирования его там не окажется. В этом случае при тестировании этого изображения не будет видно. Находим необходимый файл: «basketbl», наводим на него курсор мыши, маркируем. Нажимаем кнопку «Вставить». Появляется строка «Оглавление» (рис. 37).

Рис. 34

43

Рис. 35

Рис. 36

44

Рис. 37

Вы также можете вставить рисунок в приготовленную ячейку по адресации заранее приготовленного объекта. Желательно для графики создавать отдельные директории по темам. Все вновь организованные директории должны находиться в общем списке директорий Web-узла. Эскиз оформления заголовка. Рисунок и надпись в одной строке балансируют информационное поле заголовка. Правильно подобранные цвета при оформлении дают возможность сосредоточиться на предлагаемых и основных позициях заголовка. Переносим правый край левой ячейки вплотную к рисунку. Для этого курсором мыши наводим на среднюю границу между ячейками и перетаскиваем еѐ на необходимое расстояние. При этом необходимо открыть Редактор HTML–Front Page на полный экран. Подбираем для «Заголовка» необходимый фон, шрифт, цвет, его размер (рис. 38–40).

45

Рис. 38

Рис. 39

46

Рис. 40

Так же можно выбрать и фон рамки, сделать еѐ невидимой, «прозрачной». Для этого цвет рамки должен соответствовать цвету фона. Для того чтобы оформить любую Web-страницу, необходимо научиться работать с адресацией файлов с применением свойств Вашего компьютера. 8. НАХОЖДЕНИЕ ФАЙЛА ПО НАЛИЧИЮ АДРЕСНОЙ СТРОКИ Пример нахождения файла по наличию адресной строки в буфере обмена оперативной памяти компьютера показан на рис. 41. Рассмотрим его подробнее. Можно продолжать работать в Редакторе HTML–Front Page, оформлять остальные сегменты Web-узла. Но в дальнейшем Вас ожидает часто повторяемая операция по формированию новых Web-страниц и исправлению старых. Рассмотрим на примере, как происходит поиск нужных Web-страниц на компьютере с использованием таких мощных средств, как оперативная память, маркировка,

47

копирование строки. Это стандартная операция. Производим следующие действия: 1. Находим рабочее поле размеченной области. 2. Выделяем адресную строку в меню «Свойства». 3. Заносим строки текста в буферную память компьютера. 4. Переносим адресную строку из буфера памяти компьютера в «Адресную строку «Диспетчера файлов». Предлагаемый вариант поиска пути файла «left .html»: В данном примере на рабочем поле этого файла на Web-странице есть надпись «Оглавление» (рис. 41). 1. Наводим курсор мыши на рабочее поле «Оглавление» (в любое место на указанной рамке) и нажимаем правую клавишу мыши. 2. В появившейся рамке «Свойства» курсор мыши наводим на «Адрес» – путь нахождения файла на компьютере. 3. Нажимаем правую клавишу мыши, в ниспадающем меню выделяем строку «Выделить всѐ», нажимая левую клавишу мыши. Пример нахождения файла по наличию адресной строки в буфере обмена оперативной памяти компьютера. Стандартная операция (рис. 41, 42).

Рис. 41

48

Рис. 42

В появившейся рамке «Свойства» курсор мыши наводим на «Адрес» – путь нахождения файла на компьютере. Нажимаем правую клавишу мыши, в ниспадающем меню выделяем строку «Копировать». Используя левую клавишу мыши нажимаем кнопку «ОК». Тремя «кликами» мышки мы заносим в буфер памяти компьютера бесконечно длинную строку нахождения файла на компьютере. Если постоянно вручную набирать строки поиска файлов при работе, то снижается скорость работы, быстрее устаѐшь. Но, что самое главное, компьютер никогда не ошибѐтся при наборе адресной строки и сделает это гораздо быстрее любого программиста. Наводим курсор мыши на «Адрес» и устанавливаем курсор на неѐ. Затем правой клавишей мыши вызываем ниспадающее меню. На строке «Вставить» нажимаем левую клавишу мыши. При этом запись в Адресной строке меняется на ту, что была в буфере обмена компьютера автоматически. Нажимаем клавишу «Enter» (ввод) (рис. 43). В Диспетчере файлов появляется Рабочее поле левой колонки Web-страницы. Наводим курсор мыши на кнопку «Править», выбираем программу Front page. Всѐ готово для редакции (рис. 44).

49

Рис. 43

Рис. 44

50

Предпринимаемые действия: 1. Отформатировать рабочее поле страницы для применения кнопок меню «Оглавление» Web-страницы. 2. Выбрать образцы кнопок из Сервисных свойств Редактора HTML–Front Page. Приступаем к графическому оформлению и дизайну. 9. ПРИМЕРЫ ПРЕДВАРИТЕЛЬНОЙ ПОДГОТОВКИ СТРАНИЦЫ «ОГЛАВЛЕНИЯ» ДЛЯ ПРИМЕНЕНИЯ ГИПЕРССЫЛОК Форматирование рабочего сегмента Web-страницы. Во Front Page переходим в режим «Конструктор». Наводим курсор мыши на Меню – «Таблица» – «Вставить» – «Таблицу» (рис. 45).

Рис. 45

51

Похожие операции мы уже проводили при разметке Главной страницы – «Заголовка» – «top .html» (см. рис. 20). Только в предыдущем случае мы форматировали одну строку с двумя столбцами. Сейчас же будем форматировать один столбец с десятью строками (рис. 46).

Рис. 46

Параметры макета (рис. 47): Задействовать параметры макета на основе содержимого таблицы Размер – Строк – 10. Столбцов – 1 Положение – Выравнивание – по умолчанию –

52

Задать ширину 20 процентов Обтекание – по умолчанию – Задать высоту 10 точек Остальные параметры по выбору. Нажимаем кнопку «ОК» (рис. 47).

Рис. 47

На передней панели Редактора HTML–Front Page появилось размеченное поле таблицы, состоящее из одной колонки в 10 строк. Наводим курсор мыши на надпись «Оглавление», маркируем еѐ, и, удерживая левую клавишу мыши, перетаскиваем надпись в первую строку таблицы.

53

Надпись «Оглавление» можно использовать как гиперссылку для дальнейшей работы. В этом случае выбирается необходимый шрифт, размер и цвет. Чтобы «создать» кнопку (образец на заднем плане рис. 48), наводим курсор мыши на меню «Вставка», затем на строку «Меняющаяся кнопка» и нажимаем левую клавишу мыши. Затем переходим в режим выбора кнопки по цвету, форме, размеру.

Рис. 48

Использование блочного метода установки «Меняющаяся кнопка» в Редакторе HTML–Front Page. Применение готовых шаблонов помогает нам в выборе формы, размеров, цвета не только кнопок, но и шрифта при создании надписей в этих кнопках (рис. 49).

54

Рис. 49

Возможности «Меняющейся кнопки»: выбор размера, формы и цвета самой кнопки, любая гамма цветов шрифта, его размера, изменение цвета надписи при наведении, нажатии кнопки курсором и левой клавишей мыши. Панель «Меняющаяся кнопка» в Редактор HTML–Front Page. Применение этой панели позволяет пользователю выбрать необходимые установки при выборе размеров, формы, цвета, как самих кнопок, так и шрифта. Надписи на кнопках подбираются по значениям и не должны содержать более двух слов в кнопке.

55

Самая длинная надпись в колонке кнопок задаѐт ширину колонки отформатированной таблицы. Все названия в кнопках форматируются «По центру» (рис. 50).

Рис. 50

Выбранная кнопка подгоняется под размер отформатированной колонки по установкам в появившейся панели «Меняющиеся кнопки». Чтобы вызвать панель «Меняющаяся кнопка» для работы, достаточно навести курсор мыши на нужную кнопку и двойным щелчком левой клавиши мыши вызвать панель «Меняющаяся кнопка» (рис. 50). Предоставляем Вам право в выборе своих кнопок по Вашему усмотрению как первую самостоятельную работу.

56

Рис. 51

10. ОСОБЕННОСТИ НАПИСАНИЯ ЭЛЕКТРОННЫХ ИЗДАНИЙ В РЕДАКТОРЕ WORD С ПОСЛЕДУЮЩИМ ПРЕОБРАЗОВАНИЕМ НА ЯЗЫК HTML Если посмотреть в таблицу сравнения написания информационного блока в программах формата Word и HTML, то можно заметить как сходство, так и различие (табл. 2). Названия (наименования) директорий, файлов, гиперссылок пишутся на английском языке, желательно в нижнем регистре, имеют до семи знаков, не считая расширения.

57

Таблица 2 Совместимость текста, Таблицы, Графики при работе в HTML Перечень заданий

Текст Текст Таблицы Таблицы Графика Графика

WORD

FRONT PAGE

HTML

БЛОКНОТ

+

+

+

+

+ + +

+

+

+ + +

При создании HTML-страницы организуется отдельная директория, куда копируется весь необходимый материал для создания сайта – это текстовые файлы, графики, таблицы, схемы, фотографии. Сайт формируется только из этого списка. Если список получился не полный, его в любое время можно пополнить необходимой информацией из других файлов. Создаваемые гиперссылки, разметка таблиц, размер графики, корректируется при отладке только из директорий Web-узла. 11. ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ Чтобы преобразовать текст из Word в Web-страницу (HTML) достаточно в меню программы Word нажать Меню – Файл – Сохранить как Web-страницу. Эта функция существует и корректно работает только на том компьютере, на котором всѐ создавалось. Можно даже Web-страницу создать из отдельно взятых директорий и файлов, не объединяя их в общую директорию (можно написать их названия по-русски, но не более семи знаков), даже из разных секторов логических дисков (винчестеров), включить таблицы Excel – и всѐ получится. Всѐ будет работать, пока не возникнет желание скопировать, использовать эту страничку на другом компьютере, опубликовать на сайте. Все прекрасные начинания и весь труд будут потрачены зря. Работать Web-страница не будет. Почему, спросите Вы, ведь я всѐ сделал правильно, и на моѐм компьютере всѐ прекрасно работает! Ответ очень простой – не соблюден принцип совместимости программ, порядок работы Webстраницы по стандарту HTML.

58

Постараемся разобраться в этих особенностях: 1. При создании Web-узла запускающий файл index.htm работает со своей основной директорией. В Вашем системном блоке запускающий файл распознаѐт гиперссылки на директории системного блока и вне основной директории. В этом случае при переносе Web-узла на сервер эти связи через гиперссылки будут разорваны, так как они изначально «связаны» с Вашим системным блоком, а не с сервером, на который они поставлены. Поэтому все файлы, относящиеся к работе Web-узла, должны быть помещены в директорию Web-узла, а уж потом вставлены в Webстраницы, сопряжены между собой гиперссылками. 2. Программа Word. Имеет свою оболочку, свой генератор знаков. Дополнительные возможности форматирования страницы, построение таблиц после предварительных установок выполняются автоматически, буфер обмена весь этот сервисный набор держит в постоянной готовности и выдаѐт без задержек. 3. Иное дело – язык HTML. Здесь выше перечисленные позиции создаются вручную или с использованием редактора HTML–Front Page, который берѐт эти функции на себя. При переводе формата Word в Web-страницу тэги HTML устанавливаются как метки на поле Программы Word. При работе этой страницы в режиме Web-страницы эти метки распознают документ как HTML. Но не следует забывать, что при работе браузеров Internet explorer и им подобных, распознавание происходит не по меткам, а по структуре языка HTML. При преобразовании текста из формата Word в Блокнот буфер обмена Word на страницу Блокнота не попадает. При копировании и переносе необходимой информации из Блокнота в программу Front Page остаѐтся лишь необходимая для Web-страницы текстовая информация со структурой языка HTML. Быстродействие браузера Internet explorer при распознавании и обработке тэгов и самой информации в этом случае уменьшается, т.е. надѐжность и скорость чтения информации для пользователя соответственно увеличивается на порядок.

59

В этом случае браузер Internet explorer работает как программа. Если же Web-страница сформирована напрямую через программу Word, то в браузере Internet explorer включаются дополнительные фильтры распознавания тэгов в буфере обмена, который для формирования HTML-страниц абсолютно не нужен. Чтобы загрузить такую HTMLстраницу потребуется дополнительное время, которое увеличивает загрузку информации в браузере Internet explorer. При больших информационных полях, составленных из страниц редактора Word как одна Web-страница, иногда происходит сбой работы браузера Internet explorer (табл. 3). Таблица 3

Сравнительная таблица объѐма информации в зависимости от стандарта *.doc и *txt. №

Название файла

Расширение

Размер

ПРОГРАММА

1 2

DM_0108 DM_0108

*.txt *.doc

16 Kb 172 Kb

БЛОКНОТ WORD

Если понятен механизм преобразования информации и его особенности для перехода из одной программы Word – Блокнот–Front Page–HTML в другую, то можно приступить к созданию своей первой Web-страницы. Используя «блочный» вариант переноса текстовой информации в формат HTML, приобретаем навыки на простых примерах, которые в дальнейшем помогут усложнить задачу. Для начала попробуйте создать Web-страницу, скопировав еѐ на дискете форматом 1,44 Mb. Директорию на ней организовывать не нужно. Записывайте все необходимые файлы с запускающим файлом, не упустив ни одного работающего в Вашей программе. Дополнительная проверка Web-страницы с дискеты на соседнем компьютере с тестированием всех гиперссылок и графики поможет в отладке этой страницы. Требования к форматам документов, которые преобразуются из формата Word для работы в HTML: 1. Желательно работать с текстом документа. Если есть графический формат, то скопируйте графику отдельным файлом в папку создаваемой страницы. Графика вставляется в HTML-страницу во Front Page – Редакция – уже на этапе Отладка сценария, гиперссылки, установка графики.

60

Таблица 4 Совместимость преобразований информации в различных редакторах № п/п

Название файла

Расширение

Программа

Преобразование

Открыть текст, необходимый для преобразования 1 DM_0108 *.doc Word Копирование Копирование текста в рабочем поле Word и перенос копии в «Блокнот» 2 DM_0108 *.txt Блокнот Форматирование текста. Заголовки. Размеры шрифта. 3 DM_0108 *.html Front Page Редакция 4 Отладка сценария, гиперссылки, установка графики

2. Все названия файлов, папок должны быть на английском языке, желательно до семи знаков, прописными буквами, в нижнем регистре. 3. Размеры шрифта в заголовках, тексте устанавливаются во Front Page. Там же формируются таблицы, графики, рисунки, схемы. 4. Программа Front Page является структурным звеном, формирующим код HTML в автоматическом режиме. Знание HTML кода, назначение всех тэгов необходимо на уровне пользователя. Front Page автоматически распределяет коды на рабочем поле Web-страницы. Используя «Блочное» построение текстового материала и графики в программе Front Page, применяя режим «Просмотра» (отладки), можно проверить будущую Web-страницу как во Front Page, так и в браузере Internet explorer. Набор возможностей и средств, которые можно использовать в мультимедийных программах для HTML, может осуществляться посредством этой программы. В ней же находятся все тэги для составления и формирования страниц. Вводя в него блоками информационные поля текстовой информации, обработанной через Блокнот, формируем информационное пространство Web-страницы, добавляем таблицы, графики, схемы, фотографии, используя меню программы Front Page. Коды HTML и необходимые тэги программа Front Page устанавливает сама. Эта же программа успешно работает и в режиме отладки Web-страниц.

61

12. ПРАКТИЧЕСКОЕ ПРЕОБРАЗОВАНИЕ ДОКУМЕНТОВ ИЗ MS WORD В WEB-СТРАНИЦУ С чего же необходимо начать после преобразования документов в HTML для создания своей информационной базы? Создаѐтся рабочий эскиз сайта, проект информационной базы, дизайн: 1. Титульный лист. 2. Оглавление. 3. Перечень тем. 4. Фото, видеоматериал, графики, схемы, чертежи. 5. Рефераты, конспекты, контрольные работы, библиотеки, научные разработки, проекты и необходимый для работы материал в электронном виде программы Word. Титульный лист является «Визитной карточкой» разработчика, владельца сайта. Очень важен дизайн внешнего вида сайта. Необходимо максимально использовать тему специализации, основного предмета, предлагаемого для использования. Оглавление. Важность тематики, указанной в оглавлении выглядит в виде гиперссылок, которые оформляются отдельными страницами. Желательно все страницы выдерживать в одном стиле. Перечень тем. Часть перечня входит в оглавление, другая, в виде гиперссылок, – располагается в материалах текста. Фото, видеоматериал, графики, схемы, чертежи располагаются в текстовых файлах. Самая простая страничка выглядит как обложка учебника. Выберите наиболее подходящий по оформлению титульный лист и сделайте эскиз карандашом или ручкой с разметкой (форматированием), где и что будет находиться. Можно перевести в формат HTML уже готовый материал, который создан в текстовом редакторе Word. Как это сделать? Остановимся на примере одной страницы, выполненной в текстовом редакторе Word (рис. 52). На ней будет заголовок, текст, рисунок (графика), таблица.

62

Рис. 52

Информационный блок состоит из четырѐх частей: 1. Заголовок. 2. Основной текст. 3. Графика. 4. Таблица. В HTML очерѐдность действий несколько иная. Можно повторить содержание всей страницы, но лучше совместить заголовок и графику: 1. Разметка заголовка, состоящего из графики и текста. 2. Текст. 3. Таблица. 4. Отладка HTML страницы (рис. 53).

63

Рис. 53

Открываем программу Front Page. Наводим курсор в меню «Таблица», переводим курсор на строку «Вставить» и далее – «Таблица». Эту операцию мы уже проводили при работе с «Заголовком» Web-узла (см. рис. 21). Те же параметры: одна строка, два столбца. Попробуйте сами проделать эти операции по созданию такой таблицы. Затем возвращаемся в окно Word, где находится текст «Заголовка». Чтобы его перенести в приготовленную ячейку отформатированной строки, необходимо сделать три операции: 1. Выделить необходимый текст «Заголовка». 2. Скопировать выделенную часть в «Буфер памяти» компьютера.

64

3. Перенести информацию из «Буфера памяти» компьютера в приготовленную ячейку отформатированной строки программы Front Page. Правильное выполнение всех операций показано на рис. 54.

Рис. 54

Перенос текста заголовка из текстового редактора Word в редактор HTML–Front Page происходит через редактор «Блокнот». Из «Буфера памяти» компьютера в открытый «Блокнот» копируем текст «Заголовка», а затем после редакции в «Блокноте» маркируем, копируем и переносим получившийся текст в приготовленную ячейку отформатированной строки программы Front Page (рис. 55).

65

Рис. 55

Оставшаяся «Пустая» ячейка предназначена для графики. Так же попробуем самостоятельно перенести графический файл из текстового редактора Word в приготовленную ячейку программы Front Page. Графика должна быть с расширением *.jpg, *.gif. Наводим курсор мыши на графический файл, маркируем его, затем наводим курсор на отмаркированный текст и нажимаем правую клавишу мыши. В появившемся меню выбираем левой клавишей мыши на строке «Копировать». В Блокноте производим устранение ошибок, коррекцию, правку. На рис. 56 показаны редактирование и подготовка текста для копирования в буфер обмена компьютера, за-

66

вершающая стадия подготовки текстового блока для переноса его в программу Front Page и формирования страницы HTML.

Рис. 56

Завершающая операция – изготовление таблицы. Получить еѐ можно так же, как мы производили форматирование: строки «Заголовка» Web-страницы в программе Front Page. Наводим курсор в меню «Таблица», переводим курсор на строку «Вставить» и далее – «Таблица». Эту операцию мы уже проводили при работе с «Заголовком» Web-узла (см. рис. 32–33). Только в этом случае будет пять строк, три колонки. На рис. 57 показаны образец полученной HTML-странички, преобразованной из текстового редактора Word

67

в редактор HTML–Front Page по блочному принципу преобразования, окно редактора в режиме «Отладки» (режим «Просмотр», см. нижнюю строчку редактора HTML–Front Page). Осталось назвать эту страничку «WBA6» и поместить еѐ в общую директорию Web-узла.

Рис. 57

13. СОЗДАНИЕ «КНОПОК», ГИПЕРССЫЛОК Одним из этапов создания сайта является подготовка файла «WBA6» к работе с гиперссылкой кнопки «Учѐба» левого сегмента «Оглавление» в режиме «Конструктор». Путь гиперссылки определяем также в редакторе HTML–Front Page по блочному принципу: 1. Нажимаем на кнопку «Учѐба» правой клавишей мыши и в появившемся диалоговом окне «Добавление ги-

68

перссылки» в списке файлов находим файл «Vba». На строке этого файла «Vba» нажимаем левой клавишей мыши, занося его в строку «Адрес». 2. Курсором мыши выбираем строку: «Выбор рамки». В появившемся диалоговом окне «Конечная рамка» курсором мыши выбираем сегмент «front». В строке «Настройка объекта» он называется «main». Переходим курсором мыши в строке «Настройка объекта» на кнопку «ОК» (рис. 58).

Рис. 58

Гиперссылка готова. В меню «Файл» на строчке «Сохранить как» сохраняем полученные изменения для того, чтобы их можно было проверить. Для проверки полученной гиперссылки с «Рабочего стола» вызываем браузер Internet Explorer (рис. 59).

69

Рис. 59

В строку «Адрес» вписываем путь нашего «Запускающего файла» – index.htm: F:\NAUKA201105\1myweb21115\index.htm Нажимаем клавишу «Ввод» и открываем сайт. Курсором мыши наводим на клавишу «Учѐба» в левой колонке установленных нами «Кнопок» и видим как меняется «Оглавление» файла «Front.html» на содержание новой страницы под названием «WBA6». Так же можно записать полученные результаты на дискету и проверить работу гиперссылок в режиме тестирования на другом компьютере. Главная страничка «front» поменялась на содержание новой страницы под названием «WBA6». Все остальные компоненты в виде сегментов «top», «left», «bottom» остались без изменений! Как вернуться назад, чтобы страничка «front» оказалась на прежнем месте? Для этого нужно сделать гиперссылку с клавиши «Оглавление» в левой колонке установленных нами «Кнопок» на... (сделать самостоятельно). Попробуйте это сделать самостоятельно, без подсказки. Дальнейшее тестирование Вашей дискеты позволит убедиться в правильности самостоятельного решения. Удачи Вам!

70

14. ФОРМИРОВАНИЕ КАТАЛОГА WEB-УЗЛА Нижняя часть Web-узла «bottom.html». Ищем название этого файла в «Общем» списке Web-узла. Открываем с помощью редактора HTML–Front Page и вносим необходимые изменения вместо строки «Адреса, контактные телефоны». Редактор переключаем в режим «Конструктор» (см. рис. 59, нижнюю строку редактора) Режимы отладки и тестирования стандартные – с помощью Front Page, режим «Просмотр» или с применением теста «скопированного» материала Web-узла на дискете. 15. ОСОБЕННОСТИ ПРИМЕНЕНИЯ БОЛЬШИХ ИНФОРМАЦИОННЫХ БЛОКОВ, БАЗ ДАННЫХ, ОТДЕЛЬНЫХ ПРОГРАММ Прежде всего необходимо знать, что при загрузке Web-узлов через браузер Internet Explorer, персональный компьютер любого пользователя при работе с любой информацией использует свой ресурс. Поговорим о буфере памяти. Не у каждого пользователя есть возможность иметь дополнительную оперативную память больше 128 Мб. А это значит, что перегружать Web-страницу не следует. Графика не должна иметь объѐм более 20–30 Кб из расчѐта на одну страницу. Объѐм самой страницы (или файла) не должен превышать 50 Кб, поэтому целесообразно разбить весь загружаемый информационный блок на главы, разделы, в которых окажется не более 2–5 страниц текста. Содержание глав выносим как оглавление с возможностью применения гиперссылок. Применение баз данных и отдельных программ организуется отдельной частью. Она формируется как «Запакованный» файл, который включает в себя всю необходимую информацию целым блоком. При последующем копировании и «Распаковке» такой информации раскрывается вся предоставляемая информация в виде файлов и директорий. Это очень удобно при обмене через электронную почту, которую можно использовать в качестве переписки

71

по интересующим темам с коллегами по работе, по обмену опытом с другими учебными заведениями. Если назрела необходимость установить свою базу данных, программы, информационные блоки в виде библиотек, то позаботьтесь о «защите» своих и смежных авторских прав. Сложность вопроса ещѐ и в том, как всѐ это будет работать на сервере, т.к. соответствующее тестирование и отладку необходимо будет производить уже на установленном оборудовании ИВЦ. Они должны быть совместимы. 16. МЕСТО САЙТА КАФЕДРЫ В УЧЕБНО-МЕТОДИЧЕСКОМ КОМПЛЕКСЕ В настоящее время ресурсы информационных технологий НИИ находятся на современном уровне. Все кафедры объединены единой локальной сетью, на ИВЦ находятся прекрасно оборудованные компьютерные классы. Сервер ИВЦ имеет: – обучающие программы по необходимым дисциплинам; – учебные программы; – перспективное планирование; – программы тестирования; – дистанционное обучение; – лабораторные работы; – конкурсные программы; – новости науки; – библиотеки, архивы по специализации; – планы самоподготовки студентов. Все документы, предоставляемые на сервере ИВЦ в электронном виде, приводятся в соответствии с требованиями Министерства образования. Наличие перечисленных пунктов при разработке сайта на кафедрах определяет уровень подготовки и потенциальные возможности учебных подразделений в учебном процессе. Возможности и ресурсы, научный потенциал, который можно реализовать на кафедрах, используется при активном участии самих преподавателей.

72

Это происходит при повышении компьютерной грамотности в виде семинаров, практических занятий, выпусков информационных бюллетеней, которые включаются в план работ подразделений. Оснащенность кафедр теоретическими программами, теорией и методикой на уровне современных требований в электронном виде постоянно улучшается и совершенствуется в современных электронных ресурсах НИИ. Планомерное развитие учебного процесса с включением в него электронных ресурсов – актуальная задача сегодняшнего дня. Сайт кафедры, являясь педагогически научно-информационным звеном в общем ресурсе информационного блока НИИ, раскрывает и увеличивает возможности учебного процесса в целом, предоставляет возможности дополнительного образования и дистанционного обучения, повышая уровень освоения знаний. Проводимые со студентами консультации и семинары, тестирование по остаточным знаниям при освоении учебных программ, методик предоставляют преподавателю возможность не только реализовать имеющиеся ресурсы, но и координировать, разрабатывать новые методики, совершенствовать существующие. Студенты, используя такой сайт, имеют дополнительную возможность повысить уровень межпредметных связей, получить качественные энциклопедические знания. 17. ПЕРСПЕКТИВЫ РАЗВИТИЯ WEB-САЙТА И ПРИНЦИПЫ ИНТЕГРАЦИИ ЕГО ВО ВНУТРЕННИЕ И ВНЕШНИЕ ИНФОРМАЦИОННЫЕ СЕТИ Рассмотрим на примере развития сайта «НИИ Спорт» возможности интеграции в современную информационную среду Норильского промышленного района. В настоящее время ИВЦ института имеет свой адрес: http://www.norvuz.ru . К тому же есть ещѐ дополнительный ресурс: доступ к Интернет-услугам можно получить через узел: http://www.home.oganer.net .

73

Доступ на сайт НИИ в этом случае выглядит следующим образом: 1. http://www.nii.oganer.net . На сайт НИИ под этим адресом входят многие пользователи частных некоммерческих и коммерческих сетей НПР. Многие жители Талнаха, Оганера, Норильска пользуются только локальной сетью. 2. Путь http://www.freenet.lan , – АНО «Free NET». Это сеть, которой автор пользуется пятый год. За эти годы электронный ресурс сети вырос, локальная сеть соединилась с другими такими же сетями в городе, в том числе и с http://www.home.oganer.net . 3. http://www.home.oganer.net . Этот узел соединѐн («слинкован») с http://www.freenet.lan , поэтому в данный момент по установленному Провайдером АНО «Free NET» на персональном компьютере IP: 10.0.1.40 не составляет труда зайти на сайт НИИ в любое время дня и ночи как дома, так и на работе. Местный сетевой ресурс локальной сети имеет преимущества перед использованием для этих целей телефонной линией в быстродействии. На кафедре физической культуры установлен персональный компьютер, подключѐнный к локальной сети НИИ через ресурсы ИВЦ. Получив доступ на подключение к Интернету, мы можем пользоваться ресурсами ИВЦ, иметь доступ к серверам других учебных заведений России, ближнего зарубежья. Также можем использовать местные информационные ресурсы, в том числе подключиться к локальной сети: http://www.freenet.lan. В эту сеть можно зайти с любой кафедры, где есть доступ к Интернету. Более того, обговорив возможности опубликования своего Web-узла «НИИ СПОРТ» на сервере АНО «Free NET» http://www.freenet.lan, автор получил возможность разработки и «обкатки» свежих версий сайта «НИИ Спорт» до публикации еѐ на сайте ИВЦ НИИ. Добавилось количество пользователей, получающих информацию о работе сайта, которые имеют возможности доступа в Интернет только через локальную сеть. С 22 ноября 2005 года к этой версии добавилась ещѐ одна возможность: установка «Форума» на АНО «Free NET» http://www.freenet.lan .

74

На этом сайте «НИИ Спорт» предлагаются темы по спортивной тематике, новости, рассматриваются наиболее актуальные вопросы по овладению техникой элементов в различных видах спорта, режиме дня, учебных нормативах, новостях спорта. Таким образом, возникла «Обратная связь» между «пользователем» и «издателем», позволяющая устранить проблемы и повысить информативность, а также качество используемого и предоставляемого материала на сайте http://www.freenet.lan . ЗАКЛЮЧЕНИЕ По приведѐнным выше практическим примерам сетевых ресурсов ИВЦ НИИ, частных некоммерческих и коммерческих сетей НПР, можно с уверенностью сказать, что не за горами тот день, когда усилиями энтузиастов, частных и коммерческих структур будет создана общая сеть, объединяющая ресурсы учебных заведений НПР. Это даст возможность всем пользователям этого проекта участвовать в обмене информационными ресурсами, делать их более качественными: всевозможные конференции, форумы и диспуты по насущной и спорной тематике с участием профессионалов, интерактивные обучающие программы, коллекции лучших авторов программ, проектов, современные достижения науки, культуры, искусства. В проектах также участвуют организации, применяющие и многоканальное цифровое спутниковое телевидение. Будут применяться высокоскоростные каналы Wi-Fi, оптоволоконная коммуникация, которая позволит увеличить скорость прохождения информации, количество каналов обмена. СЛОВАРЬ ТЕРМИНОВ База данных (Бд) – совокупность взаимосвязанных элементов, набор таблиц, к которым можно осуществить доступ и отобразить на сайте. Browser (браузер) – программа навигации и просмотра сети Web.

75

Document (WWW) – это любой файл, который прочитывается и выдается на экран программой просмотра Web или ее вспомогательным приложением. Driver (драйвер) – управляющая программа, часто реализованная на аппаратном уровне, для связи компьютера с периферийными и внутренними устройствами – принтерами, сетевыми платами, манипуляторами и т.д. E-mail (электронная почта) – метод пересылки частных посланий с помощью Сети. В английском языке используется и как существительное, и как глагол. FAQ (Frequently Asked Questions, в переводе ЧаВо – часто задаваемые вопросы) – собрание ответов на типичные вопросы. Многие группы новостей сети Usenet имеют такие файлы, которые посылаются для начинающих пользователей с периодичностью примерно раз в месяц. Они находятся также на ftp или http-серверах. Forms (формы) – заполняемые пользователем бланки – элементы WWW страницы. Frame (фрейм или область) – самостоятельный фрагмент HTML-страницы, обладающий всеми ее свойствами. GIF (Graphic Interchange Format, формат графического обмена) – формат, разработанный в восьмидесятые годы компанией CompuServe для изображений с качеством фотографий и компактностью заархивированного файла. В настоящее время широко используется во всех областях, но в первую очередь – в Интернете. Header – заголовок. Helpers – вспомогательные приложения. Home Page (начальная, исходная страница, обложка локального архива WWW-страницы) – экран, с которого начинается работа с Web. Пользователь может выбирать гиперсвязи начальной страницы, чтобы попадать в любые узлы мировых Сетей. HTML (Hypertext Markup Language) – язык гипертекстовой разметки, которым пользуются все серверы WWW. HTTP (Hypertext Transport Protocol) – протокол транспортирования гипертекста. Стандартный протокол Интернета, позволяющий распространять информацию по Web.

76

Hyperlink (гиперсвязь или гиперссылка) – выделенное слово или изображение на странице Web, которое при активации левой клавишей «мыши» позволяет пользователю перейти в новое место Сети. Image-map (устоявшегося русскоязычного термина нет) – это графическое изображение на WWW-странице, служащее рабочей областью для нескольких гипертекстовых ссылок. In-line image – встроенное изображение, графический файл внутри документа WWW-страницы. Internet – всемирная система для связи небольших компьютерных сетей между собой посредством специального набора протоколов обмена, известных как TCP/IP. Internet Assistant for Word – бесплатный продукт, который помогает пользователям редактора Word создавать и редактировать документы в формате HTML. Он позволяет конвертировать файлы MS Word в формат HTML, а также обеспечивает интерфейс для включения гиперсвязей, изображений и форм в документ. Пользователи смогут формировать файлы на HTML, не разбираясь в тонкостях этого языка. Internet NetMeeting – система телеконференцсвязи по Интернету, с помощью которой возможно разговаривать с другими людьми по сетевому телефону, использовать «разделяемый блокнот» и работать над одним приложением. LAN – локальная сеть. Link – в WWW гипертекстовая ссылка. Network (сеть) – коммуникационная система, соединяющая два или более компьютера. При написании с большой буквы означает глобальную сеть, как правило Интернет. Off-line – состояние, когда Ваш компьютер не соединен с узловым компьютером, нередко в текстах пишут русскими буквами «офф-лайн». Off-topic – Оскорбительные или агрессивные письма в электронной почте и телеконференциях. On-line – режим, когда Ваш компьютер соединен с удаленной системой, а также предоставление услуги непосредственно при соединении Вашего компьютера с FTPсервером, WWW-сервером, BBS или другой общедоступной

77

системой. Иными словами режим непосредственного взаимодействия с пользователем. PACK – упакованный «пакет статей», получаемый в сжатом виде из телеконференции. Patches – программы исправления, замеченных в программах ошибок. Так же встречается термин Service Pack (сервисный пакет), поставляемый разработчиками программного и операционного обеспечения для устранения найденных и «добавления новых» ошибок. Personal Home Page – личные адресные страницы в WWW. Post (почта) – в контексте употребления в Сети написанные и отосланные сообщения для какой-нибудь телеконференции. Provider – сокращение от Service provider. Поставщик сетевых услуг (см. также ISP). Read.me – файлы, имеющиеся на FTP-серверах или в составе пакета программ, которые разъясняют, что содержится том или ином директории, или включают другую полезную информацию-комментарий. RTM (расшифровывается «читайте учебник») – часто используется по отношению к тем, кто задает вопросы по компьютерной тематике, на которые можно получить ответы за несколько минут, взяв руководство. Server – программа или компьютер с этой программой, которые могут автоматически распределять информацию или файлы под управлением сетевой ОС или в ответ на запросы пользователей. В сетевой архитектуре клиент-сервер является мощным компьютером – источником информации и файловым сервером для всех других компьютеров – клиентов этой сети. Shareware – программы, которые бесплатно доступны в Сети. Если какая-нибудь программа понравилась и Вы ее используете, то Вы обязаны осуществить оплату автору этой программы. Размер платы, имя и адрес автора находятся в специальном файле, распространяемом вместе с самой программой. Site (площадка) – первоначально – какой-либо объект в Интернет. Поскольку в настоящее время практически на

78

все ресурсы Интернета есть ссылка на поисковый сервер, то site иногда понимают и переводят как «ссылка». К примеру, в выражении «additional sites» – «дополнительные ссылки» или как синоним HTML-страницы. В жаргоне означает WWW-сервер с точки зрения его содержания. Subject – специальная область заголовка электронного письма, в которой указана его тема, а иногда другая служебная или уведомительная информация. Subject catalog – тематический каталог. Поисковый сервер, где информация подготовлена в соответствии с тематической иерархией. TCP/IP (Transmission Control Protocol/Internet Protocol) – семейство протоколов передачи информации между компьютерами в Сети, давшее ей название Интернет. Upload (uploading) – копирование файла из Вашего компьютера на узловую машину (удаленный компьютер). URL (Universal Resource Locator) – унифицированный идентификатор (указатель) ресурса. Компьютерный адрес, который определяет местоположение и тип ресурса в Web. Например: URL http://www.usnews.com/repub/gingrich.html обозначает документ Web (http://) в компьютере компании U.S. News (www.usnews.com) с файлом республиканской партии (repub), который содержит документ, относящийся к Newt Gingrich (gingrich.html). User name – дословно «Имя пользователя». В большинстве систем для первоначального вхождения в систему необходимо в ответ на соответствующий вопрос ввести имя пользователя. WYSIWYG (Whats you see is whats you'se gets) – что видишь, то и получаешь. Принцип работы большинства современных текстовых и графических редакторов, когда на экране отображается тот внешний вид документа, который получится при его распечатке. GIF (Graphic Interchange Format) – один из стандартных графических файлов WWW. HTML (HyperText Markup Language) – язык, лежащий в основе формирования документов World Wide Web.

79

HTTP (HyperText Transport Protocol) – система, передающая документы HTML по World Wide Web. Internet – мировая с англоязычным уклоном свободная конфедерация компьютерных сетей, объединяющая более 12 тысяч локальных сетей, более одного миллиона компьютеров и около 30 миллионов юзеров. Негласный победитель FIDO. IP Address – тридцатидвухбитовый (ну и словечко) адрес протокола Internet, включающий в себя номер узла и сети. IP – самый важный из всех протоколов, на котором основана Internet. Через этот протокол осуществляется прямое подключение к Internet. IRC (Internet Relay Chat) – одна из форм WWW-психоза. IRC чем-то напоминает работу в конференциях Usenet. Но если там общение происходит не в реальном времени, то здесь может вестись живой разговор. Также в этой IRC можно делать почтовые сообщения. JPEG (Joint Photographic Experts Group) – графический формат, принятый всеми в качестве стандартного формата при оформлении Web-страниц. Login – регистрационное имя пользователя. Mail server (почтовый сервер) – компьютер, обрабатывающий электронную почту. Mail – обмен частными текстовыми сообщениями в Internet или другой компьютерной сети. Microsoft FrontPage – редактор web-страниц. Средство для создания и оформления документов HTML в режиме непосредственного отображения. MPEG (Moving Pictures Expert Group) – протокол, через который упаковываются видеозаписи. Page (страница) – любой документ World Wide Web.

80

БИБЛИОГРАФИЧЕСКИЙ СПИСОК 1. Матросов, А. HTML 4.0 [Текст] / А. Матросов, А. Сергеев, В. Чаунин. – СПб.: БХВ-Петербург, 2003. 2. Байенс, Джим. Примочки программирования в WEB [Текст] / Джим Байенс. – М.: ЭКОМ, 2000. 3. Поляк-Брагинский, А. Сеть своими руками [Текст]: самоучитель / А. Поляк-Брагинский. – СПб.: БХВ-Петербург, 2003. 4. Обучение работе с Интернет + система контроля знаний [Электронный ресурс]: обучающая программа. – М.: Электронное издательство «Медиа-2000». 5. Обучение Macromedia Flash MX [Электронный ресурс]: обучающая интерактивная программа. – М.: Электронное издательство «Медиа-2000». 6. Леонтьев, Б. Энциклопедия Web-дизайнера [Электронная версия] / Б. Леонтьев. – М.: ИДДК, 2000. 7. Всѐ для создания сайта. Русская документация для всех программ [Электронный ресурс]: электронная версия в формате PHP, HTML, DHTML. – М.: Издательство «X Soft», 2003.

81

Учебное издание

Виктор Георгиевич Мальцев

WEB-САЙТ КАФЕДРЫ. Опыт создания и применения Учебно-методическое пособие

Корректор О.И. Иванова Технический редактор Е.А. Дятлова Компьютерная верстка Е.П. Грецкая Редакционно-издательский отдел ГОУВПО «НИИ» 663310, Норильск, ул. 50 лет Октября, 7. E-mail: [email protected]

Темплан 2006 г., поз. 4. Подписано в печать 10.05.2006. Формат 60х84 1/16. Бум. для копир.-мн.ап. Гарнитура Bookman Old Style. Печать плоская. Усл.п.л. 5,1. Уч-изд.л. 5,1. Тираж 50 экз. Зак. 21. ___________________________________________________________________________________ Отпечатано с готового оригинал-макета в отделе ТСОиП ГОУВПО «НИИ»

82