Создание web страницы в word конспект

Обновлено: 07.07.2024

  • Для учеников 1-11 классов и дошкольников
  • Бесплатные сертификаты учителям и участникам

Создание Web-сайта с помощью Microsoft Word

Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Задачи урока:

Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

Учебная – изучить и закрепить навыки работы с текстовым редактором.

Развивающая – развитие логического мышления, расширение кругозора.

Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.

Тип урока: комбинированный

Краткий инструктаж по технике безопасности в компьютерном классе.

Объяснение нового материала.

Выполнение практической работы.

Организационный момент

Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word

Инструктаж по технике безопасности в компьютерном классе

Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.

Соблюдать правила поведения и текущие указания учителя.

Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.

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

Нажимать на клавиши плавно, не допуская резких ударов.

Работать на клавиатуре чистыми руками.

Не вставать со своих мест, когда в кабинет входят посетители.

В класс входить спокойно, не торопясь, не задевая столы.

Трогать разъёмы соединительных кабелей.

Прикасаться к питающим проводам и устройствам заземления

Прикасаться к экрану и тыльной стороне монитора.

Включать и выключать аппаратуру без разрешения преподавателя.

Класть посторонние предметы на клавиатуру и монитор.

Не пользоваться клавиатурой при отключенной аппаратуре.

Работать во влажной одежде и влажными руками.

Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.

Изучение нового материала.

Изучая данную тему, мы с вами рассмотрим следующие вопросы:

Что такое Web – сайт, Web – страница, гиперссылка?

Как и какими средствами создаются Web – страницы?

Какие существуют виды навигационной схемы Web – сайтов?

Примеры оформления Web – страниц.

Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях

Практическая работа на компьютере

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

Домашняя работа

Теоретический материал

Что такое Web – сайт, Web – страница, гиперссылка?

Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.

Веб-страница - это логическая единица интернета , однозначно определяемая адресом ( URL ). Можно сказать, что веб состоит из сайтов , а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.

Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.

Как и какими средствами создаются Web – страницы?

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

Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

Какие существуют виды навигационной схемы Web – сайтов?

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

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

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

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

Примеры оформления Web – страниц.

Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.

Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.

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

Практическая работа

В данной работе вы реализуете проект сайта, по подготовленной теме.

1.Открыть текстовый процессор Word.

2.Создать таблицу (образец) на весь лист

3. Придумать дизайн страницы.

Разметка страницы → Цвет страницы → Способы заливки

5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы - главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.

Файл → Сохранить как → Имя файла.

6.Теперь нужно сохранить все эти файлы как web-страницу.

Файл → Сохранить как → Тип файла: web-страница

7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)

Интернет предоставляет множество сервисов (протоколов) для доступа к данным в сети. Одним из самых популярных сервисов Интернета является World Wide Web (Всемирная паутина), в котором вся информация представляется в виде связанных гиперссылками Web-страниц или других документов.

Web-страница представляет собой текстовый документ, содержащий специальные команды — тэги языка HTML, а также различные расширения этого языка, которые просматриваются программами просмотра Интернета, такими как Internet Explorer, Opera.

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

В данной работе предлагается вашему вниманию три способа создания Web-страницы. Первая часть посвящена созданию Web-страницы с помощью средств Microsoft Word, вторая часть - с помощью Microsoft Office Publisher 2003, в третьей части описываются основные элементы создания Web-страницы с помощью языка сценария HTML.

Часть 1. Создание Web-страниц с помощью Word

Создание Web-страницы

Первое, что нужно сделать при создании Web-страницы — это создать пустую Web-страницу. Если времени на изучение всех возможностей Word по созданию Web-страниц нет, можно воспользоваться имеющимися шаблонами или мастером создания Web-страниц.

Создание Web-страниц на основе встроенных шаблонов

При разработке Web-страниц удобно придерживаться определенных стандартов, которые были выработаны за годы существования World Wide Web. Word 2002 предоставляет богатый набор шаблонов для создания красивых и элегантных Web-страниц.

