Рабочие листы
к вашим урокам
Скачать
1 слайд
Структура
web-страницы
2 слайд
Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
Язык разметки – HTML (Hyper Text Markup Language.
Создан в 1991 г. Зарождение языка связано с программистом - Тимом Бернерсом Ли.
3 слайд
Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы
(тэги – с англ. «метка»)
и в результате мы получаем Web-страницу.
4 слайд
Сайт должен содержать систему гиперссылок, которая позволяет пользователю перемещаться по Web-страницам.
В качестве гиперссылки на страницах сайта может использоваться текст, такая гиперссылка будет называться текстовой. Весьма часто текстовая гиперссылка представляет собой подчеркнутый текст синего цвета.
Если в качестве гиперссылки использовано графическое изображение, например фотография, то догадаться о том, что это гиперссылка будет сложно. Если при подведении курсора мыши к элементу Web-страницы он принимает форму руки, то этот элемент является гиперссылкой.
5 слайд
Вид Web-страницы задается тэгами, которые заключаются
в угловые скобки.
Тэги
Одиночные
(нет конечного тэга)
<hr>
Парные
(обязателен закрывающийся тэг, используется слеш / , который обозначает, что тег является конечным, закрывающим некоторую структуру
<head> </head>
6 слайд
<html>
<head>
Название документа (заголовок)
</head>
<body>
Тело документа
</body>
</html>
7 слайд
Заголовок web-страницы обозначается при помощи тэгов
<head> и </head>
содержит название документа
8 слайд
Границы документа –тэг <html> - должен открывать документ,
тэг </html> - должен стоять в последней строке документа.
Без этих тегов браузер не в состоянии определить формат документа и правильно его интерпретировать.
Страница разделяется на две логические части: заголовок и содержание.
9 слайд
Тэг <title> определяет имя документа, располагается внутри заголовка документа
10 слайд
Основное содержание страницы помещается в контейнер
<body> </body>
и может включать текст, таблицы, ссылки, графические изображения и т.д.
11 слайд
Форматирование текста на Web-странице
Заголовки. Размеры шрифтов заголовков задаются парами тэгов от <Н1></Н1> (самый крупный) до <Н6></Н6> (самый мелкий).
Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта.
12 слайд
Форматирование шрифта
Тэг <FONT>
Атрибуты
FACE (гарнитура шрифта) = “Arial”
SIZE(размер) = 4
СOLOR (цвет) = “red”
Атрибут COLOR позволяет задавать цвет шрифта (например, C0L0R="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", либо его шестнадцатеричным значением.
13 слайд
выравнивание
Атрибут ALIGN =
“ center”
“right”
“left”
14 слайд
Горизонтальная линия
Отделение заголовка от остального содержания страницы производится с помощью горизонтальной линии –
ТЭГ <HR>
15 слайд
Абзацы
Разделение тексты на абзацы производится с помощью
тэга <P> и </P>
(Выравнивание для абзаца)
16 слайд
Размещение графики на Web-странице
Тэг <IMG> позволяет вставить изображение на Web-страницу. Оно появится в том месте документа, где находится этот тэг. Тэг <IMG> является одиночным. В него по умолчанию входят два атрибута – «src» и «alt». Первый должен содержать в себе путь к изображению, второй – текстовое описание, которое используется поисковыми системами.
Графика: GIF, JPG, PNG.
Например: <IMG SRC=“CLOCK.PNG”>
17 слайд
18 слайд
19 слайд
20 слайд
Практическая работа
Создать заготовку Web-страницы «Компьютер» и просмотреть ее в браузере. Создайте личную папку, куда вы будете сохранять все файлы своего сайта.
Запустить приложение Блокнот
<HTML>
<HEAD>
<ТITLE>Компьютер</ТITLE>
</HEAD>
<BODY>
Компьютер и ПО
</BODY>
</HTML>
Сохраните файл под именем COMPUTER.HTML (обязательно укажите тип файла HTML при сохранении) в личной папке.
Для просмотра Web-страницы используйте любую программу браузера (Internet Explorer, Opera, Google Chrome или др.). Для этого, не покидая программу Блокнот (сверните окно на панель задач), откройте личную папку и двойным кликом по файлу COMPUTER.HTML откройте окно браузера.
Рабочие листы
к вашим урокам
Скачать
6 672 466 материалов в базе
Настоящий материал опубликован пользователем Кондратьева Дания Дамировна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.