Основные понятия Интернет
WWW (World Wide Web) - Всемирная паутина
Web-server – мощный компьютер, который хранит и пересылает документы и другие информационные ресурсы Интернета с использованием протокола HTTP
HTTP (Hyper Text Transfer Protocol) – протокол передачи гипертекста (т.е. это тот «почтальон», который разносит «почту»)
Home page (Домашняя страница) – начальная страница, локальный архив
Web-site (Web-сайт, Web-страницы) – группа HTML-документов, объединенных по смыслу и имеющих одинаковое дизайнерское решение
URL (Universal Resource Locator) – универсальный указатель ресурсов – указывает местонахождение документа в Интернете, является адресом Web – узла. Адрес выглядит следующим образом:
http://www.belti.msk.ru/chorus/index.html т.е.
протокол://адрес_сервера/имя_каталога/имя_файла
Гипертекст – способ представления информации при помощи связей между документами.
HTML (Hyper Text Markup Language) – язык разметки гипертекста – набор управляющих последовательностей, содержащихся в HTML-документе и определяющих те действия, которые программа просмотра (браузер) должна выполнить при загрузке этого документа.
JAVA – объектно-ориентированный язык, разработанный для создания распределенных прикладных Web-систем, используется для создания интересных графических и текстовых эффектов.
Web-браузер – программное обеспечение навигации и просмотра, выдающее запросы и отображающее HTML-документы и другие информационные ресурсы Интернета.
Основы языка html
Документ, написанный на языке HTML, представляет собой текст, который вставлен между тегами (markup tags).
Тег – команда, заключенная между знаками < >, позволяющая браузеру понять, что необходимо сделать с текстом, заключенным между тегами.
Теги располагаются в начале строки – открывающий тег - и в конце строки – закрывающий тег. Закрывающий тег обязательно содержит знак «/», который называется слеш. Некоторые теги не имеют закрывающихся тегов.
Например: <title> ……….. </title>
Простейший Web-документ можно создать при помощи простейшей программы Блокнот, входящей в Стандартные программы Windows. Для создания более сложных документов можно использовать программы MS Word, Front page, Dreamweaver и другие.
Любой HTML-документ состоит из нескольких частей.
Весь html-документ заключается между тегами <html> ……. </HTML> .
1 Часть. Заголовок.
<head>
<title>
……….
</title>
</head>
2 Часть. «Тело» документа (т.Е. Сам документ).
<body>
…………
</body>
Таким образом основную структуру Html-документа можно изобразить следующим образом:
<HTML>
<head>
<title>
……….
</title>
</head>
<body>
…………
</body>
</html>
Созданный документ сохраняется как текстовый файл с расширением .txt, а затем переименовывается в html-документ с расширением .htm или .html .
Основные теги
<p> - тег абзаца. Каждый новый абзац должен начинаться с этого тега.
<br> - переход на новую строку.
Эти два тега одиночные, т.е. не имеют закрывающегося тега.
<h1> … </h6> - выбор шрифта заголовков (1 -крупный, 6 – мелкий)
Управление шрифтом выполняется при помощи следующих тегов:
<b> полужирный </b>
<I> курсивный </I>
<u> подчеркнутый </u>
<s> вычеркнутый </s>
Цвет страницы автоматически задается настройками браузера, но пользователь самостоятельно может задать цвет страницы, цвет текста и т.д.
Цвет можно задавать, используя названия цветов на английском языке, либо используя шестнадцатиричную систему кодировки цветов.
Цвет |
Имя |
Код |
Черный |
Black |
#000000 |
Синий |
Blue |
#0000FF |
Красный |
Red |
#FF0000 |
Зеленый |
Green |
#008000 |
Желтый |
Yellow |
#FFFF00 |
Белый |
White |
#FFFFFF |
Можно задать фоновый цвет страницы, используя команду BGCOLOR. Например, мы хотим задать цвет фона страницы синим. В общем виде эта команда может быть записана следующим образом:
<body bgcolor=”blue”>
Для выравнивания текста используется команда Align с параметрами center, left, right. Эта команда может быть применена к любому тексту.
Например:
<p align=center> ……….. </p>
<h3 align=right> ……….. </h3>
Для выделения логических частей текста можно использовать горизонтальную черту, которая выполняется тегом hr. Причем этот тег имеет дополнительные атрибуты:
align – расположение линии на экране (центр, по правому или по левому краю)
color – цвет линии (однако этот атрибут не всегда срабатывает)
noshade – (по умолчанию) объемная линия
size=”n” – толщина линии (в пикселях)
width=”n” – ширина линии в пикселях или процентах.
Для работы с шрифтом можно использовать тег BaseFont, который имеет атрибуты size, color и face. Эти атрибуты можно применить к конкретному тексту на странице.
В веб-документ можно вставлять рисунки, готовые текстовые документы, таблицы и т.д.
Для того, чтобы вставить в документ рисунок, необходимо использовать тег Img, который имеет несколько атрибутов:
src (source – источник) – указание месторасположения графического файла
align – определение способа обтекания рисунка текстом (слева, справа)
width и height – ширина и высота рисунка в пикселях. Если рисунок большой, то он может занять весь экран, тогда его желательно уменьшить. Если рисунок небольшой, то размеры ширины и высоты можно не задавать.
Обязательное требование к графическим и любым файлам, которые будут использоваться при создании веб-документа: все используемые файлы должны находиться в одной папке!
Если рисунок или текст будут находиться в разных местах, то необходимо задать точный адрес расположения файла, чтобы компьютер мог найти нужный файл.
Итак, рисунок в документ вставляется следующей командой:
<img src=”nebo.jpg” width=” ” height=” ”>
<img src=”c:\Photo\nebo.jpg”>
Для создания гиперссылки, т.е. для того чтобы щелкнув на какой-либо текст или рисунок перейти в другой документ, используется тег <a href>
<a href=”r1.html”> ……….. </a>
Для того чтобы рисунок стал гиперссылкой используем следующую команду:
<a href=” ”> <img src=” ”> …………. </a>
Если нам необходимо на экран установить «бегущую строку», то для этого используется следующий тег marquee, который имеет атрибуты:
direction – направление движения: left – справа налево, right - слева направо, up – снизу вверх, down – сверху вниз
width – ширина строки в пикселях
height – высота строки в пикселях
В общем виде данная команда записывается так:
<marquee direction=”left” width=”200” height=”100”> ………. </marquee>
Если мы хотим на задний фон разместить какой-то рисунок (т.е. сделать «обои»), то это можно сделать, задав в основном теге Body атрибут background, однако в этом случае необходимо не забывать о сочетании цвета фона и цвета текста. Цвет текста можно задать там же дополнительным атрибутом text
<body background=”nebo.jpg” Text=”red”>