- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад к уроку по информатике на тему Создание Web-сайтов с использованием языка гипертекстовой разметки документов HTML
Содержание
- 1. Презентация к уроку по информатике на тему Создание Web-сайтов с использованием языка гипертекстовой разметки документов HTML
- 2. HTML (от англ. HiperText Markup Language –
- 3. Язык HTML был разработан британским ученым Тимом
- 4. Web-страница – специальный файл, написанный на языке
- 5. Критерии содержания:наличие целевой аудитории;основное назначение сайта;уровень восприятия;назначение
- 6. Тег – это команда языка HTML, которую выполняет браузер:непарные тегипарные теги (контейнеры)
- 7. Моя первая Web-страницаПривет! first.htmМоя первая Web-страницашапка ("голова") Привет!основная часть («тело») Структура Web-документа
- 8. Параметры тега BODYцвет фона и текстацвет гиперссылокПривет!...цвет
- 9. Кодирование цвета
- 10. Заголовки: H1 … H6Заголовок первого уровняЗаголовок второго
- 11. цвет текстаразмер шрифтаТег FONT – свойства блока текстаПривет!Как дела?Привет!Как дела?от 1 до 7(3 – нормальный)
- 12. Стили оформления
- 13. Абзацыпереход на новую строкуабзац (с отступами)Дружественное отношение
- 14. Тег P - выравнивание Этот текст выровнен
- 15. Тег HR – горизонтальная линейкаHorizontal Rule ширина в пикселях или процентахтолщинавыравнивание
- 16. Тег IMG - вставка рисунков
- 17. Атрибуты тега IMGвсплывающая подсказканадпись на месте
- 18. Выравнивание рисунка
- 19. Тег - гиперссылкиhealth.htmindex.htmЗдоровье Питание Породы
HTML (от англ. HiperText Markup Language – «язык разметки гипертекста») – язык, на котором описывается объектная модель гипертекстового документа, предназначенного для вывода в окно браузера.Язык HTML
Слайд 2HTML (от англ. HiperText Markup Language – «язык разметки гипертекста») –
язык, на котором описывается объектная модель гипертекстового документа, предназначенного для вывода в окно браузера.
Язык HTML
Слайд 3
Язык HTML был разработан британским ученым Тимом Бернерсом-Ли в 1991-1992 гг.,
в то время, когда он работал в ЦЕРН (CERN) – Европейском совете по ядерным исследованиям в Женеве (Швейцария).
А немного раньше, в 1989 году, Тим Бернерс-Ли предложил саму идею Всемирной гипертекстовой паутины.
Историческая справка
Слайд 4Web-страница – специальный файл, написанный на языке HTML.
Web-сайт – набор Web-страниц,
связанных между собой перекрестными ссылками.
Гипертекст – документ, содержащий ссылки на другие документы.
Гиперссылка – выделенный объект, связанный с другими файлами и реагирующий на щелчок мыши.
Браузер – программа просмотра гипертекстовых документов (Internet Explorer, Mozilla Firefox, Opera).
Гипертекст – документ, содержащий ссылки на другие документы.
Гиперссылка – выделенный объект, связанный с другими файлами и реагирующий на щелчок мыши.
Браузер – программа просмотра гипертекстовых документов (Internet Explorer, Mozilla Firefox, Opera).
Основные понятия
Слайд 5Критерии содержания:
наличие целевой аудитории;
основное назначение сайта;
уровень восприятия;
назначение ресурса;
ценность материала;
варианты развития ресурса.
Критерии
технического исполнения:
общее время загрузки первой страницы;
качество дизайна;
удобство просмотра всех разделов;
возможность оценки содержательного наполнения всего сайта по первой странице;
удобство навигации.
общее время загрузки первой страницы;
качество дизайна;
удобство просмотра всех разделов;
возможность оценки содержательного наполнения всего сайта по первой странице;
удобство навигации.
Критерии оценки
Слайд 6Тег – это команда языка HTML, которую выполняет браузер:
непарные теги
парные теги
(контейнеры)
![](«picture.jpg")
вставить рисунок
открывающий
закрывающий
область действия тега: описание таблицы
Теги
Слайд 7
Моя первая
Web-страница
Привет!
first.htm
Моя первая
Web-страница
шапка ("голова")
Привет!
основная часть
(«тело»)
Структура Web-документа
Слайд 8Параметры тега BODY
цвет фона и текста
цвет гиперссылок
Привет!
LINK="#FF8C00"
VLINK=green>
...
...
