Sdscompany.ru

Компьютерный журнал
8 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Создание сайта word

Как сделать сайт в ворде (Word)

Как сделать сайт в ворде

Как сделать сайт в ворде (Word)

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

Что нужно делать, чтобы создать сайт

1. Запускам Word.

2. Создаем меню.
Можно сделать так: Главная | Моя музыка | О сайте

Для этого, нажимаем «Вставка» — «Гиперссылка»
В появившемся окне в поле «Текст» пишем текст нашей ссылки – например «О сайте», в поле «Адрес» пишем текстом index1.htm,

Добавив текст, мы вставляем гиперссылки на старницу сайта

Для других страниц пишем другие имена страниц — index2.htm, index3.htm, index4.htm или o-saite.htm, moia-musika.htm.

3. Ниже меню печатаем основной текст.

5. Сохраняем полученную страницу, нажимаем «Файл» — «Сохранить как», а далее очень важно, выбираем имя файла index, а тип файла htm – НЕ ОДНИМ ФАЙЛОМ.

Сохраняем полученную страницу сайта

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

Обратите внимание, если вы добавляли картинки, то вместе с веб страницей появится еще и папка images – в ней все вставленные вами рисунки.

Рекомендации

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

Спасибо за внимание.
Автор: Титов Сергей

Сообщения по теме:

Комментарии (5)

  1. yorik616 06.12.2009 #

делаю всё также но почему то все рисунки и фото в итоге не отображаются. виден только фон и гиперссылки

yorik616: возможно просто не верно указали путь к рисункам…
например программа ищет рисунок по адресу C:/images/55.jpg
а рисунка там нет, он может в другом месте…
но я вообще не советовал бы делать так сайт — пробуйте другие варианты, например почитайте советы по HTML — http://www.lamer-stop.ru/category/delaem-sajt/uroki-html/.

Если нет фронтпейджа то скачайте HtmlReader по функциям очень похоже и бесплатно.

Ну, сделал, понятно, напихал страниц — тоже понятно. А как его отправить в сеть, чтобы эта папочка размещалась там и открывалась по определенному адресу, а не с компа создателя?

Знания в формате 4 и 5

Меню навигации

Пользовательские ссылки

Информация о пользователе

Вы здесь » Знания в формате 4 и 5 » 11 класс (Семакин И.Г.) » П/р № 3.6 Интернет: создание Web-сайта с помощью Microsoft Word

П/р № 3.6 Интернет: создание Web-сайта с помощью Microsoft Word

Сообщений 1 страница 1 из 1

Поделиться12012-10-31 09:39:41

  • Автор: Евгений Александрович
  • Администратор
  • Зарегистрирован: 2012-02-01
  • Приглашений: 0
  • Сообщений: 468
  • Провел на форуме:
    25 дней 9 часов
  • Последний визит:
    2020-04-04 14:30:02

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

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

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

Задание

В данной работе вы реализуете проект семейного сайта. Ниже вы видите макет главной страницы и макет «Папиной страницы». Макеты остальных страниц вы можете по аналогии создать сами.

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

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

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

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

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

=> установить курсор перед абзацем, начинающимся словами: «Моего папу зовут . »;
=> выполнить команду Вставка —> Закладка;
=> в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
=> в списке, расположенном выше, выделить слово «Папа»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
=> выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

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

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

7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.

8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:

=> выделить первое в тексте слово «Биография»;
=> выполнить команду Вставка -> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
=> найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:

=> выделить текст «Московского государственного университета им. М. В. Ломоносова»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: http://www.msu.ru; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

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

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

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

Читать еще:  Как сделать свой шрифт в word

13. Отменить автономный режим, проверить работу внешних гиперссылок.

Урок. Создание Web-сайта с помощью Microsoft Word
план-конспект урока по информатике и икт (11 класс) по теме

Цель урока:

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

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

Скачать:

Предварительный просмотр:

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

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
  2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
  2. Учебная – изучить и закрепить навыки работы с текстовым редактором.
  3. Развивающая – развитие логического мышления, расширение кругозора.

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

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

  1. Краткий инструктаж по технике безопасности в компьютерном классе.
  2. Объяснение нового материала.
  3. Выполнение практической работы.
  4. Домашнее задание.

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

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

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

«Правила поведения в кабинете информатики»

Во время работы следует

  1. Соблюдать правила поведения и текущие указания учителя.
  2. Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки — в очках.
  3. Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
  4. Нажимать на клавиши плавно, не допуская резких ударов.
  5. Работать на клавиатуре чистыми руками.
  6. Не вставать со своих мест, когда в кабинет входят посетители.
  7. В класс входить спокойно, не торопясь, не задевая столы.
  1. Трогать разъёмы соединительных кабелей.
  2. Прикасаться к питающим проводам и устройствам заземления
  3. Прикасаться к экрану и тыльной стороне монитора.
  4. Включать и выключать аппаратуру без разрешения преподавателя.
  5. Класть посторонние предметы на клавиатуру и монитор.
  6. Не пользоваться клавиатурой при отключенной аппаратуре.
  7. Работать во влажной одежде и влажными руками.
  8. Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
  1. Изучение нового материала.

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

  1. Что такое Web – сайт, Web – страница, гиперссылка?
  2. Как и какими средствами создаются Web – страницы?
  3. Какие существуют виды навигационной схемы Web – сайтов?
  4. Примеры оформления Web – страниц.
  5. Создание гиперссылок.

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

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

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

Завершить практическую работу и отправить учителю через «Виртуальные факультативы»

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Примеры оформления Web – страниц.
Читать еще:  Конверт почта россии шаблон word

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

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

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

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

Создание сайта word

Пошаговое руководство как сделать сайт за 20 минут