1. Выберите команду Файл, Создать. Появится область задач, в которой будет отображена панель Создание документа.

2. Щелкните по ссылке Общие шаблоны. В появившемся диалоговом окне Шаблоны раскройте вкладку Веб-страницы.

3. Выделите любой из шаблонов.

Выберите команду Файл, Сохранить как. Введите имя файла Web-страницы и нажмите кнопку Сохранить.

Создание пустой Web-страницы

1. Выберите команду Файл, Создать. Появится область задач, в ко­торой будет отображена панель Создание документа.

2. Щелкните по ссылке Общие шаблоны. В появившемся диалоговом окне Шаблоны раскройте вкладку Общие.

3. Выделите элемент Веб-страница (рис.1) в списке шаблонов и нажмите кнопку ОК.

Появится пустой документ.


Рис.1 Диалоговое окно Шаблоны

Обратите внимание, что если теперь выбрать команду Файл, Сохранить как, то в списке Тип файла будет выделен элемент Веб страница, а не Документ Word, как обычно.

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

Изменение фона Web-страницы

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

Для изменения фона Web-страницы:

1. Выберите команду Формат, Фон. Появится палитра цветов фона.

2. Выделите нужный цвет, щелкнув по нему.

Можно воспользоваться дополнительными цветами фона. Для этого: нажмите кнопку Другие цвета на палитре цветов фона, в появившемся диалоговом окне Цвета (рис. 2) выделите один из стандартных цветов на вкладке Обычные или перейдите на вкладку Спектр и выберите нужный оттенок в спектре цветов.


Рис.2 Диалоговое окно Цвета

Можно добавить фоновый рисунок или узор, нажав кнопку Способы заливки на палитре цветов фона.

В появившемся диалоговом окне Способы заливки (рис. 3) выберите фоновый узор, тип градиентной заливки или текстурный рисунок.


Рис.3 Диалоговое окно Способы заливки

Замечание:

В качестве текстурных рисунков можно использовать графические файлы в форматах GIF, JPEG и WMF. Размер таких файлов должен быть как можно меньше.

Для того чтобы добавить подложку:

2. В появившемся диалоговом окне Печатная подложка (рис.4) настройте параметры подложки и нажмите кнопку ОК.


Рис. 4. Диалоговое окно Печатная подложка.

Вставка бегущей строки

Чтобы привлечь внимание к своей странице, используйте бегущую строку. Бегущая строка представляет собой текст, перемещающийся по странице. Работа с бегущей строкой предусмотрена во всех версиях Microsoft Internet Explorer.

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

1. Установите точку вставки на пустой строке Web-страницы. Бегущая строка должна обязательно появляться в пустой строке Web-страницы.


Рис.5 Диалоговое окно Бегущая строка

7. Заполните поле Введите текст бегущей строки.

8. Настройте скорость, цвет фона, параметры движения и повтора бегущей строки.

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

Вставка рисунков

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

§ не использовать очень большие рисунки;

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

На Web-страницу можно добавить рисунки в других графических форматах (например, PCX или BMP). При вставке таких рисунков Word автоматически преобразует их в формат GIF или JPEG. Если Word не может это сделать, значит, на вашем компьютере не установлены графические конвертеры. В таком случае автоматически запустится программа установки Microsoft Office ХР и можно будет установить требуемые конвертеры.

Чтобы добавить рисунок на Web-страницу:

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

2. Выберите команду Вставка, Рисунок. Чтобы вставить рисунок из галереи Microsoft ClipArt, выберите команду Картинки. Появится панель Вставка картинки. Чтобы вставить рисунок из графического файла, выберите команду Из файла. Появится диалоговое окно Добавление рисунка (рис.8).


Рис.8 Диалоговое окно Добавление рисунка

10. Выделите рисунок, который необходимо вставить, и нажмите кнопку Вставка или просто щелкните левой кнопкой мыши по понравившемуся рисунку (в случае, если вы вставляете картинку из галереи Microsoft ClipArt).

Оформление Web-страниц

