Презентация к уроку информатики по теме: Разработка Web-сайтов с использованием языка разметки гипертекста HTML


РАЗРАБОТКА WEB-САЙТОВС ИСПОЛЬЗОВАНИЕМ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML ИНФОРМАТИКА 8 КЛАСС ПРАКТИЧЕСКАЯ РАБОТА «РАЗРАБОТКА САЙТАС ИСПОЛЬЗОВАНИЕМ ЯЗЫКАРАЗМЕТКИ ТЕКСТА HTML» ИНФОРМАТИКА 8 КЛАСС Практическая работа 3.8 Учебный сайт «Компьютер» Структура сайта «Компьютер»:1) Начальная (домашняя) страница;2) «Программы» (классификация программного обеспечения);3) «Словарь» (словарь компьютерных терминов);4) «Анкета» (опрос посетителей сайта). Стр. 165-166, задания 1-4. Цель работы:. Научиться создавать начальную страницу Web-сайт с использованием языка разметки текста HTML в простейшем текстовом редакторе Блокнот. Вопросы для повторения Понятие Web-сайта.Какие виды Web-сайтов вы знаете?Какие программы используются для создание Web – страниц?Структура Web - страницы. Понятие веб-сайта Информация во Всемирной паутине хранится в форме Web-сайтов. Web-сайт по структуре напоминает журнал по какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.Веб-страницы связаны гиперссылками. Виды веб-сайтов Официальные (правительство, Дума, школа…)Коммерческие Личные Программы для создания сайта: РУЧНЫЕ1) простейший текстовый редактор Блокнот2) браузер для просмотра страниц: Internet Explorer3) программа обработки изображений: Photoshop Визуальные веб-редакторы Создание сайта на языке HTML очень трудоемкое, нужны специальные знания.Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу : что видишь, то и получишь. СТРУКТУРА WEB- страницы Web – страницы создаются с использованием языка разметки гипертекстовых документов HTML. В обычный текстовый документ вставляются управляющие символы –НТМL – теги, которые определяют вид Web – страницы при ее просмотре в браузере. СТРУКТУРА WEB- страницы Тэги заключаются в угловые скобки < > и могут быть одиночные (неповторяющиеся) парные (контейнеры): перед закрывающим тэгом контейнера пишут прямой слэш (/) Тэги пишутся английскими буквами (прописными, строчными). Структура Web-страницы Весь HTML-код страницы помещается внутрь главного контейнера:. Web-страница разделяется на 2 логические части: Заголовок Содержание Заголовок веб-страницы Заголовок Web-страницы заключается в контейнер (Содержит название страницы и справочную информацию о страницы, которая используется браузером для ее правильного отображения)Название Web-страницы содержится в контейнере <ТITLE> и отображается в верхней строке окна браузера при просмотре страницы. Основное содержание веб-страницы Основное содержание страницы помещается в контейнер .Может содержать: текст, таблицы, бегущие строки, картинки, ссылки, звуковые файлы... Работаем с интерактивной доской Собираем Web-страницу Домашнее задание Повторить форматирование текста и вставка изображений в Web-страницы § 3.7.3 – 3.7.4 стр.115-118