Презентация на тему: Создание сайта HTML

Создание сайта HTML
Стандартный текст страницы
Сохранение файла
Получившаяся страница
Форматирование страницы
Размер шрифта
Выравнивание
Размер шрифта и выравнивание
Другие атрибуты
Изменение цвета текста
Горизонтальная линия
Заголовок страницы
Абзацы
Текст страницы
Страница в браузере
Вставка изображений
Вставка изображений
Фон слайда
Фон слайда
1/19
Средняя оценка: 4.1/5 (всего оценок: 15)
Код скопирован в буфер обмена
Скачать (412 Кб)
1

Первый слайд презентации: Создание сайта HTML

Язык гипертекстовой разметки

Изображение слайда
2

Слайд 2: Стандартный текст страницы

<HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> Эта страничка обо мне </BODY> </HTML>

Изображение слайда
3

Слайд 3: Сохранение файла

Сохраним файл в программе «Блокнот» следующим образом:

Изображение слайда
4

Слайд 4: Получившаяся страница

Теперь, если мы откроем данный файл в браузере, то увидим следующее:

Изображение слайда
5

Слайд 5: Форматирование страницы

Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок

Изображение слайда
6

Слайд 6: Размер шрифта

Размер шрифта задается тэгами от <H1>( самый крупный) до <H6>( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом: <H1> Моя страничка </H1>

Изображение слайда
7

Слайд 7: Выравнивание

Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align, которому присваивают определенное значение: « right »-выравнивание по правой границе, « center » - выравнивание по центру.

Изображение слайда
8

Слайд 8: Размер шрифта и выравнивание

<H1 align="center"> Моя страничка </H1>

Изображение слайда
9

Слайд 9: Другие атрибуты

Тэг « FONT » задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE- размер шрифта; COLOR- цвет шрифта; FACE - гарнитура шрифта.

Изображение слайда
10

Слайд 10: Изменение цвета текста

<FONT COLOR=“blue“> <H1 align="center"> Моя страничка </H1>

Изображение слайда
11

Слайд 11: Горизонтальная линия

Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга.

Изображение слайда
12

Слайд 12: Заголовок страницы

<H1 align="center"> Эта страничка обо мне </H1> <HR>

Изображение слайда
13

Слайд 13: Абзацы

Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>. При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.

Изображение слайда
14

Слайд 14: Текст страницы

<HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> <FONT COLOR=“blue“> <H1 align="center"> Эта страничка обо мне </H1> <HR> <p align="left"> На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время. </p> <p align="center"> Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей. </p> </BODY> </HTML>

Изображение слайда
15

Слайд 15: Страница в браузере

Изображение слайда
16

Слайд 16: Вставка изображений

Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web -страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.

Изображение слайда
17

Слайд 17: Вставка изображений

Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере. <IMG SRC="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\x_0527ae1f.jpg">

Изображение слайда
18

Слайд 18: Фон слайда

Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере. <body background="fon.jpg">. Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"

Изображение слайда
19

Последний слайд презентации: Создание сайта HTML: Фон слайда

<BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed">

Изображение слайда