Word 2002 позволяет применить к Web-странице специальный шаблон оформления — тему. Темы страниц содержат типовые варианты оформления страницы — фон, стили текста, графических элементов и т. п.

Чтобы выбрать тему Web-страницы:

1. Откройте Web-страницу.

2. Выберите команду Формат, Тема. Появится диалоговое окно Тема (рис.10).


Рис.10 Диалоговое окно Тема

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

4. На схеме Образец отображается пример страницы, отформатированной с помощью выделенной темы.

5. Отметьте флажками дополнительные параметры форматирования, которые необходимо применить к странице.

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

Создание интерактивных форм

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

Word позволяет создавать формы и задавать свойства их элементов. Чтобы добавить элемент управления на Web-страницу:

Отобразите на экране панель инструментов Веб-компоненты, для чего выберите команду Вид, Панели инструментов и отметьте флажком элемент Веб-компоненты (рис.11).


Рис.11 Панель инструментов Веб - компоненты

1. Установите точку вставки в то место Web-страницы, куда необходимо вставить элемент управления.

2. Нажмите одну из кнопок на панели инструментов Веб-компоненты (табл.1). Соответствующий элемент управления появится в Web-странице.

Таблица.1 Кнопки панели инструментов Веб-компаненты

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

Для каждого объекта страницы доступа к данным и для всей страницы можно определить сценарий поведения — процедуру, аналогичную процедуре обработки событий в формах. Эти процедуры пишутся на языках JavaScript или Visual Basic Script (последний является упрощенным вариантом Visual Basic для приложений).

Чтобы создать сценарий, щелкните правой кнопкой по элементу управления или по странице и выберите команду Исходный текст. Запустится приложение Microsoft Script Editor, в котором и происходит создание сценариев для страниц доступа к данным.

1. В меню Файл выберите команду Создать.

2. В области задач Новая публикация в группе Новая выберите Пустая веб-страница.

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

Панель навигации

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

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

В предыдущих версиях Publisher можно было создавать для веб-узла панели навигации, содержащие не более десяти ссылок. В Publisher 2003 это ограничение устранено. Кроме того, были добавлены три новые конфигурации панели навигации:

1. Только внизу страницы

2. Только вверху страницы (горизонтальная)

3. Вверху и внизу страницы (горизонтальная и нижняя)

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

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

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

Можно также щелкнуть панель навигации, чтобы выбрать ее, а затем щелкнуть значок мастера (рис.2) в нижней части объекта панели навигации, чтобы открыть область задач "Панель навигации", в которой можно добавлять ссылки и вносить изменения.


Рис.2 Вызов мастера Панели навигации

Имена файлов веб-страниц

Publisher 2003 позволяет задавать имена файлов каждой веб-страницы публикации. Это особенно удобно, если вы собираетесь разместить вспомогательные файлы веб-узла в папке. Имена файлов отображаются в строке адреса веб-обозревателя. Благодаря заданию имен файлов для веб-страниц (например, файл страницы "О нас" может назваться aboutus.htm) обеспечивается более профессиональное оформление веб-узла.

Примечания. По умолчанию в Publisher имена файлов для веб-страниц задаются автоматически при публикации веб-узла в Интернете. Если вы хотите самостоятельно выбрать имена для всех веб-страниц за исключением домашней страницы, выполните следующую процедуру.

Добавочная загрузка

Обслуживание веб-узла и обновление его содержания зачастую может отнимать больше времени и сил, чем его разработка. Publisher 2003 позволяет сэкономить время благодаря использованию новой функции добавочной загрузки.

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

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

1. В меню Сервис выберите команду Параметры.

2. Щелкните вкладку Веб. Убедитесь, что установлен флажок Включить добавочные публикации в Интернете, и нажмите кнопку ОК.

Вставка изображения

Для вставки изображения используется тег . Обязательный атрибут src определяет имя вставляемого файла или его электронный адрес в Интернете.

Для установки фонового рисунка применяется атрибутbackgroundтега .

Атрибут hspace задает размеры горизонтальных отступов по бокам изображения.

Нажмите, чтобы узнать подробности

