HTML. Разработка Web-сайта

Содержание

Слайд 2

Итак, мои дорогие ученики, что мы знаем и умеем?
умеем создавать и

Итак, мои дорогие ученики, что мы знаем и умеем? умеем создавать и
сохранять документ HTML,
знаем как открыть документ в браузере и как его обновить при изменении кода страницы;
умеем размещать текст по строкам ( тег
);
умеем использовать теги форматирования символов и заголовков ( Ж , К , Ч , <Н1>Заголовок1 и выравнивать заголовки).
ИДЕМ ДАЛЬШЕ!!!

Слайд 3

ОФОРМЛЕНИЕ ТЕКСТА
Мы знаем, что при оформлении текста, используется не только разные виды

ОФОРМЛЕНИЕ ТЕКСТА Мы знаем, что при оформлении текста, используется не только разные
начертания, но и разные типы шрифтов, размеры символов и цветовые гаммы.

Эти параметры можно задать с помощью тэга FONT и его атрибутов:
FACE задает гарнитуру шрифта (например, FACE="Arial"),
SIZE — размер шрифта (например, SIZE= от 1 до 7),
COLOR — цвет шрифта (например, COLOR="blue")

<Н1 ALIGN="center">РАСПИСАНИЕ УРОКОВ НА НЕДЕЛЮ

Слайд 4

ОФОРМЛЕНИЕ ТЕКСТА

Для улучшения внешнего вида страницы, заголовок можно отделить от остального содержания

ОФОРМЛЕНИЕ ТЕКСТА Для улучшения внешнего вида страницы, заголовок можно отделить от остального
страницы горизонтальной линией с помощью одиночного тэга
. В теге могут использоваться атрибуты:
AAlign – тип выравнивания (right, center, left, justify)
CColor - цвет линии (явно или 16-ричным кодом)
SSize - толщина линии в пикселях
WWidth - ширина линии ( в пикселях или %)

Например,



Слайд 5

Задание 1

Открыть в Блокноте файл ФИО_класс_4.HTML, внести в него изменения. Что отобразится

Задание 1 Открыть в Блокноте файл ФИО_класс_4.HTML, внести в него изменения. Что
в окне браузера? Обратите внимание, длина линии 75% от ширины окна.

Слайд 6

Продолжим. Обычно, для удобства чтения, текст делится на абзацы для этого используем

Продолжим. Обычно, для удобства чтения, текст делится на абзацы для этого используем
тег
<Р атрибут> текст
Атрибут Align определяет тип выравнивания (right, center, left, justify)
Например, разместим расписание понедельника по центру, а на вторник по левому краю <Р Align= center>

ПОНЕДЕЛЬНИК


1. Русский язык
2. Физика
3. Информатика

Задание 2
Разместите расписание с понедельника по пятницу ступеньками, используя разные виды выравнивания в абзацах. Результаты просмотрите в браузере.

Слайд 7

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

Тег предназначен для отображения на веб-странице изображений в графическом формате

Вставка изображений Тег предназначен для отображения на веб-странице изображений в графическом формате
GIF, JPEG или PNG. Атрибуты src= – путь к графическому файлу (!!! храните изображения в папке с исходными файлами страницы!!!)
border= толщина рамки вокруг изображения в пикселях
hheight= Высота изображения в пикселях или % от исходного
Горизонтальный отступ от изображения до окружающего контента в пикселях
vspace= Вертикальный отступ от изображения до окружающего контента в пикселях
width= Ширина изображения в пикселях или % от исходного
align= выравнивание может принимать пять различных значений:
по вертикали ТОР (верх), MIDDLE (середина), BOTTOM (низ), по горизонтали LEFT (слева), RIGHT (справа).

hhspace=

Слайд 8

Вставка изображений
ЗАДАНИЕ 3
Для каждого дня недели подберите подходящее изображение ( разместите его

Вставка изображений ЗАДАНИЕ 3 Для каждого дня недели подберите подходящее изображение (
в своей папке!!!) Добавьте изображения на страницу (расширение имени файла указывать обязательно. Уточните его в свойствах файла на вкладке Подробно )
У меня получилось так, а у вас?