21.09_2
методическая разработка

Слайд 1

Слайд 2

Web -сайты и Web -страницы Web-сайт состоит из Web -страниц, объединенных гиперссылками. Web -страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 3

Создание Web -сайтов реализуется с использованием языка разметки гипертекстовых документов html . Технология html состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web -страницу.

Слайд 4

Вид Web -страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером ). Закрывающий тэг содержит прямой слэш (/) перед обозначением.

Слайд 5

Малый информационный объем; Возможность просмотра в различных операционных системах Достоинства Web -страницы

Слайд 7

-код страницы помещается внутрь контейнера < html > html Заголовок W eb -страницы заключается в контейнер < head > Название W eb -страницы содержится в контейнере < title > < html > < h ead > < title >Компьютер

Слайд 8

Основное содержание страницы помещается в контейнер < body > < html > < head > < title >Компьютер < body > Все о компьютере

Слайд 9

Заголовки. Размеры шрифтов заголовков задаются парами тэгов от <Н1> (самый крупный) до <Н6> (самый мелкий). Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга font и его атрибутов можно задать параметры форматирования шрифта. < h 1 >Все о компьютере Размер шрифта

Слайд 10

С помощью тэга font и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут face позволяет задать гарнитуру шрифта (например, face =" Arial ") Атрибут size — размер шрифта (например, size = 4 ), атрибут color — цвет шрифта (например, color =" blue ") < font color =" blue "> < h 1 align =" center "> Bc ё о компьютере Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга < HR > РАБОТА С ЗАГОЛОВКОМ ЗАКОНЧЕНА! Форматирование шрифта

Слайд 11

Атрибут COLOR позволяет задавать цвет шрифта (например, col 0 r =" blue "). Значение атрибута COLOR можно задать либо названием цвета (например, " red ", " green ", " blue " и т. д.), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного ( red ), две следующие - интенсивность зеленого ( green ) и две последние - интенсивность синего ( blue ) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF. Например, синий цвет задается значением "#0000FF". Цвет

Слайд 12

Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут align Выравнивание по правой границе окна реализуется с помощью записи align =" right ", а по центру — align =" center “ < h 1 align =" center "> Bc ё о компьютере Выравнивание

Слайд 13

Отделение заголовка от остального содержания страницы производится с помощью горизонтальной линии – ТЭГ

Слайд 14

Разделение текста на абзацы производится с помощью контейнера < p > Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием: абзацы

Слайд 15

< html > < head > < title >Компьютер < body > < font color =" blue "> < h 1 align =" center "> Bce о компьютере < HR > < p align =" left "> Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. < p align =" right ">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. < /body >

Слайд 16

Вставка изображений Для вставки изображения используется тэг < IMG > с атрибутом SRC Поясняющий текст выводится с помощью атрибута ALT , значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

Слайд 17

Фоновое изображение – это графический файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размеров. Графика, используемая в качестве фоновой, задается в теге < body >. Предварительно подготовив и сохранив в рабочей папке графический файл фонового рисунка. Установка фонового изображения на web- странице

Слайд 18

Расположить рисунок относительно текста различными способами позволяет атрибут align тэга < IMG >, который может принимать пять различных значений: t op (верх), middle (середина), bottom (низ), left (слева) right (справа). Выравнивание изображений

Слайд 19

Гиперссылки Первая титульная страница должна предоставлять посетителю Web -сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.

Слайд 20

Ссылка на электронный адрес