Презентация "Форматирование web-страницы" - скачать презентации по Информатике

Содержание

Слайд 2

Цели и задачи урока: Иметь представление о первичных основах языка HTML.

Цели и задачи урока:

Иметь представление о первичных основах языка HTML.
Научиться создавать,

сохранять и открывать HTML – файлы.
Научиться оформлять заголовки, выделять абзацы, добавлять разные виды списков, применять различное форматирование к тексту.
Слайд 3

Тема урока «Форматирование web-страницы»

Тема урока «Форматирование web-страницы»

Слайд 4

Форматирование - изменение внешнего вида, например, текста (стиля, начертания, добавление эффектов).

Форматирование - изменение внешнего вида, например, текста (стиля, начертания, добавление эффектов).

WEB-страница

– это гипертекстовый документ.

Тег – управляющий код.

Слайд 5

Заголовки , Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня

Заголовки <Н1>, <Н6>

Заголовок первого уровня


Заголовок второго уровня


Заголовок третьего уровня

Заголовок четвертого уровня


Заголовок пятого уровня

Заголовок шестого уровня

В языке HTML существует шесть уровней заголовков:
H1 – наиболее важный, H6 – наименее важный.

Слайд 6

Заголовок выводится браузером, в отдельной строке жирным шрифтом. Чем выше уровень

Заголовок выводится браузером, в отдельной строке жирным шрифтом. Чем выше уровень заголовка,

тем более крупными буквами он отображается.

Результат
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвертого уровня
Заголовок пятого уровня
Заголовок шестого уровня

Слайд 7

Абзац Первый абзац……….первый абзац. Второй абзац…………второй абзац, второй абзац…………второй абзац, второй абзац…………второй абзац.

Абзац <Р>

Первый абзац……….первый абзац.


Второй абзац…………второй абзац,
второй абзац…………второй абзац,

второй абзац…………второй абзац.


Слайд 8

Горизонтальная линия Части текста можно отделять друг от друга горизонтальной линией.

Горизонтальная линия



Части текста можно отделять друг от друга горизонтальной линией.

Для этого
используется тэг
.
Результат
_______________________________________
Слайд 9

Списки Нумерованный список Первый элемент списка Второй элемент списка Третий элемент

Списки

Нумерованный список


    1. Первый элемент списка
    2. Второй элемент списка
    3. Третий элемент

списка
Маркированный список

    • Первый элемент списка
    • Второй элемент списка
    • Третий элемент списка

Слайд 10

Нумерованный: 1. Первый элемент списка 2. Второй элемент списка 3. Третий

Нумерованный:
1. Первый элемент списка
2. Второй элемент списка
3. Третий элемент

списка

Маркированный:
Первый элемент списка
Второй элемент списка
Третий элемент списка

Результаты

Слайд 11

Форматирование текста Обычный текст Полужирный Курсив Подчеркнутый

Форматирование текста

Обычный текст
Полужирный
Курсив
Подчеркнутый

Слайд 12

Практическая работа Открыть папку «istoriya» на своём компьютере. Работаем с файлами – «index.txt», «Образец.doc» и «Памятка.doc».

Практическая работа

Открыть папку «istoriya» на своём компьютере.
Работаем с файлами – «index.txt»,

«Образец.doc» и «Памятка.doc».