Создание простейшей веб-страницы Работа в редакторе Блокнот Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.

Презентация:



Advertisements
Похожие презентации
Создание простейшей веб-страницы Работа в редакторе Блокнот Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Advertisements

Web-конструирование Урок 2, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Web-конструирование Урок 2, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Создание Web-страниц Какие теги должны присутствовать на Web-странице обязательно? 1) 1) 2) 2) 3) 3) 4) 4) 5) 5) 6) 6) 7) 7) 8) 9) 10) 11) 12) 13) 14)
Web-страницы и Web-сайты. Структура Web- страницы.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Основы HTML Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна.
Язык разметки гипертекста HTML Hyper Text Markup Language.
1.Парные (контейнер): … Закрывающий тэг содержит «/» 2. Одиночные:
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Коммуникационные технологии Тема: Язык разметки гипертекста HTML.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Web-конструирование Урок 3, 10 класс Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный.
Транксрипт:

Создание простейшей веб-страницы Работа в редакторе Блокнот Карпова Н.В., учитель информатики МБОУ СОШ 59 п.Белозерный

Откройте редактор Блокнот и наберите: Тестовая страница Эта страница является тестовой Сохраните документ с расширением.html или.htm

Теги для заголовка Самый большой заголовок Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Самый маленький заголовок 6

Изменения в документе Откройте документ через Блокнот и внесите изменения: после команды наберите при помощи новых тегов все 6 видов заголовков. Снова сохраните документ с нужным расширением.

Изменение фона страницы Чтобы создать цвет фона страницы, внутри начального элемента указывается атрибут bgcolor= «цвет», например: Основные цвета: Белый white Желтыйyellow Зеленый green Красный red Синийblue Черныйblack

Изменение фона страницы Изменте фон своей страницы, попробовав все основные цвета. Оставьте тот, который больше всего понравился.

Изменение цвета текста Для изменения цвета текста используют атрибут text тега : Измените цвет текста несколько раз, оставьте тот, который больше понравился.

Отображение текста курсивом и жирным шрифтом Для обозначения курсива используют парный тег... Для отображения жирным шрифтом используют парный тег... Например: Тестовая страница Эта страница является тестовой

Форматирование шрифта... - с помощью данного тега осуществляется изменение внешнего вида текста. Имеет атрибуты: color - цвет face - шрифт size размер Изменения вносятся после тега перед основным текстом. Размер шрифта может принимать значения от 1 до 7, при этом 1 самый маленький, 7 самый большой.

Например: Это шрифт arial размером 3, цвет синий

Источники информации: Журнал «Информатика и образование», 2007 год, 10,11,12