в каком форме реализуются публикации во всемирной паутине

В каком форме реализуются публикации во всемирной паутине

Основными достоинствами Web-страниц являются:
— малый информационный объем;
— возможность просмотра в различных операционных системах.

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

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

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

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

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

1. В чем заключается преимущество Web-страниц перед обычными текстовыми документами?

2. Каким образом Web-страницы объединяются в Web-сайты?

Структура Web-страницы

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

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

Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

Отображаемое в браузере содержание страницы помещается в контейнер (рис. 6.26):

Компьютер

Компьютер и ПО

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

Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы (например, «Компьютер»), которое высвечивается в верхней строке окна браузера. Имя Web-страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами.

1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?

6.10. Практическое задание. Создать заготовку Web-страницы «Компьютер» и просмотреть ее в браузере.

Форматирование текста на Web-странице

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

Заголовки. Размеры шрифтов заголовков задаются парами тэгов от (самый крупный) до (самый мелкий).

Атрибут COLOR позволяет задавать цвет шрифта (например, C0L0R=»blue»). Значение атрибута COLOR можно задать либо названием цвета (например, «red», «green», «blue» и т. д.), либо его шестнадцатеричным значением.

Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе задается так: ALlGN=»left», выравнивание по правой границе: ALIGN=»right», выравнивание по центру: ALIGN= «center».

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

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

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

Таким образом, домашняя страница сайта «Компьютер» будет содержать отцентрированный крупный заголовок синего цвета, отделенный горизонтальной линией от двух по-разному выровненных абзацев (рис. 6.27):

Компьютер и ПО

Ha этом сайте.
Терминологический словарь
.

1. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?

6.11. Практическое задание. Создать Web-страницу «Компьютер» с отформатированным текстом и просмотреть ее в браузере.

Вставка изображений в Web-страницы

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

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

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:

Положение рисунка относительно текста. Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа).

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

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

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

1. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?

6.12. Практическое задание. Вставить в Web-страницу «Компьютер» изображение и просмотреть ее в браузере.

Гиперссылки на Web-страницах

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

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

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

Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:

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

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

Панель навигации по сайту. Создадим папку сайта «Компьютер» и добавим в сайт пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета». Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие «пустые» страницы должны иметь заголовки, но могут пока не иметь содержания:

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

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

Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации:

Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке Кому будет указан заданный в ссылке адрес.

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

1. Какой тэг и его атрибуты используются для создания гиперссылок?

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

Списки на Web-страницах

Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах:

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

Системные программы
Прикладные программы
Системы программирования

текстовые редакторы;
графические редакторы;
электронные таблицы;
системы управления базами- данных.

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

Во второй элемент основного нумерованного списка вставим вложенный маркированный список (рис. 6.30).

Web-страницу «Словарь» мы представим в виде словаря компьютерных терминов (рис. 6.31):

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

1. Какие тэги используются для создания нумерованных списков? Маркированных списков?

Источник

В каком форме реализуются публикации во всемирной паутине

В настоящее время наметились две тенденции в развитии Всемирной паутины: семантическая паутина и

Существует также популярное понятие Web 2.0, обобщающее сразу несколько направлений развития Всемирной паутины.

Способы активного отображения информации во Всемирной паутине

Информация в вебе может отображаться как пассивно (то есть пользователь может только считывать её), так и активно — тогда пользователь может добавлять информацию и редактировать её. К способам активного отображения информации во Всемирной паутине относятся:

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

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

World Wide Web иногда иронично называют Wild Wild Web (дикий, дикий Web) — по аналогии с названием одноименного фильма Wild Wild West (Дикий, дикий Вест).

В 2011 году в Санкт-Петербурге планировали установить памятник Всемирной паутине. Композиция должна была представлять из себя уличную скамейку в виде аббревиатуры WWW с бесплатным доступом в Сеть.

Источник

Презентация по информатике на тему «Всемирная паутина» (10 класс)

Ищем педагогов в команду «Инфоурок»

Описание презентации по отдельным слайдам:

Всемирная паутина Датой рождения World Wide Web (WWW) считается 6 августа 1991 года. В этот день Тим Бернерс-Ли, работавший в Европейском центре ядерных исследований в Женеве (Швейцария), опубликовал краткое описание проекта WWW.

