Создание сайта с помощью языка гипертекстовой разметки HTML
презентация урока для интерактивной доски по информатике и икт (8 класс) по теме
обучающая презентация по созданию сайта при помощи языка гипертекстовой разметки HTML
Скачать:
| Вложение | Размер |
|---|---|
 html.ppt | 1.72 МБ |
Предварительный просмотр:
Подписи к слайдам:
Стандартный текст страницы
Сохранение файла Сохраним файл в программе «Блокнот» следующим образом:
Получившаяся страница Теперь, если мы откроем данный файл в браузере, то увидим следующее:
Форматирование страницы Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
Размер шрифта Размер шрифта задается тэгами от
( самый крупный) до ( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом: Моя страничка
Моя страничка
Выравнивание Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align , которому присваивают определенное значение: « right »-выравнивание по правой границе, « center » - выравнивание по центру.
Размер шрифта и выравнивание
Моя страничка
Другие атрибуты Тэг « FONT » задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE- размер шрифта; COLOR- цвет шрифта; FACE - гарнитура шрифта.
Изменение цвета текста Моя страничка
Горизонтальная линия Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга
. Этот тэг одиночный - он не требует закрывающего тэга.
Заголовок страницы
Эта страничка обо мне
Абзацы Чтобы разделить текст на абзацы, можно использовать контейнер
. При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.Текст страницы
Эта страничка обо мне
На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время.
Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей.
Страница в браузере
Вставка изображений Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web -страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.
Вставка изображений Вставка изображения производится с помощью тэга с атрибутом SRC , который указывает на место хранения файла на компьютере.
Фон слайда Для изменения фона можно воспользоваться атрибутом тэга
- background, который указывает на место хранения файла фонового рисунка на компьютере. . Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"Фон слайда
По теме: методические разработки, презентации и конспекты
Язык гипертекстовой разметки HTML
В презентации отражена история создания Интернета, приведены схемы организации Web-страниц. Подробно разобраны самые основные дескрипторы языка HTML....
Контрольный тест по теме "Язык гипертекстовой разметки документов", 9 класс
Данный тест может быть использован для контроля знаний по теме "Язык гипертекстовой разметки документов" в 9 классе, так и в качестве проверочной работы в начале урока....
Материалы к уроку "Создание сайта. Знакомство с языком HTML"
Представлены материалы к уроку в 9 классе: презентация для знакомства с языком разметки гипертекста, памятка с основными тегами и инструкция для практической работы, а также необходимые графические из...
Создание сайта с использованием языка гипертекстовой разметки документов
Тема занятия: «Создание сайта с использованием языка гипертекстовой разметки документов». Цель занятия: Ученики создадут Web-сайт, содержащий пять Web-страниц, знакомящий с основными ...
Конспект занятия по теме: «Создание Web-сайтов с использованием языка гипертекстовой разметки документов HTML».
Цель занятия: воспитанники создадут Web-сайт, содержащий пять Web-страниц, знакомящий с основными тегами языка гипертекстовой разметки документов HTML. Учащиеся должны знать:определение следующих...
Создание Web-сайта с помощью языка гипертекстовой разметки HTML
Создание Web-сайта с помощью языка гипертекстовой разметки HTML...