«Практикум по основам HTML» Щецова Ольга Владимировна, г. Дубна, Лицей 6 Для учащихся 8-11 классов, учителей информатики и всех начинающих web-дизайнеров.

Презентация:



Advertisements
Похожие презентации
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Advertisements

Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
Web-страницы Выполнил: учащийся 11В класса МОУ СОШ 7 Горобец Виталий Владимирович Новочеркасск 2005 Содержание ДалееНазадЗавершить.
HTML Hyper Text Markup Language Язык разметки гипертекста Автор: Палецкая А.Ю. учитель информатики МОУ Сортавальского МР РК СОШ 1.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Переходы на слайдах. Использование гиперссылок Гипертекст полностью меняет ситуацию… Применяемый во всемирной паутине язык HTML… обеспечивает мгновенный.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Создание Web-страниц. Web – сайт состоит из компьютерных Web – страниц, объединённых гиперссылками. Создание Web – страниц реализуется с помощью языка.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Основы HTML Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Разработка Web-сайтов. Термин гипертекст был введен Тедом Нельсоном в 1965 г. для описания документов, которые выражают нелинейную структуру идей, в противоположность.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Web-страницы и Web-сайты. Структура Web- страницы.
Создание документов в текстовых редакторах Учитель информатики: Общева Ирина Сергеевна
Транксрипт:

«Практикум по основам HTML» Щецова Ольга Владимировна, г. Дубна, Лицей 6 Для учащихся 8-11 классов, учителей информатики и всех начинающих web-дизайнеров Учебный курс

Цели создания курса Систематизировать знания и практические навыки по данной теме школьного курса. Дать возможность изучать материал по индивидуальному графику, с удобной для конкретного ученика скоростью. Облегчить работу учителя при формулировке заданий и проверке выполнения работы. Развитие познавательной и творческой деятельность учащихся. Формирование навыков работы над индивидуальными и групповыми проектами, а так же для поиска информации, необходимой в учебном процессе.

Содержание курса 5УКРАШАЕМ СИМВОЛЫ 5.1Гарнитура шрифта 5.2Цвет текста 5.3Размер шрифта 5.4Начертания и другие видоизменения 6КАРТИНКИ НА WEB-СТРАНИЦЕ 6.1Форматы графических файлов 6.2Вставка рисунков 6.3Фон страницы. 6.4Использование рисунков в качестве гиперссылок 7ИСПОЛЬЗОВАНИЕ ТАБЛИЦ В HTML- ДОКУМЕНТЕ. 7.1Создание таблиц 7.2 Оформление таблиц 7.3Примеры использования таблиц для оформления страницы 8ПРИЛОЖЕНИЯ. 8.1Основные теги и их параметры. 8.2Таблица спецсимволов. 8.3Таблица базовых цветов. 1С ЧЕГО НАЧАТЬ? 1.1Что такое HTML? 1.2Что нам понадобится, для создания web-страницы? 1.3Итак, приступим? 2РАСПОЛАГАЕМ ТЕКСТ НА СТРАНИЦЕ. 2.1Форматирование абзацев. 2.2Заголовки 2.3Списки 3ГИПЕРССЫЛКИ. 3.1Внутренние гиперссылки. 3.2Ссылки на другие страницы. 3.3Почтовые ссылки 4ВНЕШНИЙ ВИД СТРАНИЦЫ. 4.1Цвет в html-документе. 4.2Цвет фона и текста. 4.3Цвет гиперссылок. 4.4Создание горизонтальных линий

Методические приемы Web-страница – набор текстовых документов в формате *.htm или *.html, связанные между собой гипертекстовыми ссылками. Просмотр документов осуществляется с помощью специальных программ – браузеров, переход на другой документ выполняется щелчком на ссылке. Поэтому нам нужны две программы текстовый редактор (например, Блокнот) и любой имеющийся у вас браузер (например, Internet Explorer). Создадим ссылки на готовые страницы. Инструкция к часам Словарь компьютерных терминов Законы о случайности и закономерности Если добавить параметр title с указанием комментария, то при наведении на ссылку, рядом с указателем будет появляться окно комментария. Например: Инструкция к часам

Методические приемы Практические задания и упражнения Самостоятельные работы Рисунки Готовые тексты Примеры «И в шутку и в серьез»«И в шутку и в серьез» «Виртуальный зоопарк».«Виртуальный зоопарк»

Опыт использования вместо раздаточного материала, для индивидуального (самостоятельного) обучения, в качестве учебника для повторения дома или изучения пропущенного материала. дети не могут самостоятельно оценить свою работу, некоторые темы требуют дополнения и пояснения, при работе в профильных классах текст учебника требует дополнения творческими заданиями и углубленным материалом. Учебник не может полностью заменить учителя!

«Базовый курс информатики»