Презентация по информатике на тему: "Основы сайтостроения"
презентация к уроку

Слайд 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 > < head > < 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 >, который может принимать пять различных значений: top (верх), middle (середина), bottom (низ), left (слева) right (справа). ВЫРАВНИВАНИЕ ИЗОБРАЖЕНИЙ

Слайд 19

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

Слайд 20

ССЫЛКА НА ЭЛЕКТРОННЫЙ АДРЕС