Создание WEB-страниц в WORD

Содержание

 

ВВЕДЕНИЕ 3

РАЗДЕЛ 1.История  создания языка HTLM __________________________________________3

РАЗДЕЛ 2. Разработка  Web-сайта ________________________________________________4

2.1 Предварительные этапы__________________________________________________5

2.2. Разработка структуры сайта______________________________________________5

2.3 Сборка файлов Web-сайта________________________________________________7

РАЗДЕЛ 3. Создание WEB-страниц в WORD _________________________________8

3.1 Способы создания WEB-страниц в  WORD________________________________ 8

3.2 Создание маркированных и  нумерованных списков________________________ 9

3.3 Горизонтальные линии________________________________________________ 9

3.4 Добавление фона_____________________________________________________ 9

3.5 Работа с таблицами __________________________________________________10

Выводы _______________________________________________________________________12

Список используемой литературы___________________________________________________13

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ВВЕДЕНИЕ

 

World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.

Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.

Пользователю приятно  посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.

 

 

 

 

 

 

 

 

 

 

Раздел 1. История  создания языка HTLM

 

Основой всемирной «паутины»  World Wide Web является язык гипертекстовой разметки HTLM. (Hyper Text Markup Language). Этот язык был создан учеными Европейского Центра Ядерных Исследований (CERN, г. Женева). В конце 80-х в CERN занялись проблемой хранения и отображения данных, получаемых коллегами-физиками. Сложилось заключение в том, что каждый специалист, приезжавший в Центр, применял собственные методы представления информации, и срочно требовалось создание универсальной системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.

Идея решения проблемы обмена документами между различными компьютерами состояла в том, что документы должны быть размечены с помощью определенного кода – HTLM. Такие документы могли бы читаться на любом компьютере, на котором установлена всего лишь одна программа просмотра – браузер.

Впоследствии HTLM стал основным языком при создании документов, размещаемых в World Wide Web. Благодаря языку разметки пользователь Web может у себя на экране просмотреть документ в том виде, в котором его задумал разработчик: с определенными размерами шрифта и разбивкой на абзацы. С заданными размерами и расположением рисунков и прочее.

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

Документы, подготовленные на языке HTLM, называются HTLM-документами. HTLM-документ (или Web-страница) - это обычный текстовый файл с расширением htm или html, составленный на языке HTLM и содержащий информацию, которая предназначена для публикации в WWW.

Код HTLM является весьма компактным, и HTLM-документы имеют размер значительно меньший. Чем документы, подготовленные в текстовых процессорах типа Word. Это одна из основных причин широкого применения языка HTLM для кодирования информации, распространяемой по интернету. HTLM-документы размещаются в WWW не поодиночке, а в виде так называемых сайтов.

Web-сайт – это совокупность Web-страниц (нескольких десятков. Сотен или даже тысяч), объединенных одной темой и помещенных, как правило, на одном узловом компьютере.

 

 

РАЗДЕЛ 2. Разработка  Web-сайта

2.1. Предварительные  этапы

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

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

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

2.2. Разработка  структуры сайта.

Материалы, которые вы планируете опубликовать на сайте, нужно организовать в определенную структуру. Чаще всего для  Web-сайтов выбирается древовидная структура организации информации (рис 2.2.1). На верхнем уровне находится начальная страница сайта, с которой посетитель с помощью меню или ссылок может переходить на страницы следующего уровня. Древовидная структура может состоять из нескольких уровней подчинения.

Очень важно определить оптимальное  соотношение между количеством  уровней (глубиной корней или высотой  дерева) и количеством вариантов выбора на каждом уровне (ширеной дерева). Если дерево окажется очень широким (рис.2.2. 1, а), то у посетителю трудно будет ориентироваться в представленной информации и удерживать в памяти множество вариантов выбора. Если же уровней будет много, то посетителю придётся долго «докапываться» до интересующей его информации (рис. 2.2.1, б). для этого необходимо будет сделать множество щелчков мышью и дождаться загрузки промежуточных страниц.

Начальная страница

 

 

а

 

 

Начальная страница

б

Рис. 2.2.1 Примеры структуры  сайта: а – широкое дерево; б  – узкое дерево

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

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

 

 