Гиперссылка состоит из 2 частей Указатель Адрес (URL) То, что мы видим на веб-странице (текст, рисунок, кнопка)? т.е. то, что является самой гиперссылкой. Universal resource locator – универсальный указатель ресурсов. Это сам адрес файла.

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

Язык разметки гипертекста HTML

Flash-технология основана на использовании векторной графики и позволяет создавать мультимедийные интерактивные Web-страницы. Flash-страницы отличаются малым информационным объемом (высокой скоростью загрузки) и высоким качеством графики. (Flesh-плееры (Macromedia FleshPleer) для просмотра таких страниц устанавливаются дополнительно в браузере)

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

Интернет-портал горизонтальные вертикальные Охватывают много тем. Например, порталы поисковых систем Rambler, Яndex и др. Специализированные тематические порталы. Например, Российский образовательный портал http://school.edu.ru

Браузеры – средство доступа к информационным ресурсам Всемирной паутины. Браузер загружает Web-страницу и отображает ее в соответствии с тэгами языка разметки гипертекста.

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

Различные варианты сохранения Web-страниц: в формате Web-страница (только HTML) приведет к сохранению самой страницы но при этом не сохранятся связанные с ней рисунки, звуковые и прочие файлы; в формате ТХТ приведет к сохранению самой страницы в текстовом формате; в формате Web-страница полностью приведет к сохранению не только самой страницы но и связанных с ней рисунков, звуковых и прочих файлов в отдельной папке. Можно сохранить не только Web-страницу полностью, но и отдельные части: текст, изображения или ссылки.

Курс повышения квалификации

Дистанционное обучение как современный формат преподавания

Курс повышения квалификации

Современные педтехнологии в деятельности учителя

Курс профессиональной переподготовки

Математика и информатика: теория и методика преподавания в образовательной организации

Номер материала: ДБ-090808

Международная дистанционная олимпиада Осень 2021

Не нашли то что искали?

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

В Москве стартует онлайн-чемпионат для школьников Soft Skills — 2035

Время чтения: 1 минута

Студенты разработали программу для предупреждения опасного поведения в школах

Время чтения: 1 минута

Большинство московских родителей поддерживают экспресс-тестирование на ковид в школах

Время чтения: 1 минута

В школе в Пермском крае произошла стрельба

Время чтения: 1 минута

Школьников не планируют переводить на удаленку после каникул

Время чтения: 1 минута

Минобрнауки предложило вузам перевести студентов на удаленку

Время чтения: 1 минута

Подарочные сертификаты

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

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

Источник

Урок 32
§3.4. Всемирная паутина. Практическая работа 3.2. Настройка браузера

§3.4. Всемирная паутина

Содержание урока

Всемирная паутина

Всемирная паутина

«Всемирная паутина» — это вольный перевод английского словосочетания World Wide Web, которое часто обозначается как WWW, или Веб. Бурное развитие сети Интернет, которое происходило на протяжении 1990-х годов, в первую очередь обусловлено появлением новой технологии WWW.

Технология WWW. Технология WWW позволяет создавать ссылки — их называют гиперссылками, — которые реализуют переходы на любой документ любого компьютера, подключённого в данный момент к Интернету. Связанные гиперссылками вебстраницы образуют гипертекст. Гипертекст позволяет пользователю выбирать информацию нелинейно, в требуемой последовательности. Всемирная паутина является глобальной гипертекстовой информационной системой.

Тематически связанные веб-страницы образуют веб-сайты. Гиперссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указатель ссылки — это то, что мы видим на веб-странице: текст (обычно выделенный синим цветом и подчёркиванием) или рисунок, выделенный синей рамкой. Активизация гиперссылки — щелчок на ней мышью — вызывает переход на другую страницу.

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

Адресная часть гиперссылки представляет собой URL-адрес (URL: Universal Recource Locator — универсальный указатель ресурса) документа, на который указывает ссылка. URL-адрес документа в Интернете включает протокол доступа, доменное имя или IP-адрес сервера, путь к файлу и имя файла веб-страницы.

Протокол доступа к документу определяет способ доступа к нему. Для доступа к веб-страницам используется протокол передачи гипертекста HTTP (Hyper Text Transfer Protocol). При записи протокола после его имени записывают двоеточие и два символа «косая черта»: http://

