Рабочие листы
к вашим урокам
Скачать
1 слайд
Разработка Web-сайтов с использованием языка разметки гипертекста HTML
Web-страницы и web-сайты.
Структура Web-страницы.
2 слайд
Что такое Web-сайт?
Web-сайт состоит из Web-страниц, объединённых гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
3 слайд
Программы для создания сайтов
MS FrontPage (не входит в пакет MS Office)
Adobe Dreamweaver (раньше Macromedia Dreamweaver)
PHP Expert Editor
Adobe ImageReady
MS Publisher (в расширенном пакете MS Office)
4 слайд
5 слайд
6 слайд
7 слайд
8 слайд
9 слайд
Создание Web-сайта реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Браузер при загрузке Web-страницы представляет её на экране в том виде, который задаются тэгами.
10 слайд
Основные достоинства HTML-документов
Малый информационный объём
Возможность просмотра на персональных компьютерах, оснащённых различными ОС
Для создания Web-страниц используются простейшие текстовые редакторы (в Windows – это стандартное приложение БЛОКНОТ)
11 слайд
Создание первой Web-страницы
HTML-документ – это текстовый файл с расширением *.htm.
Основой многих сайтов является язык HTML (HyperTextMarkupLanguage) – язык разметки гипертекста.
Любой HTML-документ составлен из конкретных HTML-меток или тэгов.
Большинство тэгов парные, т.е. на каждую открывающую метку есть закрывающая метка.
12 слайд
Обязательные метки
<html>...</html>
Открытие/закрытие HTML-документа
<head>...</head>
Начало/конец заголовка документа
<title>...</title>
Распознаётся браузером как название документа.
НЕЛЬЗЯ путать имя вашего HTML-документа (в расширении *.htm) и его название между метками <title> и </title>.
<body>...</body>
Определяют начало и конец тела HTML-документа, внутри этих тэгов расположено основное содержание HTML-документа. Сам тэг может содержать в себе различные параметры, например bgcolor (цвет фона документа), text (цвет текста), link (цвет гиперссылки) и другие.
13 слайд
Структура HTML-документа
<html>
<head>
<title>...</title>
</head>
<body>...</body>
</html>
14 слайд
Заголовки и абзацы
<h1>...</h1> - <h6>...</h6>
Заголовки шести различных уровней (размеров). Заголовок первого уровня самый крупный.
<p>...</p> описание абзаца
Метки <hi> и <p> могут содержать дополнительный атрибут align (выравнивание) он может принимать значения left , center, right и justify
Отсутствие в тэгах заголовка или абзаца параметра align приводит к выравниванию текста по левому краю аналогично записи align=left.
15 слайд
Непарные тэги
- используется, если необходимо перейти на новую строку, не прерывая абзаца.
<nobr> - запрещает перевод строки.
<hr> - описывает горизонтальную линию, удобную для логического разделения частей html – документа.
Данная метка может содержать параметры: size (толщина-указывается в пикселях:1,2,..), width (длина или ширина - в пикселях или процентах), noshade-отменяет рельефность линии (не имеет значений),color-указывает цвет линии, align-выравнивание линии (значения: left, right, center).
16 слайд
ВПЕРЁД, к первой
Web-странице!
Рабочие листы
к вашим урокам
Скачать
6 655 160 материалов в базе
Настоящий материал опубликован пользователем Понкратова Марина Викторовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Мини-курс
10 ч.
Мини-курс
10 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.