Слайд 1Представление о веб-конструировании
Слайд 2Представление информации в сети Интернет
Всемирная информационная паутина (WWW – World
Wide Web) является в настоящее время популярной и удобной службой
сети Интернет.
Веб-страницы и веб-сайты широко применяются во Всемирной паутине.
Слайд 3Как создают сайты?
Для создания веб-сайтов используется язык разметки гипертекстовых документом
HTML (HyperText Markup Language).
Слайд 4Зачем нужен язык разметки?
При создании обычного документа в любом текстовом
процессоре легко можно выполнить форматирование документа, например, задать размер и
начертание шрифта, цвет букв, ширину полей.
То, что вы делаете с документом на экране монитора, в том же виде переносится на бумагу при распечатке на принтере.
Это возможно благодаря графическому интерфейсу пользователя (GUI — Graphical User Inerface), который поддерживает технологию точного отображения WYSIWYG (сокращение от «What You See Is What You Get» — что видите, то и получаете).
Слайд 5Обмен информацией не всегда успешно проходит в двустороннем порядке между
текстовыми редакторами (ТР) даже в пределах одной операционной системы, например
Блокнот и Microsoft Word. В случае с различными ОС ситуация может ещё более усложниться.
Слайд 6В случае веб-страниц пользователь имеет дело не с бумажными, а
с электронными документами, полученными через Интернет.
Принцип отображения документа средствами
форматирования родительского приложения здесь неприемлем.
Слишком много приложений или всевозможных конверторов пришлось бы иметь пользователю на своем компьютере, чтобы эффективно работать с множеством возможных форматов документов.
Слайд 12Обработка файлов полученных из интернета была бы утомительной
Слайд 13Детей Интернет наверное не заинтересовал бы вообще
Слайд 14Работали бы люди
в Интернете вот так
Слайд 16Идея решения проблемы обмена документами между различными компьютерами и приложениями
через Интернет основана на языке разметки гипертекста HTML (HyperText Markup
Language).
Слайд 17Этот язык был создан более 20 лет назад как стандарт
оформления документов и был принят подавляющим большинством пользователей Интернета, а
главное, — всеми производителями программного обеспечения и оборудования для Web.
Слайд 18Документы, размеченные согласно HTML, могут читаться на любом компьютере, на
котором установлена всего лишь одна программа просмотра таких документов —
браузер.
Слайд 19Благодаря языку разметки HTML клиент Web может на экране своего
компьютера просмотреть документ в том виде, в каком его задумал
разработчик: с определенными размерами шрифта и разбивкой на абзацы, с определенным расположением рисунков и гиперссылок.
Текстовый документ, составленный на HTML, имеет размер в байтах в несколько раз меньший, чем размер аналогичного документа, подготовленного в текстовом процессоре (например, Word).
Слайд 20Разметка документа — это описание различных фрагментов документа и их
взаимного расположения. Выполняется разметка с помощью команд языка HTML —
тегов.
Слайд 21В языке HTML имеется множество тегов, среди которых — теги
создания заголовка документа, задания параметров шрифта, вычерчивания линий, вставки гиперссылок,
вставки графических элементов и т. д. В итоге веб-страница кроме текста и ссылок может содержать графику, звуки, видео, т. е. иметь такой вид, который вы видите на экране компьютера.
Получить представление о том, как выглядит код HTML, вы сможете, если откроете в браузере любую веб-страницу и перейдете к просмотру исходного кода страницы. Вы сможете увидеть, как создана та или иная страница, — это вам пригодится при разработке своих документов.
Слайд 22Об истории HTML
История языков разметки уходит в 60-е годы XX
века, когда сотрудники компании IBM взялись за решение задач переноса
документов между различными платформами и операционными системами. Результатом их усилий стал язык GML (General Markup Language — общий язык разметки).
Слайд 23Следующий этап связан с именами ученых-физиков, сотрудников Европейского центра ядерных
исследований (CERN) в Женеве. Так, в конце 1980-х годов Тим
Бернерс-Ли занялся проблемой хранения и отображения данных, полученных коллегами.
Слайд 24Проблема состояла в том, что каждый специалист, приезжавший в Центр,
применял собственные методы представления информации и срочно требовалось создание универсальной
системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.
Слайд 25В основу разрабатываемого языка Бернерс-Ли положил язык GML и приемы
работы с гипертекстом, с чем и связано название созданного им
языка — HTML. Новый язык использовал основные конструкции GML для описания документов и гипертекстовых ссылок.
Понятие гипертекст означает электронный документ, который содержит в себе ссылки на другие документы.
Слайд 26Разработка HTML привела в итоге к новой технологии распространения гипертекстовых
документов в Интернете World Wide Web (WWW).
Однако для широкого
распространения World Wide Web кроме языка HTML потребовалась разработка протокола передачи гипертекста HTTP (Hyper Text Transfer Protocol — протокол передачи гипертекста), который позволил осуществлять обмен документами HTML.
Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере.
Слайд 27Браузеры
Чтобы отобразить на экране компьютера HTML-документы в том виде, как
они задумывались разработчиками, необходимо иметь специальную программу, называемую «браузер». (От
английского слова browse, которое переводится как «пастись, ощипывать молодые побеги, заниматься беспорядочным чтением».) Браузер Internet Explorer входит в виде интегрированного модуля в Windows.
Слайд 29HTML-файлы
Веб-страница, загружаемая в браузер, представляет собой HTML-файл.
Это текстовый файл
с расширением .htm или .html.
Файлы . htm создаются для
обработки в операционной системе DOS (где принято расширения обозначать тремя буквами).
Для работы в Windows допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным является использование расширения .html.
Слайд 30Для просмотра HTML-кода страницы в браузере Internet Explorer можно выполнить
любое из следующих действий:
щелкните правой кнопкой мыши в окне документа
и в появившемся контекстном меню выберите команду Просмотр HTML-кода;
выберите команду меню Вид ► Просмотр HTML-кода.
После этого на экране откроется окно приложения Блокнот с HTML-кодом просматриваемой вами страницы.
Слайд 31Редакторы HTML-файлов
Так как HTML-документ представляет собой текстовый файл, для его
создания и редактирования можно использовать любой текстовый редактор, например Блокнот.
Слайд 32Существуют также более серьезные программы для подготовки веб-страниц. Их можно
разделить на два типа:
редакторы HTML-текстов, которые автоматизируют набор кода. Наиболее
известные из них — это HomeSite, HotDog;
визуальные редакторы HTML, в которых пользователь имеет дело не с кодом, а с графическими образами элементов HTML. К ним относятся редакторы Microsoft Front Page, Macromedia Dreamweaver.
Слайд 33Вопросы
Какой язык программирования применяется для создания сайтов?
Почему для создания
web-документов неприемлем традиционный способ?
Как называется программа для просмотра Web-документов?
Что такое
разметка документа?
Что такое теги?
Что такое гипертекст?
Что такое HTML файл?
Слайд 34Вопросы
Какие расширения могут иметь HTML файлы?
Какие действия нужно выполнить для
просмотра HTML кода в браузере Internet Explorer?
Какие виды редакторов HTML
файлов вы знаете?
Кто впервые занялся проблемой хранения и отображения данных?
Как называется протокол передачи гипертекста?
Назовите стандартную программу Windows в которой можно создавать сайты
Слайд 35Домашнее задание
§1.1. с. 4-6
Придумать тему будущего сайта.
Сделать подборку
материалов по выбранной теме.
Подборка материалов должна включать в себя текст
и изображения.