1. Создаем на диске новую папку, в которой будут храниться файлы нашего будущего сайта и назовем ее My _ Site (можете придумать свое название)

2. Открываем текстовый редактор Microsoft Word и сохраняем новый, пока еще пустой файл как Web страницу под именем index в нашей папке My _ Site ( Меню > Файл > Сохранить как Web страницу ). Важно! Имя первой главной страницы на которую будут попадать посетители вашего сайта должно быть index . htm или index . html , в именах Web страниц не используйте заглавных букв.

3. Устанавливаем цвет фона ( Меню > Формат > Фон )

4. Для более удобного позиционирования объектов (текст, рисунки и т.д.) на будущей Web странице, воспользуемся таблицей

( Меню > Таблица > Добавить > Таблица), нам вполне хватит таблицы из трех столбцов и одной строки.

Созданную таблицу можно будет отредактировать в любое время, а так же добавлять или удалять отдельные ячейки таблицы.

5. Теперь вставим в среднюю ячейку какой-нибудь рисунок, либо рекламный баннер партнерской программы (Меню > Вставка > Рисунок > Из файла). После вставки рисунка, Word автоматически создает каталог index . files , где размещает все вставленные файлы рисунков, этот каталог со всем его содержимым нужно будет загрузить на сервер хостинга об этом будет написано ниже.

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

7. Теперь создадим вторую страницу аналогично первой, назовем ее page 01 и сохраним в нашем каталоге My _ Site как Web страницу.

Для того чтобы посетитель смог перейти на страницу page 01 с нашей главной страницы и обратно поставим гиперссылки (если обе страницы находятся в одном каталоге, как в нашем примере, то при создании гиперссылки совсем НЕ обязательно указывать полный путь к странице, достаточно указать ее имя)

Главная страница index . htm с ссылкой для перехода на страницу page 01. htm

Страница page 01. htm и ссылкой для возврата на главную страницу index . htm

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

Имена файлов ваших Web страниц могут быть произвольными, но помните что в именах не должно содержаться заглавных букв и имя первой главной страницы вашего сайта должно быть index . htm или index . html . Word вполне подходит для создания небольших Web страниц, но более удобными и профессиональными являются специальные визуальные редакторы FrontPage и Dreamweaver MX , их описание вы найдете в нашей библиотеке.

Пример созданных Web страниц можно посмотреть здесь

Размещение сайта в сети.

После того как сайт создан его нужно разместить в Интернете. Рассмотрим пример размещения на бесплатном хостинге narod . ru

1. Для начала вам нужно выбрать имя вашего сайта и нажать на кнопку Занять. ( Имя вашего сайта будет выглядеть так: http://имя_сайта.narod.ru вместо имя_сайта будет название вашего сайта ). Если имя свободно, то вы попадете на страницу регистрации, если же имя занято, то вам будет предложено выбрать другое имя (имя сайта должно содержать только латинские буквы и цифры, в имени сайта нельзя использовать заглавных букв).

2. После успешной регистрации переходим к загрузке нашего сайта на хостинг. Для этого откройте свой web браузер, в строке адреса введите ftp.narod.ru и нажмите Enter . Далее: введите в форму имя вашего сайта (без окончания narod . ru ), пароль и нажмите Вход.

2. Скопируйте все файлы и подкаталоги из каталога My _ Site в ftp :// ftp . narod . ru / (замете ИЗ каталога, а не весь каталог), если все сделано правильно, то ваш сайт сразу же станет доступным по адресу http://имя_сайта.narod.ru

3. Привлечь первых посетителей на ваш сайт можно разными способами, самый простой это воспользоваться САР или почтовыми сервисами. См. также Раскрутка сайта.

Урок. Создание Web-сайта с помощью Microsoft Word
план-конспект урока по информатике и икт (11 класс) по теме

Цель урока:

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

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

Скачать:

Предварительный просмотр:

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

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
  2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
  2. Учебная – изучить и закрепить навыки работы с текстовым редактором.
  3. Развивающая – развитие логического мышления, расширение кругозора.

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

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

  1. Краткий инструктаж по технике безопасности в компьютерном классе.
  2. Объяснение нового материала.
  3. Выполнение практической работы.
  4. Домашнее задание.

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

  1. Инструктаж по технике безопасности в компьютерном классе
Читать еще:  Переводчик word онлайн

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

«Правила поведения в кабинете информатики»

Во время работы следует

  1. Соблюдать правила поведения и текущие указания учителя.
  2. Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки — в очках.
  3. Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
  4. Нажимать на клавиши плавно, не допуская резких ударов.
  5. Работать на клавиатуре чистыми руками.
  6. Не вставать со своих мест, когда в кабинет входят посетители.
  7. В класс входить спокойно, не торопясь, не задевая столы.
  1. Трогать разъёмы соединительных кабелей.
  2. Прикасаться к питающим проводам и устройствам заземления
  3. Прикасаться к экрану и тыльной стороне монитора.
  4. Включать и выключать аппаратуру без разрешения преподавателя.
  5. Класть посторонние предметы на клавиатуру и монитор.
  6. Не пользоваться клавиатурой при отключенной аппаратуре.
  7. Работать во влажной одежде и влажными руками.
  8. Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
  1. Изучение нового материала.

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

  1. Что такое Web – сайт, Web – страница, гиперссылка?
  2. Как и какими средствами создаются Web – страницы?
  3. Какие существуют виды навигационной схемы Web – сайтов?
  4. Примеры оформления Web – страниц.
  5. Создание гиперссылок.

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

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

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

Завершить практическую работу и отправить учителю через «Виртуальные факультативы»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ссылка на основную публикацию
Adblock
detector