Разработка Web-сайтов с использованием языка разметки гипертекста
Разработка Web-сайтов с использованием языка разметки гипертекста HTMLWeb-страницы и web-сайты.Структура Web-страницы.
Что такое Web-сайт?Web-сайт состоит из Web-страниц, объединённых гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
Программы для создания сайтовMS FrontPage (не входит в пакет MS Office)Adobe Dreamweaver (раньше Macromedia Dreamweaver)PHP Expert EditorAdobe ImageReadyMS Publisher (в расширенном пакете MS Office)
Создание Web-сайта реализуется с использованием языка разметки гипертекстовых документов HTML.Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.Браузер при загрузке Web-страницы представляет её на экране в том виде, который задаются тэгами.
Основные достоинства HTML-документовМалый информационный объёмВозможность просмотра на персональных компьютерах, оснащённых различными ОСДля создания Web-страниц используются простейшие текстовые редакторы (в Windows – это стандартное приложение БЛОКНОТ)
Создание первой Web-страницыHTML-документ – это текстовый файл с расширением *.htm. Основой многих сайтов является язык HTML (HyperTextMarkupLanguage) – язык разметки гипертекста. Любой HTML-документ составлен из конкретных HTML-меток или тэгов.Большинство тэгов парные, т.е. на каждую открывающую метку есть закрывающая метка.
Обязательные метки<html>...</html>Открытие/закрытие HTML-документа<head>...</head>Начало/конец заголовка документа<title>...</title>Распознаётся браузером как название документа. НЕЛЬЗЯ путать имя вашего HTML-документа (в расширении *.htm) и его название между метками <title> и </title>.<body>...</body>Определяют начало и конец тела HTML-документа, внутри этих тэгов расположено основное содержание HTML-документа. Сам тэг может содержать в себе различные параметры, например bgcolor (цвет фона документа), text (цвет текста), link (цвет гиперссылки) и другие.
Структура HTML-документа<html><head><title>...</title></head><body>...</body></html>
Заголовки и абзацы<h1>...</h1> - <h6>...</h6>Заголовки шести различных уровней (размеров). Заголовок первого уровня самый крупный.<p>...</p> описание абзацаМетки <hi> и <p> могут содержать дополнительный атрибут align (выравнивание) он может принимать значения left , center, right и justify Отсутствие в тэгах заголовка или абзаца параметра align приводит к выравниванию текста по левому краю аналогично записи align=left.
Непарные тэги<br> - используется, если необходимо перейти на новую строку, не прерывая абзаца.<nobr> - запрещает перевод строки.<hr> - описывает горизонтальную линию, удобную для логического разделения частей html – документа.Данная метка может содержать параметры: size (толщина-указывается в пикселях:1,2,..), width (длина или ширина - в пикселях или процентах), noshade-отменяет рельефность линии (не имеет значений),color-указывает цвет линии, align-выравнивание линии (значения: left, right, center).
ВПЕРЁД, к первой Web-странице!