Запишем, например, URL-адрес новостной ленты веб-сайта издательства «БИНОМ. Лаборатория знаний» (сервер: www.Lbz.ru). Начальная страница этой новостной ленты расположена в файле index.htm каталога news.

Следовательно, универсальный указатель ресурсов примет вид:

http://www.Lbz.ru/news/index.htm

Он состоит из трёх частей:

http:// — протокол доступа;
www.Lbz.ru — доменное имя сервера;
/news/index.htm — путь к файлу и имя файла веб-страницы.

Язык разметки гипертекста. Создание веб-страниц осуществляется с помощью языка разметки гипертекста HTML (Hyper Text Markup Language). Основа используемой в HTML технологии состоит в том, что в обычный текстовый документ вставляются управляющие символы — теги. В результате мы получаем текстовый документ, который при просмотре в браузере видим в форме веб-страницы. С помощью тегов можно изменять размер, начертание и цвет символов, выбирать фон, определять положение текста на странице, вставлять гиперссылки и т. д.

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

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

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

Флеш-технология. Флеш-технология (flash) основана на использовании векторной графики и позволяет создавать мультимедийные интерактивные веб-страницы. Флеш-страницы отличаются малым информационным объёмом (высокой скоростью загрузки) и высоким качеством графики.

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

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

Интернет-портал. Интернет-портал предоставляет пользователю Интернета возможность получения информации с других сайтов с использованием внешних ссылок (ведущих на другие ресурсы сети). «Горизонтальными» принято называть порталы, охватывающие много тем. Типичными «горизонтальными порталами» являются порталы поисковых систем (Яндекс, Google и др.). «Вертикальными» называются специализированные тематические порталы. Например, «вертикальным» является Российский общеобразовательный портал, который размещён в Интернете по адресу http://school.edu.ru.

Браузер. Это программное средство для доступа к информационным ресурсам Всемирной паутины. Браузер загружает веб-страницу и отображает её в соответствии с тегами языка разметки гипертекста (HTML). В настоящее время наиболее распространёнными браузерами являются Chrome, Яндекс. Браузер, Opera, Mozilla FireFox, Internet Explorer, Safari.

После загрузки в браузер начальной (домашней) страницы «путешествовать» по Всемирной паутине можно различными способами:

• воспользоваться ссылками загруженной в браузер веб-страницы;
• в строку Адрес ввести адрес (URL) нужной веб-страницы;
• воспользоваться закладками веб-страниц.

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

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

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

• сохранение страницы в формате web-страница (только HTML) приведёт к сохранению самой страницы, но при этом не сохранятся связанные с ней рисунки, звуковые и прочие файлы;
• сохранение страницы в формате TXT приведёт к сохранению самой страницы в текстовом формате;
• сохранение страницы в формате web-страница полностью приведёт к сохранению не только самой страницы, но и связанных с ней рисунков, звуковых и прочих файлов в отдельной папке.

Можно сохранить не только веб-страницу полностью, но и отдельные её части: текст, изображения или ссылки.

Off-line браузеры. Для быстрой загрузки веб-сайтов с целью их дальнейшего неспешного просмотра в автономном режиме используются специальные программы — off-line браузеры.

Off-line браузеры (например, Offline Explorer) позволяют загружать на локальный компьютер веб-сайты целиком или отдельные части сайта по выбору. Пользователь может установить необходимую «глубину» загрузки веб-сайта (количество вложенных каталогов), загрузку связанных со страницами мультимедиа файлов, загрузку по гиперссылкам веб-страниц с других веб-серверов и т. д. Имеется возможность продолжения загрузки сайта после разрыва соединения и обновления ранее загруженных сайтов.

Вопросы и задания

1. Из каких двух частей состоит гиперссылка? Какую функцию выполняет каждая из её частей?

2. Из каких частей состоит URL-адрес документа в Интернете?

3. Как вы думаете, в чём главное различие между языком разметки гипертекста и языками программирования?

4. Всемирная паутина состоит из веб-страниц? Веб-сайтов? Интернет- порталов?

Следующая страница Практическая работа 3.2. Настройка браузера

Cкачать материалы урока

Источник