Создание web-страницы

2020
СОЗДАНИЕ Web-страницы

Ключевые слова
структура сайта
навигация
оформление страницы
язык HTML
теги, атрибуты
шаблон страницы сайта

Технология создания страницы

Язык HTML
HTML = Hypertext Markup Language
(язык разметки гипертекста)
HTML-страница – это текстовый файл (Блокнот):
Моя страница
Привет!
…
index.html

Тэги
Тэг – это команда языка HTML, которую выполняет браузер:
непарные тэги
парные тэги (контейнеры) SRC = "vasya.jpg">
вставить рисунок
...
открывающий
закрывающий
область действия тэга: описание таблицы

Простейшая Web-страница
Моя первая <br> Web-страница
Привет!
first.html
Моя первая <br> Web-страница
шапка («голова»)
Привет!
основная часть («тело»)

цвет текста
размер шрифта
Тэг FONT – свойства блока текста
Привет!
Как дела?
Привет!
SIZE=6>
Как
дела?
от 1 до 7
(3 – нормальный)

Стили оформления текста

Абзацы
переход на новую строку
абзац (с отступами)
Одно физическое тело захотело
поменять три своих
старых варежки на что-нибудь
хорошее.
До самого вечера тело с
варежками ...
Одно физическое тело захотело
поменять три своих старых варежки
на что-нибудь хорошее.
До самого вечера тело с варежками ...

Выравнивание
Этот текст выровнен по центру.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
left по левой границе
right по правой границе
center по центру
justify по ширине
атрибут тэга

Фон страницы
"images/back.jpg"
"../images/back.jpg"
"http://www.vasya.ru/images/back.jpg"

Рисунки в документе
из той же папки:
из другой папки:
image
(изображение)
source
(источник)

Простейшая таблица
Таблица из одной строки
из трех столбцов
без указания
ширины таблицы
и ячеек.
толщина рамки
TABLE таблица
TR = table row строка таблицы
TD = table data данные таблицы
TH = table header заголовок (жирный, по центру) ширины таблицы
и ячеек.

Фон и цвет текста
Привет!
Таблица из двух строк
и двух столбцов
цвет фона
фоновый рисунок

Объединение ячеек
Привет!
Вася,
Петя,
Маша!
Привет!
Вася,
Петя,
Маша!
column span охват столбцов
row span
охват строк

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

Опорный конспект
Первоначально следует продумать содержание и структуру страницы
Перед размещением страницы в сети Интернет следует провести её тестирование.
При наполнении страниц сайта информационными материалами следует придерживаться определённых рекомендаций

Самое главное
Гиперссылка – «активная» ссылка на другой документ.
Гипертекст – текст, содержащий гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).
Язык HTML – языка разметки гипертекста.
Тэг – команда языка HTML, которую выполняет браузер (может быть парным и непарным)