а

 

 

 

 

б

Рис. 2.2.2 Пример линейной структуры  сайта: а- линейная цепочка; б – линейная структура с ответвлением и альтернативным переходом

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

2.3. Сборка файлов  Web-сайта

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

Скопируйте все эти  файлы в отдельную папку и назовите ее, например Website. В этой папке должен быть файл index.html, который будет представлять начальную страницу сайта. Другие файлы папки Website содержат HTML- код остальных страниц (файлы с расширением .html). В рассматриваемом примере в папке Website размещен также файл с расширением .ess, который содержит листы каскадных стилей (на начальном этапе знакомства с HTML этот файл можно не создавать) имена всех файлов должны быть набраны строчными латинскими буквами.

В папке сайта желательно предусмотреть папку (например, img), в которой будут храниться изображения в формате GIF или JPEG.

Если в процессе формирования папки сайта вы вносили изменения  в имена файлов, проследите, чтобы  соответствующие изменения были внесены и в код HTML-страниц. После этого загрузите начальную страницу сайта в браузер (Internet Explorer или Netscape Navigator) и убедитесь , что все переходы на другие страницы сайта работают, страницы отображаются нужным образом, а рисунки выводятся на страницы. Если какая-либо страница или рисунок не видны, то вероятно, вы ошиблись в указании имен файлов. Устраните эти ошибки, и еще раз проверьте работу сайта.

РАЗДЕЛ 3. Создание WEB-страниц в WORD

3.1 Способы создания WEB-страниц в WORD

 

Существуют два способа создания Web-страниц:

· с помощью мастера или шаблона,

· преобразовать существующий документ Word в формат HTML.

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

Страницу Web можно сделать более интересной, разместив на ней маркированные и нумерованные списки, горизонтальные линии, цвета фона, узоры, таблицы, рисунки, видеозаписи, бегущую строку и формы. Большинство этих элементов вводятся в страницу так же, как в документ Word. Однако для упрощения редактирования Web-страниц в Word для этих целей предусмотрены некоторые новые специальные функции и команды.

3.2 Создание  маркированных и нумерованных  списков

 

Основное отличие состоит в  том, что помимо маркеров в списках  можно использовать графические изображения. Набор таких изображений находится в диалоговом окне Список (меню Формат). Кроме графических изображений, в диалоговом окне предлагаются текстовые маркеры, поддерживаемые HTML для Web-страниц. Графические маркеры сохраняются в формате GIF (с расширением .gif), в тот же каталог, что и Web-страница.

3.3 Горизонтальные  линии

Для ее создания выберите команду  Горизонтальная линия в меню Вставка. Из списка Вид выберите нужную линию. При сохранении Web-страницы такая линия сохраняется вместе с Web-страницей как графический файл с именем image.gif, image1.gif и т. п.

3.4 Добавление  фона

Чтобы сделать документы Word и Web-страницы более привлекательными, используйте различные виды фона, в том числе текстурную заливку. Можно создать подложку, которая будет видна только в напечатанном документе.

3.5 Работа  с таблицами

Для создания и редактирования структуры  таблицы используется команда Нарисовать таблицу. Сетку таблицы можно вставить в текст с помощью команды Добавить таблицу. Так как на Web-страницах таблицы часто используются как скрытое средство форматирования (например, для размещения текста и рисунков), вставляемые в текст таблицы не имеют границ. Для добавления границ к таблицам используйте команду Границы (меню Таблица). Границы, добавленные к таблицам на Web-страницах, изображаются средствами просмотра Web в объемном виде.

Атрибуты элемента ТАBLE

Таблица 3.5.1. Атрибуты элемента ТАBLE

width	Ширина таблицы или  ячейки, задается в процентах, или  пикселях
align	Определяет выравнивание таблицы
coalition	Определяет заголовок  таблицы
height	Высота таблицы или  ячейки, задается в процентах, или  в пикселях
border	Толщина рамки в пикселях, если без рамки то задавать ноль
border color	Цвет рамки
cols	Число колонок в таблице, для более быстрой загрузки браузером  – лучше указывать
align	Определяет выравнивание таблицы
cells padding	Отступ от рамки до содержания ячейки
cell spacing	Расстояние между ячейками