Слайд 1

Разработка Web- сайтов 8 класс Автор: Арсентьева Н.В. Учитель информатики Санкт-Петербург

Слайд 2

Web- страницы Web- страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language) HTML теги – управляющие символы, определяют вид страниц при просмотре в браузере.

Слайд 3

Достоинства Web страниц Малый информационный объем Возможность просмотра в разных операционных системах Для создания можно использовать простейшие текстовые редакторы (Блокнот) Web редакторы ( Dreemweaver ) WYSIWYG ( What You See Is What You Get) «Что видишь, то и получишь.

Слайд 4

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

Слайд 5

Сайт содержит Систему гиперссылок (перемещение по Web страницам). Прежде, чем разместить сайт в Интернете, его необходимо протестировать Размещают сайты на одном из серверов Интернета. Хостинг (платный и бесплатный)

Слайд 6

Тег Тег – это инструкция, которая говорит браузеру, что в данном месте документа нужно сделать. С помощью тегов мы создаем наши страницы. Все теги заключены в так называемые «уголки» < тег > И закрывающий (с косой чертой). Например, < strong > жирный текст . Указывает, что текст между открывающим и закрывающим тэгом strong будет выделен жирным.

Слайд 7

Структура Web -страницы Теги заключены в угловые скобки Одиночные или парные Парные теги – закрывающий и открывающий теги (контейнер) - внутри помещается код страницы

Слайд 8

Две логические части: заголовок и содержание Заголовок Название, справочная информация о странице – тип кодировки для отображения. 2. Название страницы отображается в верхней строке окна браузера

Слайд 9

Две логические части: заголовок и содержание отображаемое содержание в браузере Страница сохраняется с расширением html Все страницы сайта хранят в одной папке Поисковиками анализируется имя файла (TITLE) .

Слайд 10

Стр 143. Практическая работа 6.3 ( п.1, 2) < html> < head> < title> Компьютер < body> Все о компьютере

Слайд 11

Формирование текста на Web странице Заголовки: размер от

до

Самый крупный Самый мелкий ШРИФТ (некоторые теги имеют атрибуты)