Международный дистанционный конкурс

для учеников 1-11 класса и дошкольников

Игровая форма заданий
Бесплатные подарки
Наградные документы всем участникам

Подать заявку

Инфоурок › Информатика ›Конспекты›Презентация "Web-страницы и Структура Web-страницы" и практическое задание к уроку.

Презентация "Web-страницы и Структура Web-страницы" и практическое задание к уроку.

Скачать материал

Выберите документ из архива для просмотра:

Web-страницы и Web-сайты_Структура Web-страницы.ppt Практическое задание.docx

Выбранный для просмотра документ Web-страницы и Web-сайты_Структура Web-страницы.ppt

Скачать материал

Скачать материал "Презентация "Web-страницы и Структура Web-страницы" и практическое задание к уроку."

Описание презентации по отдельным слайдам:

1 слайд

Web-страницы и Web-сайты.
Структура Web-страницы
2 слайд

Web-страницы создаются с использованием языка разметки гипертекстовых документов
HTML (Hyper Text Markup Language).
3 слайд

В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
4 слайд

Web-сайт – набор страниц, посвященных определенной тематике и связанных между собой с помощью гиперссылок.
5 слайд

Web-страница создается с помощью тегов и сохраняется в виде файла с разрешением .htm или .html
Пример: пример.htm
6 слайд

6
Тэги
Тэг – это команда языка HTML, которую выполняет браузер:
непарные тэги

парные тэги (контейнеры)
<IMG SRC = "vasya.jpg">
вставить рисунок
<TABLE>
...
</TABLE>
открывающий
закрывающий
область действия тэга: описание таблицы
7 слайд

HTML – код страницы помещается в контейнер <HTML> </HTML>
Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать.
Структура Web-страницы
<HTML> </HTML> - код страницы
8 слайд

Web-страница разделяется на 2 логические части:
Заголовок;

Содержание.
Структура Web-страницы
9 слайд

Заголовок страницы
Заголовок страницы помещается в контейнер <HEAD></HEAD> и содержит название страницы и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в контейнер <TITLE></TITLE>. При просмотре оно отображается в верхней части браузера.

<HEAD></HEAD> -Заголовок страницы
<TITLE></TITLE> - Название страницы
10 слайд

Содержание страницы
Содержание страницы помещается в контейнер <BODY></BODY>
Тег <BODY></BODY> может иметь атрибуты.
<BODY></BODY> - Содержание страницы
11 слайд

Простейшая Web-страница
<HTML>
<HEAD>
<TITLE>Моя первая
Web-страница</TITLE>
</HEAD>
<BODY>
Привет!
</BODY>
</HTML>

пример.html
<HEAD>
<TITLE>Моя первая
Web-страница</TITLE>
</HEAD>
шапка («голова»)
<BODY>
Привет!
</BODY>
основная часть («тело»)

Выбранный для просмотра документ Практическое задание.docx

Задание 1. Создание простейшего HTML-документа.

1. Откройте текстовый редактор Блокнот.

2. Создайте в нем следующий документ:

<HTML>

<HEAD>

<ТITLE> Моя страничка </TITLE>

</HEAD>

<BODY>

Привет! Это моя первая страничка!

</BODY>

</HTML>

3. Сохраните этот файл в своей папке, выполнив команду Файл / Сохранить как, в поле Имя файла введите Пример.html НЕ ЗАКРЫВАЯ Блокнот, откройте этот файл в окне программы просмотра Internet Explorer с помощью команды Файл / Открыть.

Задание 2. Усовершенствование странички.

1. Добавьте в свою страничку следующий текст:

<html> <title> первые стихи </title>

<body>

Привет! Это моя первая страничка!

В лесу родилась елочка.

В лесу она росла.

Зимой и летом стройная, зеленая была.

Метель ей пела песенку:

«Спи, елочка, бай-бай».

Мороз снежком укутывал:

«Смотри, не замерзай!»

</body>

</html>

Задание 1. Создание простейшего HTML-документа.

1. Откройте текстовый редактор Блокнот.

2. Создайте в нем следующий документ:

<HTML>

<HEAD>

<ТITLE> Моя страничка </TITLE>

</HEAD>

<BODY>

Привет! Это моя первая страничка!

</BODY>

</HTML>

Задание 2. Усовершенствование странички.

Добавьте в свою страничку следующий текст:

<html> <title> первые стихи </title>

<body>

Привет! Это моя первая страничка!

В лесу родилась елочка.

В лесу она росла.

Зимой и летом стройная, зеленая была.

Метель ей пела песенку:

«Спи, елочка, бай-бай».

Мороз снежком укутывал:

«Смотри, не замерзай!»

</body>

</html>

Скачать материал

Скачать материал "Презентация "Web-страницы и Структура Web-страницы" и практическое задание к уроку."

Как учитель может зарабатывать на Инфоуроке?

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 664 943 материала в базе

Найти материалы

Скачать материал

Другие материалы

docx

Практические работы по теме "Поисковые системы. Язык запросов"

Учебник: «Информатика (изд. "БИНОМ. Лаборатория знаний")», Угринович Н.Д.

27.05.2017
1580
18

docx

Урок по информатике "Умная информатика"

27.05.2017
431
1

docx

Урок по информатике "Ребусы и головоломки"

27.05.2017
1557
2

docx

Санау жүйелері (8 сынып)

27.05.2017
826
0

docx

Урок по информатике "Кроссворды"

27.05.2017
533
0

docx

Ақпараттың түрлері (5 сынып)

Рейтинг: 1 из 5

27.05.2017
9344
64

docx

Программалау тілі (9 сынып)

27.05.2017
1083
0

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Скачать материал
- 27.05.2017 1484
- ZIP 615.2 кбайт
- 10 скачиваний
- Оцените материал:
Настоящий материал опубликован пользователем Медведева Сваетлана Александровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Медведева Сваетлана Александровна
- На сайте: 9 лет и 6 месяцев
- Подписчики: 0
- Всего просмотров: 42007
- Всего материалов: 21