HTML. Создание Web-сайта

Содержание

Слайд 2

Созданную Web-страницу необходимо сохранить в виде файла под именем index.html. Рекомендуется

Созданную Web-страницу необходимо сохранить в виде файла под именем
index.html.
Рекомендуется создать

для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Слайд 3

Форматирование текста на Web-странице Заголовки (самый крупный) (самый мелкий). Горизонтальная линия.

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

Заголовки
<Н1> (самый крупный)
<Н6> (самый мелкий).

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

линия.
 Заголовки целесообразно отделять от остального содержания страницы горизонтальными линиями с помощью одиночного тэга
.
Слайд 4

Шрифт Тэг Атрибуты тега Тип шрифта : FACE="Arial " Размер шрифта:

Шрифт
Тэг
Атрибуты тега
Тип шрифта : FACE="Arial "
Размер шрифта:

SIZE=4
Цвет шрифта : C0L0R="blue" или C0L0R= "#0000FF".
Слайд 5

Выравнивание текста Атрибут: ALIGN По правому краю: ALIGN="right" По левому краю: ALlGN="left" По центру: ALIGN= "center".

Выравнивание текста
Атрибут: ALIGN
По правому краю: ALIGN="right"
По левому краю: ALlGN="left"
По центру: ALIGN=

"center".
Слайд 6

Пример: Таким образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом: Компьютер и ПО

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

образом:
<Н1 ALIGN="center">Компьютер и ПО
Слайд 7

Абзацы Тег . Ha этом сайте вы сможете получить различную информацию

Абзацы
 Тег <Р>.

<Р ALIGN="left"> Ha этом сайте вы сможете получить различную

информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. 

<Р ALIGN= "right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

Слайд 8

Пример Компьютер и ПО Ha этом сайте... Терминологический словарь ...

Пример

<Н1 ALIGN="center">Компьютер и ПО


<Р ALIGN="left">Ha этом сайте... <Р ALIGN ="right"> Терминологический

словарь ...
Слайд 9

Дополнительные теги форматирования текста

Дополнительные теги форматирования текста

Слайд 10

Вставка изображений. Положение рисунка относительно текста:

Вставка изображений. 


Слайд 11

Гиперссылки на Web-страницах Гиперссылка создается с помощью универсального тэга и его

Гиперссылки на Web-страницах

Гиперссылка создается с помощью универсального тэга <А> и его

атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:
<А HREF="Адрес">Указатель ссылки
Слайд 12

Ссылка на интернет-адрес: Указатель ссылки к просмотру изображения в браузере: Изображение

Ссылка на интернет-адрес:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Указатель ссылки

к просмотру изображения в браузере: <А

HREF="picture.jpg">Изображение
к запуску звукового файла: <А HREF="sound.wav">Звук
загрузки файлов: <А HREF=«документ.doc">Скачать файл

адрес электронной почты.  <А HREF=“88@yandex.ru">E-mail

Слайд 13

Списки на Web-страницах Нумерованные списки. Нумерованный список располагается внутри контейнера ,

Списки на Web-страницах

Нумерованные списки. 
Нумерованный список располагается внутри контейнера

,

    <

LI >Системные программы < LI >Прикладные программы < LI >Системы программирования
Слайд 14

текстовые редакторы; графические редакторы; электронные таблицы; системы управления базами- данных. Маркированные

    < LI >текстовые редакторы; < LI >графические редакторы; < LI >электронные таблицы; <

LI >системы управления базами- данных.

Маркированные списки. Маркированный список располагается внутри контейнера


    вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность):

    Слайд 15

    цвет фона рисунок фона Вставка фона

    цвет фона
    рисунок фона

    Вставка фона