Работу выполнил Студент ПИ -1 Войтюшенко Д. В.. Web- страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup.

Презентация:



Advertisements
Похожие презентации
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Advertisements

Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Web-страницы и Web-сайты. Структура Web- страницы.
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Создание Web-сайтов. Web-сайты Публикации во всемирной паутине реализуются в форме Web-сайтов Web-сайт содержит информацию, посвященную какой-либо теме.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
1 из 16 Л.Л. Босова, УМК по информатике для 5-7 классов Москва, 2007 Форматирование текста на Web-страницах.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
2 Стили оформления текста жирный ( bold ) Вася курсив ( italic ) Вася подчеркивание ( underline ) Вася зачеркивание ( strike out ) Вася верхний индекс.
Гиперссылка состоит из двух частей: адреса и указателя ссылки. Для определения гиперссылки используется тег и его атрибута HREF, структура которого имеет.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные.
HTML Язык гипертекстовой разметки. Стандартный текст страницы Моя страничка Эта страничка обо мне.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Транксрипт:

Работу выполнил Студент ПИ -1 Войтюшенко Д. В.

Web- страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML- тэги, которые определяют вид Web- страницы при ее просмотре в браузере. Создание Web- страниц с использованием HTML- тэгов требует больших усилий, времени и знания синтаксиса языка. Применение специальных инструментальных программных средств (Web- редакторов ) делает работу по созданию Web- сайтов простой и эффективной. Процесс создания и редактирования страниц в Web- редакторах очень нагляден, так как производится в режиме WYSIWYG ( от англ. "What You See Is What You Get" - " Что видишь, то и получишь "

HTML- код страницы помещается внутрь контейнера. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web- страница разделяется на две логические части : заголовок и отображаемое в браузере содержание. Заголовок Web- страницы заключается в контейнер и содержит название документа и справочную информацию о странице ( например, тип кодировки ), которая используется браузером для правильного отображения. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег ( такая пара тэгов называется контейнером ). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер

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

Заголовки. Размеры шрифтов заголовков задаются парами тэгов от ( самый крупный ) до ( самый мелкий ). Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта ( например, FACE="Arial"), атрибут SIZE - размер шрифта ( например, SIZE=4). Атрибут COLOR позволяет задавать цвет шрифта ( например, C0L0R="blue"). Значение атрибута COLOR можно задать либо названием цвета ( например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB- формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие - интенсивность зеленого (green) и две последние - интенсивность синего (blue) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF. Например, синий цвет задается значением "#0000FF". Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе задается так : ALlGN="left", выравнивание по правой границе : ALIGN="right", выравнивание по центру : ALIGN= "center".

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

Горизонтальная линия. Заголовки целесообразно отделять от остального содержания страницы горизонтальными линиями с помощью одиночного тэга. Абзацы. Разделение текста на абзацы производится с помощью контейнера. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта. Домашняя страница сайта. На домашней странице сайта обычно размещается текст, кратко описывающий его содержание. Поместим на домашнюю страницу сайта " Компьютер " текст, разбитый на абзацы с различным выравниванием : Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

Таким образом, домашняя страница сайта " Компьютер " будет содержать отцентрированный крупный заголовок синего цвета, отделенный горизонтальной линией от двух по - разному выровненных абзацев : Компьютер и ПО Ha этом сайте... Терминологический словарь...

Гиперссылки. Гиперссылки, размещенные на Web- странице, позволяют загружать в браузер другие Web- страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей : адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web- страница : Указатель ссылки Если загружаемая в браузер Web- страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например : Указатель ссылки Если загружаемая в браузер Web- страница размещена в Интернете, то в качестве адреса указывается Интернет - адрес, например : Указатель ссылки Указатель ссылки мы видим при просмотре Web- страницы в браузере. Указателем ссылки может быть текст, обычно выделенный синим цветом и подчеркиванием, или рисунок, выделенный рамкой. При указании на него мышью, ее курсор превращается в значок " рука ". Щелчок мышью по указателю вызывает переход на Web- страницу, указанную в гиперссылке.

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

Панель навигации по сайту. Создадим папку сайта " Компьютер " и добавим в сайт пустые страницы " Программы ", " Словарь ", " Комплектующие " и " Анкета ". Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие " пустые " страницы должны иметь заголовки, но могут пока не иметь содержания : Заголовок страницы На домашней странице сайта разместим указатели гиперссылок на каждую страницу сайта. В качестве указателей гиперссылок удобнее всего выбрать названия страниц, на которые осуществляется переход. Разместим указатели гиперссылок внизу страницы в новом абзаце в одну строку, разделив их пробелами ( ). Такое размещение гиперссылок часто называют панелью навигации. Вставим в домашнюю страницу сайта HTML- код, создающий панель навигации : [ Программы ] [ Словарь ] [ Комплектующие ] [ A нкет a ]

Гиперссылка на адрес электронной почты. Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер, который задает стиль абзаца, принятый для указания адреса : Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express ( или другая используемая по умолчанию почтовая программа ), где в строке Кому будет указан заданный в ссылке адрес. Итак, созданная домашняя страница Web- сайта " Компьютер " содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты