Презентация ученика 12 -го класса Кужба Дениса
Веб-страница • Веб-страница — самостоятельный документ, имеющий уникальный URL-адрес. • Веб-страница — это файл с расширением htm (html), который по формату является обычным текстовым файлом.
HTML • Веб-страницы создаются с помощью языка html (Hyper. Text Markup Language — язык разметки гипертекста). • Документ, созданный с помощью языка гипертекстовой разметки HTML, содержит исходный текст документа, включающий специальные управляющие символы — теги (tag).
Веб-сайт • Веб-сайт — набор веб-страниц, объединенных между собой по смыслу, навигационно, гиперссылками и физически находящихся на одном вебсервере.
Веб-сервер • Веб-сервер — сервер в сети Интернет, предоставляющий хостинг — выделение дискового пространства на сервере для размещения веб-сайтов и предоставление возможности их просмотра.
Веб-страница
Язык HTML. Структура HTML-программы. Фон страницы. Язык HTML. Для того, чтобы публиковать информацию для повсеместного распространения, необходимо иметь язык, понятный всем компьютерам. Издательский язык, используемый на World Wide Web, называется HTML (от английского Hyper Text Markup Language - язык разметки гипертекста). HTML представляет собой совокупность достаточно простых команд, которые вставляются в исходный текст документа и позволяют управлять представлением этого документа на экране дисплея. Таким образом, текст, созданный с помощью любого текстового редактора, а затем сохраненный в формате HTML, становится Web-страницей (HTML-документом) после добавления в него команд языка HTML.
Браузеры, или обозреватели (от англ. browse просмотр) - это специальные программы просмотра файлов в Интернет. Команды языка HTML задаются между специальными символами <. . . >, и называются тегами (tag).
Базисные теги языка HTML. Теги позволяют управлять представлением информации на экране при отображении HTML-документов специальными программами браузерами. (Например, Microsoft Internet Explorer или Google Chrome) Приняв информацию, браузер компонует элементы документа в соответствии с тем, что задано командами HTML, и показывает результат на экране с учетом предварительных настроек, касающихся размеров окна браузера, используемой цветовой схемы, установленных цветов и т. д.
Тег - это инструкция браузеру, указывающая способ отображения текста. Теги могут быть двух видов: 1) одноэлементный тег: <. . . >; его достаточно просто вставить в текст для того, чтобы совершить какое-либо действие; 2) парный тег: <. . . >. . . </. . . >; он влияет на текст, с того места, где употреблен, до того места, где указан признак окончания его действия. Признаком завершения команды служит тот же самый тег, только начинающийся с символа слэш " / ": <. . . > - открывающийся тег, </. . . > - закрывающийся тег.
Структура HTML-страницы: <HTML> <HEAD> описание заголовка </HEAD> <BODY> текст документа </BODY> </HTML> <HTML>. . . </HTML> - границы HTML-программы Любой HTML-документ должен начинаться (и заканчиваться) тегом <HTML>. . . </HTML>. Этот тег указывает на то, что данный документ содержит в себе HTML-текст. Web-документ разбивается на две логические части: заголовок и содержание.
• <HEAD>. . . </HEAD> - заголовок HTML-программы • Заголовок также называют головной частью программы, он содержит справочную информацию о странице, которая не отображается браузером, а также название документа. <BODY>. . . </BODY> - содержание HTML-программы • Основное содержание страницы помещается в тег <BODY>. . . </BODY>. Его также называют телом программы. Замечание: HTML не чувствителен к регистру, т. е. все равно какими буквами писать: прописными или строчными (например BODY эквивалентно body или Body).
Основные теги заголовка HTML-программы. В головной части программы обычно пишется Тег TITLE - имя окна, содержащего Вашу страничку (не более 64 символов). Показывается в заголовке окна браузера. Пример: <HTML> <HEAD> <TITLE>Страничка Микки </TITLE> </HEAD> <BODY> </HTML>
Задание. Создайте простейший HTML-файл. Для этого: 1. Создайте на диске отдельную директорию (папку) для своей будущей страницы. Вы можете назвать ее своим именем (фамилией). Например, D: IVANOVA. 2. Запустите Блокнот. 3. Наберите текст HTML, в который включите все теги, что мы разобрали. Между тегами <BODY> и </BODY> напишите несколько слов о себе. 4. В меню Файл (File) выполните команду Сохранить как. В диалоговом окне Сохранения файла найдите созданную папку, укажите тип файла. Все файлы и сохраните файл, назвав его своим именем (фамилией), и указав расширение HTM. Например, D: IVANOVAIvanova. HTM 5. Закройте Блокнот. Поздравляю! Вы уже создали реальный электронный документ. Можете посмотреть, что у Вас получилось. Для этого: 6. Загрузите браузер Microsoft Internet Explorer или Netscape Navigator. 7. В меню Файл (File) выполните команду Открыть. Используя кнопку Обзор, найдите свой документ D: IVANOVAIvanova. HTM и загрузите его. Заметьте, что если вы не забыли указать название в теге TITLE, то оно отразилось в верхней строке браузера.
Значение цвета в атрибутах HTML-языка может задаваться несколькими способами: Названием, например "red"; Кодом RGB, например "#FFFFFF" ; В десятичном виде, например "255, 0, 0" ; В процентах, например "30%, 40%, 30%"; Основные командные слова в теге BODY. Все, что мы будем изучать далее (кроме фреймов) пишется в теге BODY. Фон странички. Код RGB - это три шестнадцатеричных числа в диапазоне 00 - FF. 1 -ое, 2 -ое и 3 -е число, соответственно, представляют собой количество красного, зеленого и синего тонов в цвете. Например, #000000 - это черный цвет (отсутствие цвета), #FF 0000 - ярко-красный, #00 FF 00 - ярко-зеленый, #0000 FF - ярко-синий, а #FFFFFF - белый (все цвета присутствуют полностью).
Таблица 16 -и стандартных цветов Название Код RGB Имя Цвет Название черный #000000 black темнобордовый #800000 maroon зеленый #008000 оливковый темносиний Код RGB Имя Цвет серебряный #C 0 C 0 C 0 silver красный #FF 0000 red green известь #00 FF 00 lime #808000 olive желтый #FFFF 00 yellow #000080 navy синий #0000 FF blue фиолетовый #800080 purple фуксия #FF 00 FF fuchsia чирок #008080 teal аква #00 FFFF aqva серый #808080 gray белый #FFFFFF white
Цвет фона задает слово BGCOLOR. Пример: <HTML> <HEAD> <TITLE> Страничка Микки </TITLE> </HEAD> <BODY BGCOLOR= #FFFF 00> Прежде всего, позвольте представиться. Я – веселый мышонок по имени Микки. </BODY> </HTML>
На этом уроке Вы должны были: 1. создать Web-страницу, указав ее заголовок; 2. задать фон страницы (с помощью цвета или картинки); 3. написать текст своей первой страницы.
Динамические веб-страницы • Динамические веб-страницы — это страницы, свойства которых можно изменять, что позволяет работать с веб-страницей в интерактивном режиме. • Динамические веб-страницы содержат счетчик посещений, голосование, гостевую книгу.
Так же: • При просмотре html-файлов в браузере, на веб-странице можно видеть рисунки, анимацию, видео, слышать звуки. • Все объекты (рисунки, звуки…) хранятся в отдельных файлах и загружаются на страницу с помощью управляющих тегов.
Гипертекст • Веб-страница представляет собой гипертекст — это фундаментальное свойство вебстраницы. • Гипертекст — это текст, содержащий гиперссылки.
Гиперссылка • Гиперссылка — фрагмент HTMLдокумента, устанавливающий связь между объектами и позволяющий выполнить переход к другим объектам Интернета: файлам, вебстраницам или фрагментам файла. • При наведении указателя мыши на гиперссылку, указатель превращается в указывающий перст.
Текстовые гиперссылки • Текстовые гиперссылки выделяются подчеркиванием. • Непосещенные ссылки — синие, посещенные — фиолетовые, активные — красные.
Главная страница • Главная страница сайта (домашняя) имеет имя index. htm или default. htm — это страница, с которой начинается обзор. • Как правило, на главную страницу можно перейти с любой страницы сайта.
WWW • World Wide Web — Всемирная паутина — первая по популярности служба, благодаря которой Интернет стал настолько распространенным. • Сервис WWW служит для просмотра веб-страниц и со временем, вполне вероятно, сможет заменить газеты, телевидение и библиотеки.
История создания • В 1991 году английский ученый Тим Бернерс-Ли из CERN (European Organization for Nuclear Research), Европейского центра ядерных исследований в Женеве, создает службу WWW: разрабатывает http протокол и html — язык разметки гипертекста, создает первые WWW-сервер и браузер.
WWW • World Wide Web — это сеть взаимосвязанных документов. net, ca, us com, org mil, gov, edu jp, cn, tw, au de, uk, it, pl, fr br, kr, nl unknown
WWW • World Wide Web — это интерактивная, гипертекстовая, мультимедийная информационнопоисковая система в сети Интернет. • Веб-страницы передаются по сети по протоколу http (Hyper. Text Transfer Protocol — протокол передачи гипертекста).
Портал • Портал (portal — главный вход, ворота) — большой, известный сайт с очень большим количеством посетителей, имеющий различные сервисы: электронную почту, веб, справочную службу, поисковую систему и контент — собственное наполнение (библиотеки текстов, музыки, картинок, игр, словарей…)