Конструирование Web-страницы с её текстами, рисунками, цветовым и звуковым оформлением заключается в создании текстового файла, содержащего описание страницы на языке HTML – (HiperTextMarkUpLanguage – язык разметки гипертекста). Это можно сделать с помощью простейших текстовых редакторов, например Блокнота. Программирование на языке HTML – наиболее сложный способ Web-дизайна.

Средства создания Web-страниц Для создания Web-страниц существует целый ряд инструментальных средств высокого уровня, которые называются HTML-редакторами . Работа в них не требует знания языка HTML, поэтому гораздо проще и эффективнее. Такие редакторы входят в состав популярных браузеров: FrontPage входит в Microsoft Internet Explorer; Netscape Composer входит в Netscape Communicator. Мощными системами разработки сайтов являются, например, Microsoft FrontPage, Macromedia Dreamweawer.

Средства создания Web-страниц

Для создания Web-страниц существует целый ряд инструментальных средств высокого уровня, которые называются HTML-редакторами . Работа в них не требует знания языка HTML, поэтому гораздо проще и эффективнее. Такие редакторы входят в состав популярных браузеров:

  • FrontPage входит в Microsoft Internet Explorer;
  • Netscape Composer входит в Netscape Communicator.

Мощными системами разработки сайтов являются, например, Microsoft FrontPage, Macromedia Dreamweawer.

Средства создания Web-страниц Фирма Microsoft включает средства создания Web-страниц в текстовый процессор Word, начиная с версии Word 97. Возможности его ограничены, однако несложные сайты с его помощью вполне можно создавать, используя ряд шаблонов художественного оформления страниц. Но можно шаблонами и не пользоваться, а создавать свой дизайн и свою структуру документов.

Средства создания Web-страниц

Фирма Microsoft включает средства создания Web-страниц в текстовый процессор Word, начиная с версии Word 97.

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

Но можно шаблонами и не пользоваться, а создавать свой дизайн и свою структуру документов.

Проектирование Web-сайта

Проектирование сайта Вначале желательно спроектировать всю систему будущего сайта, т.е. нарисовать схему, в которой отразить структуру связанных Web-страниц. Семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страницами father.htm, mother.htm, son.htm, timka.htm , связанными с главной странице с помощью гиперссылок. Кроме того, к странице присоединён графический файл photo.jpg , в котором хранится семейная фотография.

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

Семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страницами father.htm, mother.htm, son.htm, timka.htm , связанными с главной странице с помощью гиперссылок. Кроме того, к странице присоединён графический файл photo.jpg , в котором хранится семейная фотография.

Структура будущего Web-сайта

Структура будущего Web-сайта

Это внутреннее содержание сайта. Однако с помощью гиперссылок он оказывается связанным с другими сайтами WWW. Только наличие таких внешних связей делает разрабатываемый сайт элементом Всемирной паутины. После того как сайт разработан, его нужно опубликовать в WWW, т.е. разместить его на Web-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, но это только после того как мы сделаем эту практическую работу № 6 !

Только наличие таких внешних связей делает разрабатываемый сайт элементом Всемирной паутины.

После того как сайт разработан, его нужно опубликовать в WWW, т.е. разместить его на Web-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, но это только после того как мы сделаем эту практическую работу № 6 !

Цель работы Освоение приёмов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: Оформление дизайна страниц; Организация внутренних гиперссылок; Организация внешних гиперссылок.

Освоение приёмов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word:

Цель работы: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Используемое программноее обеспечение: текстовый процессор Microsoft Word.

Замечание . Чтобы проверить, работает ли Web-мастер, выполните команду Файл —> Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит, можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.

Задание

https://forumstatic.ru/files/0010/f8/a8/57754.jpg

https://forumstatic.ru/files/0010/f8/a8/93391.jpg

1. Открыть текстовый процессор Word.

2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.

3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.

Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.

4. Вставить внутренние гиперссылки. Для этого:

5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.

6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).

10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)

11. Установите автономный режим работы браузера.

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

Читайте также: