От простого к сложному. Курс по разработке сайтов

Подробное описание

Предисловие

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

Создание документов HTML и представление их в Интернете – одно из наиболее перспективных направлений развития творчества учащихся, активного включения их в социум. Однако недостаточное распространение обучения детей в области web-дизайна обусловливает необходимость разработки методических материалов и образовательных программ данной направленности и их активное использование в образовательном процессе.

Освоение учащимися предложенного курса позволит им формировать документы для Интернета как по предмету ИКТ, так и по учебным предметам на уровне, достаточном для представления их в Интернете.

Основные задачи курса:

• компенсация отсутствующих в системе базового образования знаний, умений и навыков в области компьютерного дизайна; развитие у обучающихся интереса к изучению предмета;
• развитие мотивации обучающихся к познанию методов и средств компьютерного дизайна; развитие творческих способностей обучающихся в данной сфере;
• предпрофессиональная подготовка учащихся в выбранной предметной области на уровне, обеспечивающем им возможность начала работы в профессиональных коллективах;
• воспитание у обучающихся ответственности, трудолюбия, самоорганизованности.

Материалы курса по разработке сайтов «От простого к слож-ному» можно использовать как дополнительный материал к урокам информатики или как разработку практической части программы внеурочной деятельности в 9–11 классах (научно-познавательное направление).

Курс «От простого к сложному» состоит из тем (курсов):

1. Основы разработки сайтов на HTML.

2. Дополнительные возможности форматирования в документах HTML.

3. Использование форм и сценариев на языке VBScript в документах HTML.

Курс «Основы разработки сайтов на HTML» является базовым и предназначен для обучения основным возможностям HTML. Но, тем не менее, в результате обучения учащиеся смогут создавать интересные сайты для Интернета.

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

Курс «Использование форм и сценариев на языке VBScript в документах HTML» обучит учащихся приемам создания динамических и интерактивных сайтов.

Итоговые работы по результатам обучения могут быть до-статочно профессиональными.

Каждая тема (курс) рассчитана на 34 занятия (из них 2 часа – резерв). В процессе обучения школьники выполняют практические работы и самостоятельные задания, а в конце курса – зачетное задание. Результатом применения данного материала на практике является получение готового продукта в виде со-зданного своими руками сайта.

Для каждого курса в пособии приведены методические указания, контрольные вопросы и темы зачетных заданий. В конце курса добавлены приложения в виде краткого справочника по командам языка HTML и цветовой палитре. Каждый курс можно использовать и как часть общего учебного курса, и как отдельный раздел.

Представленные материалы могут быть использованы студентами педагогических вузов, обучающимися по специальности «Информатика», учителями общеобразовательных школ, реализующими технологии дистанционного обучения, желающими повысить свои профессиональные  качества в области интернет-технологий.

Содержание

Предисловие    3

Курс «Основы разработки сайтов на HTML»

Методические указания по курсу «Основы разработки сайтов на HTML»    6

Поурочное планирование по курсу «Основы разработки сайтов на HTML»    6

Занятие 1. Введение    8

Занятия 2–3. Язык HTML    10

Занятие 4. Простейшие команды форматирования    14

Занятие 5. Создание web-страницы    16

Занятие 6. Редактирование web-страницы    17

Занятие 7. Изменение цветовой палитры. Добавление графических изображений.    18

Занятие 8. Изменение размера изображений    21

Занятие 9. Списки на странице HTML-документа    23

Занятие 10. Практическая работа: размещение списков в HTML-документе    25

Занятие 11. Бегущая строка    27

Занятие 12. Что такое URL    29

Занятия 13–14. Гиперссылки на странице HTML-документа    30

Занятие 15. Изображение как гиперссылка    35

Занятие 16. Гиперссылки на фрагменты страницы HTML-документа    37

Занятие 17. Гиперссылки на ресурсы WWW    40

Занятие 18. Гиперссылка на адрес электронной почты    42

Занятие 19. Таблицы в документах HTML. Создание таблицы    44

Занятие 20. Форматирование ячеек таблицы    48

Занятия 21–22. Практическое задание по форматированию ячеек таблицы    49

Занятия 23–24. Контрольное тестирование по курсу «Основы разработки сайтов на HTML»    55

Занятия 25–32. зачетная работа по темам курса «Основы разработки сайтов на HTML»    56

Курс «Дополнительные возможности форматирования в документах HTML»

