Программирование на HTML
Aracorn (обсуждение | вклад) |
Nepectyk (обсуждение | вклад) (→Авторы проекта) |
||
| (не показаны 39 промежуточных версий 3 участников) | |||
| Строка 1: | Строка 1: | ||
| − | == | + | == Автор проект == |
| − | + | Верещагин Александр Михайлович | |
| − | + | ||
| − | + | ||
| − | + | ||
==Название проекта== | ==Название проекта== | ||
| − | + | Программирование на HTML | |
== Предмет, группа == | == Предмет, группа == | ||
| − | + | Информатика | |
== Краткая аннотация проекта == | == Краткая аннотация проекта == | ||
| − | + | Данный проект позволяет ученикам изучить основы языка HTML, и с помощью данного языка создать информационный ресурс. Язык разметки гипертекста HTML, использующийся для создания веб-ресурсов так прост в усвоении, что позволяет желающим усвоить его без знаний языков программирования. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-браузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги. | |
==Направляющие вопросы == | ==Направляющие вопросы == | ||
===''Основополагающий вопрос''=== | ===''Основополагающий вопрос''=== | ||
| − | + | Принципы построения сайтов в HTML | |
===''Проблемные вопросы''=== | ===''Проблемные вопросы''=== | ||
| − | + | Что такое HTML? | |
| + | |||
| + | Какие возможности предоставляет HTML? | ||
| + | |||
| + | Как работает HTML? | ||
===''Учебные вопросы''=== | ===''Учебные вопросы''=== | ||
| − | + | Какова структура Web-страницах? | |
| + | |||
| + | Списки и гиперссылки на Web-страницах? | ||
| + | |||
| + | Форматирование текста на Web-страницах? | ||
==План проведения проекта== | ==План проведения проекта== | ||
| + | |||
| + | 1. Изучение основ программирования на языке HTML | ||
| + | |||
| + | 2. Подборка материала для работы | ||
| + | |||
| + | 4. Создание основного кода, тегов, отвечающих за форматирование текста, заголовков, вставку картинок, за цвет фона, цвет букв и т.д. | ||
| + | |||
| + | 5. Создание связанного текста (гипертекста). | ||
| + | |||
| + | 6. Разработка дизайна. | ||
| + | |||
| + | 7. Согласно правилам сайтостроения, вся информация сайта должна быть структурирована: | ||
| + | *созданы отдельные папки для графики; | ||
| + | *имена файлов и папок даны на английском языке. | ||
== Визитная карточка проекта == | == Визитная карточка проекта == | ||
| − | [https://docs.google.com/ | + | [https://docs.google.com/document/pub?id=1DBo77yIuzI9KkwI096KE9aw6HfsqUIePNE9HR--tfRE Визитная карточка проекта] |
| − | == | + | == Критерии оценивания == |
| + | [http://docs.google.com/Doc?docid=0AW95pdq5awGqZDJubWQ0dF80ZzZzNGRybWY&hl=ru Критерии оценивания публикации] | ||
| − | + | [https://docs.google.com/document/d/10T4eIa7adjWa2QnUPhxC8dcUbMhvJNoEe9i4Up_wYxc/edit?hl=ru Критерии оценивания теста] | |
| − | [https://docs.google.com/ | + | |
| − | = | + | [https://docs.google.com/document/d/1liTPUD6-bsLalX0TThlmJiV59UN40LDjbAMwYUI6nBQ/edit?hl=ru Критерии оценивания веб-сайта] |
| − | == | + | [https://docs.google.com/document/pub?id=1q6qOgasuBn9YuIGPyaFMSA1vMYVs0sL50bq5fGOgATs Критерии оценивания мультимедийных презентаций] |
| + | |||
| + | == Дидактические цели == | ||
| + | Формирование: | ||
| + | |||
| + | - самостоятельной познавательной активности учащихся. | ||
| + | |||
| + | - навыков самостоятельной работы с большими объёмами информации. | ||
| + | |||
| + | - навыков работы в команде. | ||
| + | |||
| + | |||
| + | [https://docs.google.com/document/pub?id=1tJUpKOsX5tB5apZiDS7bBd8_u3PsB-DPzJu4pRtOlaY Итоговый тест] | ||
| + | |||
| + | [https://sites.google.com/site/programmirovanienahtml Сайт дисциплины] | ||
| + | |||
| + | == Аннотации == | ||
| + | [https://docs.google.com/document/pub?id=1RZoKqTRV3haAjAOr9Ju5cRzbJqfdYHWvB3o-GVJNsSw Аннотации тематического веб-сайта] | ||
| + | |||
| + | [https://docs.google.com/document/pub?id=1PuK7aUJogxUYSbklscCR9lg2pCpMubJazBNtNtwLz7o Аннотации отдельных файлов] | ||
| + | |||
| + | == Пример продукта проектной деятельности учащихся == | ||
| + | [https://docs.google.com/present/view?id=dhjtcvmb_1hf56vbrx Пример презентации учащихся] | ||
| + | |||
| + | [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B3g1WKqsu7_iNzA3OTE3NTQtMzdhOS00ZmQ2LWE5ZDQtMGU1Zjk2M2Y3NmNk&hl=en_US Пример публикации учащегося] | ||
| + | |||
| + | == Презентации (Для ведения лекционных занятий)== | ||
| + | [https://docs.google.com/present/view?id=dhjtcvmb_9dsxmf9f7 Презентация учителя] | ||
== Материалы по сопровождению и поддержке проектной деятельности == | == Материалы по сопровождению и поддержке проектной деятельности == | ||
| − | + | 1. Янушина Е. В. Изучаем Интернет, создаем веб-страницу. СПб.: Питер, 2003. | |
| + | |||
| + | 2. А. Венедюхин, А. Воробьев. Создание сайтов. Эксмо, 2011. | ||
| + | |||
| + | 3. В. Леонтьев. Интернет. Справочник. Олма Медиа Групп, 2011. | ||
| + | |||
| + | 4. Ч. Муссиано и Билл Кеннеди. HTML и XHTML. Подробное руководство. Символ-плюс, 2008. | ||
| + | |||
| + | 5. В.В. Дунаев. HTML, скрипты и стили. БХВ-Петербург, 2011. | ||
| − | + | [[Категория:ТГУ]] | |
Текущая версия на 12:11, 17 апреля 2013
Автор проект
Верещагин Александр Михайлович
Название проекта
Программирование на HTML
Предмет, группа
Информатика
Краткая аннотация проекта
Данный проект позволяет ученикам изучить основы языка HTML, и с помощью данного языка создать информационный ресурс. Язык разметки гипертекста HTML, использующийся для создания веб-ресурсов так прост в усвоении, что позволяет желающим усвоить его без знаний языков программирования. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-браузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги.
Направляющие вопросы
Основополагающий вопрос
Принципы построения сайтов в HTML
Проблемные вопросы
Что такое HTML?
Какие возможности предоставляет HTML?
Как работает HTML?
Учебные вопросы
Какова структура Web-страницах?
Списки и гиперссылки на Web-страницах?
Форматирование текста на Web-страницах?
План проведения проекта
1. Изучение основ программирования на языке HTML
2. Подборка материала для работы
4. Создание основного кода, тегов, отвечающих за форматирование текста, заголовков, вставку картинок, за цвет фона, цвет букв и т.д.
5. Создание связанного текста (гипертекста).
6. Разработка дизайна.
7. Согласно правилам сайтостроения, вся информация сайта должна быть структурирована:
- созданы отдельные папки для графики;
- имена файлов и папок даны на английском языке.
Визитная карточка проекта
Критерии оценивания
Критерии оценивания публикации
Критерии оценивания мультимедийных презентаций
Дидактические цели
Формирование:
- самостоятельной познавательной активности учащихся.
- навыков самостоятельной работы с большими объёмами информации.
- навыков работы в команде.
Аннотации
Аннотации тематического веб-сайта
Пример продукта проектной деятельности учащихся
Презентации (Для ведения лекционных занятий)
Материалы по сопровождению и поддержке проектной деятельности
1. Янушина Е. В. Изучаем Интернет, создаем веб-страницу. СПб.: Питер, 2003.
2. А. Венедюхин, А. Воробьев. Создание сайтов. Эксмо, 2011.
3. В. Леонтьев. Интернет. Справочник. Олма Медиа Групп, 2011.
4. Ч. Муссиано и Билл Кеннеди. HTML и XHTML. Подробное руководство. Символ-плюс, 2008.
5. В.В. Дунаев. HTML, скрипты и стили. БХВ-Петербург, 2011.
