|
Изучение HTML на уроках информатики
|
|
|
фываолдж | Дата: Четверг, 19.02.2009, 10:34 | Сообщение # 1 |
фываолдж
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
13 |
| Награды: |
0 |
| Статус: |
Offline |
|
Уважаемые коллеги! Прошу поделиться опытом. Какие практичеческие задания вы даете ученикам по HTML? Разрабатываете сайты в Блокноте или в других программах? Используете ли проектную технологию? Посоветуйте, где можно скачать практические работы по созданию сайтов
19.02.2009
|
|
|
|
| |
|
|
K@tti | Дата: Пятница, 20.02.2009, 18:34 | Сообщение # 2 |
K@tti
Ранг: Академик (?)
Admin
Группа: Администраторы
Должность: информатика
|
| Сообщений: |
6010 |
| Награды: |
78 |
| Статус: |
Offline |
|
фываолдж, я не изучала с учениками на уроке HTML (пока). Думаю, что стоит давать задания в блокноте. Оформить страничку (цвет фона или фоновый рисунок), написать текст, форматировать текст, создать таблицу, использовать гиперссылки, вставить изображение. Хорошие практические работы есть в книге О.Б. Богомоловой "Web-конструирование на HTML" - это целая книга последовательных практических работ по HTML для школьников. Quote (фываолдж) Используете ли проектную технологию? А вы? какие бы проекты вы дали?
20.02.2009
|
|
|
|
| |
|
|
фываолдж | Дата: Пятница, 27.02.2009, 08:17 | Сообщение # 3 |
фываолдж
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
13 |
| Награды: |
0 |
| Статус: |
Offline |
|
Quote (K@tti) А вы? какие бы проекты вы дали? Думаю, что в этом году у меня дело до разработки проектов не дойдет, буду обходиться обычными практическими работами на один урок. Пока что у меня в наличии только практические работы из книги И. Смирновой "Начала web-дизайна".
27.02.2009
|
|
|
|
| |
|
|
Провинциал | Дата: Пятница, 27.02.2009, 17:04 | Сообщение # 4 |
| Сообщений: |
760 |
| Награды: |
18 |
| Статус: |
Offline |
|
Если изучать HTML серьёзно, то надо обязательно в связке с CSS (Каскадная таблица стилей)
Посмотрите 3-ий вариант применения в учебнике
http://ru.html.net/tutorials/css/lesson2.asp Грамотное применение CSS позволяет изменением одной строчки в файле-стилей (CSS) изменить оформление элемента на десятках и сотнях страниц сайта...
27.02.2009
|
|
|
|
| |
|
|
K@tti | Дата: Пятница, 27.02.2009, 17:13 | Сообщение # 5 |
K@tti
Ранг: Академик (?)
Admin
Группа: Администраторы
Должность: информатика
|
| Сообщений: |
6010 |
| Награды: |
78 |
| Статус: |
Offline |
|
Quote (Провинциал) Если изучать HTML серьёзно, то надо обязательно в связке с CSS (Каскадная таблица стилей) А если на уровне школьного ознакомления, то можно затронуть CSS кратко.
27.02.2009
|
|
|
|
| |
|
|
Uchinfo | Дата: Воскресенье, 19.04.2009, 23:09 | Сообщение # 6 |
Uchinfo
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
18 |
| Награды: |
0 |
| Статус: |
Offline |
|
Quote (фываолдж) Уважаемые коллеги! Прошу поделиться опытом. Какие практичеческие задания вы даете ученикам по HTML? Разрабатываете сайты в Блокноте или в других программах? Используете ли проектную технологию? Посоветуйте, где можно скачать практические работы по созданию сайтов У меня есть несколько разработок уроков по WEB-дизайну. Презентация+план урока+практическая. Заходите, скачивайте:
Web-дизайн. Мультимедийные уроки Проектную технологию я использую при проведении итоговой контрольной по этой теме. Предлагаю детям объединиться в группы по 3-5 человек, выбрать тему для сайта, разделить обязанности по подготовке материала, подготовить картинки, текст. А потом на уроке (за 2 два урока) сделать совместно сайтик. А потом самим и поставить оценки за работу.
Такая форма работы им очень нравиться.
19.04.2009
|
|
|
|
| |
|
|
informatik | Дата: Понедельник, 20.04.2009, 19:49 | Сообщение # 7 |
informatik
Ранг: Аспирант (?)
Первый помощник
Группа: Пользователи
|
| Сообщений: |
963 |
| Награды: |
5 |
| Статус: |
Offline |
|
Вот здесь http://informatik.pedsovet.su/load/1-1-0-9 есть обучалка по HTML и Java довольно неплохая, правда староватоя немного. 
В газете "Информатика" (приложение к 1 сентября) есть разработки Дуванова о "школьном сайтостроительстве". Посмотрите там ещё.
20.04.2009
|
|
|
|
| |
|
|
aviator | Дата: Пятница, 24.04.2009, 10:37 | Сообщение # 8 |
aviator
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
7 |
| Награды: |
0 |
| Статус: |
Offline |
|
Для разработки сайта используются различные средства: редактор Блокнот, конструкторы сайтов (дизайнеры), WebCoder 1.6.0.0, профессиональные приложения: Macromedia HomeSite Plus v5.1 for Windows XP, Macromedia Dreamweaver, Microsoft FrontPage и т.д. Для обучения создания Web-страницы (HTML–страницы) или сайта (набора Web-страниц и файлов связанных между собой гиперссылками) рекомендую прикладную программу FrontPage 2003 из Office 2003. Приложение FrontPage 2003 – это визуальный html-редактор. В нем можно работать как в визуальном режиме (режиме конструктора), так и в режиме кода (на языке разметки HTML). В редакторе FrontPage существуют мастера, которые позволяют легко создавать Web-сайт, и шаблоны Web-страниц и Web-узлов, содержащие разметку (структуру) и дизайн необходимые для быстрого создания, как Web-страниц, так и Web-сайтов. FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки и т.д. Практические работы по созданию сайтов в редакторе FrontPage 2003 изложены на страницах http://lessons-tva.info/edu/e-inf3/m3t3_1.html и http://lessons-tva.info/edu/lab_zan/27.html сайта «Обучение в интернет» Что касается CSS, то технологию применения каскадных таблиц стилей в сайтах лучше давать после изучения азов сайтостроения.
24.04.2009
|
|
|
|
| |
|
|
ValentinaN | Дата: Воскресенье, 26.04.2009, 10:52 | Сообщение # 9 |
| Сообщений: |
424 |
| Награды: |
2 |
| Статус: |
Offline |
|
А мы со своими восьмиклассниками на уроках создаём странички в блокноте. Детей увлекает тема, наиболее заинтересовавшиеся и продвинутые начинают создавать проекты, но это уже за пределами уроков, в рамках кружка.
26.04.2009
|
|
|
|
| |
|
|
informatik | Дата: Пятница, 01.05.2009, 00:17 | Сообщение # 10 |
informatik
Ранг: Аспирант (?)
Первый помощник
Группа: Пользователи
|
| Сообщений: |
963 |
| Награды: |
5 |
| Статус: |
Offline |
|
Прежде всего надо рассказать учащимся, что такое HTML, для чего нужно его изучать. Важно дать понять, что HTML - это не язык программирования, а язык разметки гипертекста.
Потом нужно рассмотреть структуру простейшей страницы:
<HTML>
<HEAD>
<TITLE>
Название страницы
</TITLE>
</HEAD>
<BODY>
Тело документа
</BODY>
</HTML>
Объяснить назначение обязательных тегов. Далее целессобразно рассмотреть форматирование текста в HTML: изменение начертания текста (курсив, полужирный, подчеркнутый), теги заголовков (<H1>... <H6>), разрыв строки (<br>), абзац (<p>) и т.д.
Все перечисленное выше нужно дать на первых занятиях. У каждого тега имеются атрибуты, которые могут принимать разные значениях - их тоже надо рассматривать на уроках.
Надо требовать от учащихся запоминания тегов и их атрибутов. Для контроля знаний учащихся можно использовать тестирование. Обязательны также практические задания на создание веб-страничек.
После изучения всего раздела желательно дать учащимся проект - "Создание веб-сайта по определенной теме". Я рекомендую ещё одну хорошую книгу по HTML: Усенков. Урок web-мастера.
В ней описан не только язык HTML, но также JavaScript и другие технологии создания сайтов.
01.05.2009
|
|
|
|
| |
|
|
Олегович | Дата: Пятница, 16.07.2010, 17:53 | Сообщение # 11 |
Олегович
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
10 |
| Награды: |
1 |
| Статус: |
Offline |
|
А я только недавно создал видеоуроки по этой теме: Урок 1: http://narod.ru/disk/22622105000/webconstr.zip.html (или http://pedsovet.su/load/15-1-0-5354)
Урок 2: http://narod.ru/disk/22783360000/webconstr2.zip.html
16.07.2010
|
|
|
|
| |
|
|
Сергеев_ЕВ | Дата: Воскресенье, 17.10.2010, 14:12 | Сообщение # 12 |
Сергеев_ЕВ
Ранг: Первоклашка (?)
Группа: Пользователи
Должность: Информатика
|
| Сообщений: |
50 |
| Награды: |
1 |
| Статус: |
Offline |
|
Олегович, ссылки битые. Будьте так любезны, обновите их
17.10.2010
|
|
|
|
| |
|
|
Олегович | Дата: Воскресенье, 17.10.2010, 14:15 | Сообщение # 13 |
Олегович
Ранг: Дошколенок (?)
Группа: Я - учитель
|
| Сообщений: |
10 |
| Награды: |
1 |
| Статус: |
Offline |
|
Quote (Сергеев_ЕВ) Олегович, ссылки битые. Будьте так любезны, обновите их ok http://um-razum.ru/load....1-0-128
http://um-razum.ru/load....1-0-129
17.10.2010
|
|
|
|
| |
|
|
Сергеев_ЕВ | Дата: Четверг, 21.10.2010, 21:32 | Сообщение # 14 |
Сергеев_ЕВ
Ранг: Первоклашка (?)
Группа: Пользователи
Должность: Информатика
|
| Сообщений: |
50 |
| Награды: |
1 |
| Статус: |
Offline |
|
Олегович, спасибо. Классный материал!
21.10.2010
|
|
|
|
| |
|
|
informatik | Дата: Понедельник, 13.12.2010, 08:52 | Сообщение # 15 |
informatik
Ранг: Аспирант (?)
Первый помощник
Группа: Пользователи
|
| Сообщений: |
963 |
| Награды: |
5 |
| Статус: |
Offline |
|
Думаю, что при изучении HTML учащимся будет полезен "HTML справочник" http://html.manual.ru/ , где они смогут посмотреть назначение тегов и их атрибутов.
13.12.2010
|
|
|
|
| |
|