Методические указания по курсу «Дополнительные возможности форматирования в документах HTML»    57

Поурочное планирование по курсу «Дополнительные возможности форматирования в документах HTML»    57

Занятие 1. Стили в документах HTML. Свойства стиля и атрибут style    59

Занятие 2. Практическое занятие по использованию атрибута style    62

Занятие 3. Самостоятельная работа по использованию атрибута style    64

Занятие 4. Каскадные таблицы стилей     64

Занятие 5. Практическое занятие по использованию каскадных таблиц стилей    65

Занятие 6. Самостоятельная работа по использованию каскадных таблиц стилей    67

Занятие 7. Дополнительные возможности использования мультимедиа в HTML    68

Занятие 8. Загрузка мультимедиафайлов по гиперссылке    68

Занятие 9. Включение видео в HTML-страницу    70

Занятие 10. Включение фонового звука в документ HTML    71

Занятие 11. Включение мультимедиа в страницу как объекта    72

Занятие 12. Включение в HTML-документ анимации Macromedia Flash    73

Занятие 13. Самостоятельная работа по включению в документ HTML анимации Macromedia Flash    75

Занятие 14. Размещение видеофильма в формате avi на странице HTML    76

Занятие 15. Самостоятельная работа по размещению видео в формате avi на странице HTML    78

Занятие 16. Размещение видеофильма QuickTime на странице HTML    78

Занятие 17. Самостоятельная работа по размещению видеофильма QuickTime на странице HTML    80

Занятие 18. Размещение свободно распространяемых программ на Java    81

Занятие 19. Практическое занятие по использованию свободно распространяемых программ на Java на странице HTML    82

Занятие 20. Размеченные изображения    84

Занятие 21. Практическое занятие по созданию размеченной карты    85

Занятие 22. Практическое занятие по созданию размеченной схемы разбиения компьютера    87

Занятие 23. Самостоятельная работа по созданию размеченного изображения    90

Занятие 24. Создание мультифреймовых страниц HTML    90

Занятие 25. Практическое занятие по созданию мультифреймовых страниц    91

Занятие 26. Загрузка содержимого фреймов по гиперсвязи    93

Занятие 27. Самостоятельная работа по созданию мультифреймовых страниц    96

Занятие 28. Контрольное тестирование по курсу «Дополнительные возможности форматирования в документах HTML»    97

Занятия 29–32. Зачетная работа по темам курса «Дополнительные возможности форматирования в документах HTML»    98

Курс «Использование форм и сценариев на языке VBScript в документах HTML»

Методические указания по курсу «Использование форм и сценариев на языке VBScript в документах HTML»    99

Поурочное планирование по курсу «Использование форм и сценариев на языке VBScript в документах HTML»    100

Занятие 1. Работа с формами в HTML. Создание форм    101

Занятие 2. Поля переключателя и выбора    104

Занятие 3. Кнопки в форме    107

Занятие 4. Выпадающие списки    109

Занятие 5. Текстовые области и группировка полей    111

Занятие 6. Самостоятельная работа по созданию форм    115

Занятие 7. Сценарии на языке VBScript в документах HTML    115

Занятие 8. Основные принципы создания сценариев в документах HTML    118

Занятие 9. Свойства объектов, события и действия    121

Занятие 10. Практическое занятие по вводу страницы со сценарием    124

Занятие 11. Язык VBScript. Переменные и массивы    126

Занятие 12. Дополнительные функции    130

Занятие 13. Операторы    134

Занятие 14. Работа с полями ввода значений    137

Занятие 15. Использование поля выбора в документах    139

Занятие 16. Обработка поля переключателей    142

Занятие 17. Использование выпадающих списков    144

Занятие 18. Изменение доступности полей    146

Занятие 19. Изменение видимости полей    148

Занятие 20. Реакция на изменения данных в полях формы    151

Занятие 21. Обработка движения мыши    155

Занятие 22. Переменные сценария, содержащие даты и время    157

Занятие 23. Отображение дат и времени на страницах    159

Занятие 24. Контрольное тестирование по курсу «Использование форм и сценариев на языке VBScript в документах HTML»    161

Занятия 25–32. Зачетные работы по темам курса «Использование форм и сценариев на языке VBScript в документах HTML»    164

Приложения    166

Приложение 1. Теги языка HTML    166

Приложение 2. Таблица цветов в HTML с английскими названиями    174

Литература    180