Файл: Практическая работа 1. Образовательные информационные ресурсы.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 09.12.2023
Просмотров: 354
Скачиваний: 3
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Введение.
Web-страницы – комплексные документы, которые могут содержать любые виды данных: текст, графику, звук, видео и анимацию.
Все Web-страницы имеют одну общую черту – они созданы с помощью средств языка HTML. Языком публикации, используемым во Всемирной паутине (World Wide Web), является HTML (HyperText Markup Language - язык разметки гипертекстов).
Язык HTML дает авторам средства для:
-
публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д. -
загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке. -
разработки форм для выполнения транзакций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д. -
включения электронных таблиц, видеоклипов, звуковых фрагментов и других приложений непосредственно в документы.
Любая Web-страница представляет собой HTML-файл. Язык HTML определяет правила, согласно которым обычный текст представляется в виде Web-страниц.
Гипертекст – текст, в который встроены специальные коды, управляющие дополнительными элементами, такими как форматирование, иллюстрации, мультимедийные вставки и гиперссылки на другие документы.
Под разметкой понимается вставка в текст этих кодов, определяющих то, как итоговый гипертекстовый документ должен отображаться специальной программой браузером.
Коды языка HTML, с помощью которых выполняется разметка исходного текста, называются тегами. Тег – набор символов. Все теги начинаются с символа “<” и заканчиваются символом “>”. Пару этих символов иногда называют угловыми скобками. После открывающей угловой скобки идет ключевое слово, определяющее тег.
Текст документа не просто наполнен управляющими кодами. Теги задают его структуру: заголовок, тело. Теги чаще используются парами. Они, как скобки, обрамляют разделы и части текста. <Имя> - это открывающий тег, Имя> - закрывающий тег.
При отображении документа в браузере сами теги не отображаются, но влияют на способ отображения документа.
Открывающие теги могут содержать атрибуты, влияющие на эффект, создаваемый тегом. Атрибуты – это дополнительные ключевые слова, отделенные от ключевого слова тега и друг друга пробелами.
Некоторые атрибуты требуют указания значения атрибута. Это значение отделяется от ключевого слова знаком “=”.
-
Структура Web-страницы
Документ HTML состоит из основного текста документа и тегов разметки. Таким образом, документ HTML – это, по существу, обычный текстовый файл. Для его создания можно использовать любой текстовый редактор. Например, Блокнот.
Все документы HTML имеют строго заданную структуру. Документ должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом HTML>.
Документ HTML состоит из раздела заголовков и тела документа. Раздел заголовков расположен между тегами <HEAD> и HEAD> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и TITLE>, между которыми размещается официальный заголовок документа. При просмотре он отображается в верхней строке окна браузера.
Также в раздел заголовков помещаются не отображаемые при просмотре мэта-теги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержащие описание и ключевые слова страницы.
Сам текст документа располагается в теле документа. Тело документа располагается между тегами <BODY> и BODY>.
-
Цветовая схема Web-страницы
Цвет на Web-странице задают либо его названием, либо числовым шестиразрядным шестнадцатеричным кодом.
Цвет | Код | Название | Цвет | Код | Название |
| черный | #000000 | black | лиловый | #FF00FF | magenta |
| белый | #FFFFFF | white | бирюзовый | #00FFFF | cyan |
| красный | #FF0000 | red | бледно-голубой | #E8FEFF | azure |
| зеленый | #00822B | green | бледно-фиолетовый | #FF90FF | violet |
| синий | #0000FF | blue | оранжевый | #FFA500 | orange |
| желтый | #FFFF00 | yellow | коричневый | #A82828 | brown |
Основную цветовую схему Web-страницы можно задать в теге <BODY> с помощью атрибутов:
BGCOLOR= - цвет фона
TEXT= - цвет текста
LINK= - цвет текста гиперссылки
ALINK= - цвет текста активной гиперссылки
VLINK= - цвет текста просмотренной гиперссылки
Чтобы текст хорошо читался, цвета на странице подбирают контрастирующие по яркости: пастельный фон – темный текст, или темный фон – светлый текст. Нежелательны буквы белого цвета – они могут оказаться невидимыми при печати на принтере.
Пр. Создадим Web-страницу “Основные теги HTML”
-
В папке «Мои документы» создать свою папку. -
Запустить текстовый редактор Блокнот -
Ввести HTML-код страницы:
<HTML>
<HEAD>
<TITLE> Первое знакомство с тегами HTML TITLE>