close

Вход

Забыли?

вход по аккаунту

?

Электронное пособие по созданиюWEB страниц

код для вставкиСкачать
Министерство образования Российской Федерации
Приморский край Уссурийский городской округ
Электронное пособие по созданию WEB -страниц
Москалец Вера Петровна
Учитель информатики- математики МБОУ СОШ № 16
1 категории
Уссурийск-2013
Содержание:
Введение 3
1. Понятие электронного пособия 4
2. Пособие по созданию WEB-страниц 5
3. Результаты применения электронного пособия 10
Заключение 15
Список литературы 16
Введение
В условиях высокой динамики общественных процессов и огромного информационного потока последних десятилетий актуальной становится задача развития активности и самодеятельности школьника, его способности к самостоятельному познанию нового и решению жизненных проблем.
Образованный человек в современном обществе - это человек умеющий добывать, приобретать знания, делать это целенаправленно по мере появления у него такой потребности.
Сегодня основной задачей школьного курса "Информатики и ИКТ" является формирование операционного стиля мышления учащихся, компьютерная грамотность выпускника школы предполагает не только умение свободно работать на ПК, но и способность постоянно учиться всему новому согласно требованиям времени, стремительно развивающимся технике и технологиям. Возникает потребность в повышении эффективности урока, а для этого просто необходимо наличие соответствующего технического и программного обеспечения, использование мультимедийных средств, коммуникационных технологий и др.
При изучении такой темы как "HTML-конструирование" использование электронных образовательных ресурсов, в том числе мультимедийных презентаций, интерактивных электронных учебников, ресурсов сети Интернет, тестовых оболочек - позволяет легко и непринуждённо изучить довольно сложные вопросы, показать практическую значимость материала и готовый продукт как результат работы.
Применяя интерактивные формы обучения, учитывающие интересы ребенка, его возможности, отношение к предмету, освоение им проблемно-поисковых методов всё это является огромной помощью в организации проектно-исследовательской деятельности. Создавая Web-страницу или свой сайт, дети учатся анализировать и решать различные проблемы, воспитывают в себе культуру сотрудничества, умение управлять своей деятельностью, высокую мотивацию саморазвития.
Кроме того, это позволяет освободить учителя от многих рутинных операций, расширяют возможности организации учебного процесса и позволяют формировать индивидуальные образовательные траектории обучающихся
1. Электронные пособия
Одно из направлений современного обучения - это использование компьютерных средств и телекоммуникационных технологий для получения новых знаний на всех ступенях обучения. Применение информационных средств обучения предоставляет хорошие технические возможности для реализации различных дидактических идей и принципов организации учебного процесса, наполняет деятельность учителя принципиально новым содержанием. Однако, это не является показателем того, что компьютер, берущий на себя часть функции учителя, способен вытеснить преподавателя из процесса обучения вовсе. Напротив, применение информационных технологий призвано активизировать процесс преподавания, повысить интерес учащихся к изучаемой дисциплине и эффективность учебного процесса. Они позволят достичь большей глубины понимая, изучаемого материала. Одним из элементов и средств информационного обучения являются электронные издания (учебники, пособия, книги).
Программное средство учебного назначения - это программное средство, в котором отражается некоторая предметная область, в той или иной мере реализуется технология ее изучения, обеспечиваются условия для осуществления различных видов учебной деятельности. Электронное учебное пособие ставится в один ряд с обучающими системами, но их нельзя полностью отождествлять. Электронное учебное пособие - программно-методический комплекс, обеспечивающий возможность самостоятельно освоить учебный курс или его раздел. Соединяет в себе свойства обычного учебника, справочника, задачника и лабораторного практикума. [3, с 13]
К основным компонентам содержания электронного учебного пособия можно отнести информативный, репродуктивный, творческий, эмоционально-ценностный, деятельностный и интерактивный. Использование электронного учебного пособия приобретает актуальность при обучении информатики. Применение электронных пособий способствует формированию таких важнейших навыков и умений обобщать и делать выводы, также формируется самостоятельное мышление. Не смотря на все положительные стороны электронного учебного пособия, оно не может обеспечить все стороны образования. Поэтому оно входит равноправным элементом в учебно-методический комплекс. Мы разделяем утверждение, что электронные учебные издания призваны облегчить понимание и запоминание (причем активное, а не пассивное) наиболее существенных понятий, утверждений и примеров, вовлекая в процесс обучения иные, нежели обычный учебник, возможности человеческого мозга, в частности слуховую и эмоциональную память, а также используя компьютерные объяснения. [5; 29] У электронных учебных изданий большая перспектива, так как они позволяют использовать такой сильный мотив, как тяга детей к компьютеру.
2.Пособие по созданию WEB страниц
Сегодня, в век интернета, умение создавать web-страницы и сайты становится элементом общей культуры человека информационного общества. По этой причине разделу web-программирования отводится значительное место в программе изучения информатики и информационных технологий. В данном разделе интегрируются разные технологии - работы с текстом, графикой, звуком и с видеоинформацией, работы с файловой системой, что позволяет активизировать знания из разных разделов информатики. Изучение основ web-дизайна развивает художественный вкус.
Вместе с технологическими навыками, в этом курсе учащиеся сталкиваются и с понятиями объектно-ориентированного программирования при использовании скриптов на языке Java Script.
Знание языка HTML, а также умелое применение каскадных таблиц стилей (CSS) и скриптов позволяет создавать не только личные сайты, но и эффектные локальные приложения-презентации, проекты и другие учебные материалы.
Создание Web-страниц осуществлялось с помощью языка разметки гипертекста (HTML). Основой в HTML технологии - это использование управляющих символов - тегов, при помощи которых можно изменить цвет символов, фон, определить положение текста, бегущей строки, вставить гиперссылки на различные объекты: изображения, анимацию, звук и т.п.. При просмотре данного документа в браузере мы получим Web-страницу, которую в последствии можем отредактировать.
Цель:
Повышение компьютерной грамотности и компетентности учащихся, в вопросе создания и дизайна Web-страниц, способствование развитию интеллектуальных способностей и познавательных интересов к информационным технологиям, создание условий для формирования интереса к профессиям связанным с мультипликацией, дизайном
Задачи:
* формировать способности к самостоятельному и инициативному решению проблем , как активной формы обучения на уроке информатики
* формировать информационную и коммуникативную компетентность учащихся, через социально-практическую значимость проекта, компетентность в области самостоятельного создания сайта
* формировать умения использовать исследовательские методы, инструментально-технические средства, эффективно работать в группах, исполняя различные социальные роли (лидера, посредника, эксперта, контролёра)
* развивать умения применять современные информационные технологии, через сбор и анализ информации, представление и защиту проектов, грамотное выражения мыслей и оценивания работы других участников
* развивать творческое мышление
* воспитывать сознательность, целеустремленность, уважительное отношение к мнению других
В примерной программе по информатике и ИКТ на тему "Коммуникационные технологии" отводится всего 12 часов и предлагается создать Web-страничку с использованием шаблонов. На тему "Мультимедийные технологии" выделяется 8 часов, но если в образовательном учреждении информатика изучается на пропедевтическом уровне уже в 5, 6 и 7 классах, то целесообразно перенести изучение мультимедийных технологий в пропедевтический курс и тогда можно увеличить время на изучение коммуникационных технологий, а точнее, можно добавить тему "Создание Web-сайтов на языке HTML" в 8 классе.
Освоение технологии создания сайтов рекомендуется начать с языка разметки гипертекста HTML в программе Блокнот, что является первоосновой в данном направлении. Конечно, за 8 часов невозможно изучить весь язык HTML, но можно показать назначение и применение основных тегов языка. Если ученик заинтересуется технологией создания сайтов, то сможет продолжить изучение материала самостоятельно или на соответствующих курсах, кружках или факультативах.
Электронное пособие состоит:
Все разделы пособия прилагается на электронном носителе
1) Видео уроки по Html
2) Конспекты уроков:
1. Основные понятия HTML. Представление о структуре HTML-документа. 2. Основные элементы, теги и атрибуты языка html.
3. Работа со списками.
4. Работа с изображениями и логическими тэгами.
5. Гиперссылки - фундамент гипертекста.
6. Таблицы. Разработка фрагмента сайта с табличным дизайном. Указываем на их преимущества и недостатки.
7. Навигация. Разработка своего сайта и его сохранение.
8. Доработка дизайна сайта. Знакомство с CSS.
9. Публикация сайта в интернете. Доменное имя и хостинг.
3) Упражнения для урока
4) Проверочные тесты
5) Конструктор по созданию Web страниц
6) Справочник css кодов
Блок начального изучения HTML
При изучении начальных сведений о языке HTML (структура HTML-документа, основные теги) нет необходимости в подробном чтении учебника.
На первом уроке объясняются понятия: языка разметки и его отличие от языка программирования; HTML-документа, его основных разделов, контейнера (обозначаемого открывающим и закрывающим тегами);дается текст простейшего HTML-документа, который ученики сразу же создают на компьютере.
Акцентируется внимание на важности тега <TITLE>, вспоминаются понятия папки, пути к файлу, имени и расширения файла, навыки работы в простом текстовом редакторе (Блокнот), объясняются правила сохранения файла с новым расширением.
Обычно, преодолев трудности работы с латинской раскладкой клавиатуры и увидев набранное крупным шрифтом "Личная страничка Миши Кузнецова" в незнакомой программе со страшным названием "браузер", дети испытывают легкий восторг и сожалеют о прозвеневшем звонке.
На втором уроке вводится понятие цвета фона и текста и способ его задания в теге <BODY> (атрибуты text, bgcolor). На первом этапе используются основные цвета и их словесные обозначения, хорошо (или не очень) известные из уроков английского языка.
Говорится о сочетаемости цветов, о влиянии цветового сочетания на читаемость текста и немного о психологическом значении цвета. Цвет - не самоцель, а средство повышения выразительности текста, улучшения его зрительного восприятия. Таким образом, закладываются элементы эстетического отношения к документу.
Как правило, у учеников сразу же возникает потребность узнать, а как выделить цветом отдельные слова, другие фрагменты текста. И здесь мы им рассказываем о теге <FONT> с атрибутом color, вводим тег <P> - абзац, с помощью которых дети с удовольствием занимаются раскраской своего небольшого текста во все цвета радуги.
На следующем уроке можно проконтролировать усвоение материала с помощью тестовых заданий 1 и 2 главы электронного учебника "HTML-конструирование". Остальная часть урока отводится практическому закреплению знаний в ходе продолжения написания и редактирования текста и отработке навыкам редактирования документа в блокноте, его сохранению и обновлению содержимого в браузере - стандартным приемам написания web-cтраниц. Дополнительно вводится атрибут align, который применим к разным тегам и позволяет выравнивать текст по сторонам страницы.
На третьем уроке вводится понятие списка и его разновидностей - маркированного и нумерованного, и даются правила задания списков с помощью тегов <UL>, <OL> и <LI>.
Для закрепления знаний учащиеся создают оглавление своего будущего сайта из нескольких пунктов в виде списка. Можно предложить детям посмотреть, как меняется вид списка, если заменить <UL> на <OL> и обратно. Если позволяет время, можно ввести атрибут type и посмотреть разновидности маркированного и нумерованного списков. Все эти манипуляции позволяют надежно закрепить навык HTML-мастера: "изменить - сохранить - обновить".
Как видно из содержания уроков, на этом этапе, за исключением вопросов текущего контроля, большой необходимости использовать электронный учебник не возникает. Это относится и к следующему уроку, посвященному созданию гипертекста. Наряду с освоением этого нового понятия дети отрабатывают чисто технологические вопросы работы с файлами: создание, именование, копирование, сохранение, а также работы с фрагментами текста.
Новые страницы своего личного сайта создаются путем копирования и переименования головного файла с последующей корректировкой их содержимого. После создания новых страниц пункты оглавления превращаются в гипертекстовые ссылки с помощью тега <A> (здесь говорим о новозеландском масле ANCHOR и пытаемся вспомнить, какой предмет, относящийся к морю, изображен на его обертке; мало кто может вспомнить о якоре, а ведь именно от этого слова образовано обозначение тега гиперссылки).
Важно в этом месте акцентировать внимание на строгости правил написания тега и его атрибутов: недопустимость лишних пробелов, не забывать правильно писать расширение, приучаться использовать в именах только маленькие латинские буквы - в соответствии с требованиями интернета).
Более активное использование электронного учебника требуется при изучении тем, связанных с размещением на страницах графики и таблиц, для чего используются теги с большим количеством разнообразных атрибутов. Освоить все эти атрибуты позволяют встроенные в учебник разнообразные испытатели.
На уроке, посвященном вставке изображений, прежде всего, говорим о графических форматах, используемых в интернете, и подробно - об особенностях двух основных форматов: gif и jpeg. Вводится тег <IMG> с основным атрибутом src и атрибутами задания размера, рамки, выравнивания и альтернативной надписи. Отмечаются важные аспекты их использования, после чего дети пытаются создать изображение на своей страничке. Здесь хочется еще раз поблагодарить А.А. Дуванова за замечательную подборку забавных анимированных картинок с изображениями разных зверушек, которая содержится в учебнике.
После того, как на страничках запрыгают лошадки и кролики, заходят тигры и замурлыкают коты, возникает потребность привести в порядок их пропорции и размеры, расположение на странице. И здесь приходят напомощь испытатели, с помощью которых дети учатся осознанно задавать размеры своих картинок с учетом размера и разрешения экрана, решать композиционные задач
Довольно непростая задача добиться нужного взаиморасположения картинки и текста, получает одно из решений с помощью таблиц. Уроки, посвященные таблицам, имеют главной целью научить, с их помощью, располагать материал на странице.
Дополнив материал уроков вопросами структуры сайта, правилами пунктуации компьютерных текстов, вставки специальных символов, можно дать ученикам достаточный для самостоятельной работы материал. Сформированный навык обращения к учебнику, будет помогать им самостоятельно искать ответы на возникающие вопросы, как в тексте учебника, так и в специальных справочных приложениях.
3.Результаты применения электронного пособия
Представленное методическое пособие прошло опрабацию в написании школьного сайта школы.
www.uss-school16.narod.ru
Сайт школы состоит и 32 web страницы, на которых размещена различная информация: учредительные документы, расписания уроков, страница первоклассников, страница ЕГЭ,ГИА, ФГОСТ, а также отражена воспитательная работа и работа кружков и секций.
Заключение
Можно долго перечислять примеры использования электронных учебников на уроке и во внеурочной деятельности. Важно то, что они дают преподавателю огромный учебно-методический и справочный материал, и большой простор в выборе средств и форм использования этого материала для обучения
Следует отметить, что использование сетевых технологий при работе над школьным сайтом и его тематическими страницами позволяют формировать умения и навыки по таким темам как локальные и глобальные компьютерные сети, телекоммуникационные технологии, информационная безопасность. Наличие в школе локальной сети и возможности имеющегося программного обеспечения стали основой для реализации моей идеи развития сайта как среды для формирования ИКТ-компетентности обучающихся.
Конечно, использование сетевых и Интернет-технологий не решают всех проблем преподавания информатики и возможно могут быть реализованы не в каждой школе. Но способствуя в целом повышению уровня информационной культуры школьников, данная форма работы позволяет двигаться нас к перспективе - подготовке выпускника, соответствующего современным требованиям общества.
Список использованных источников:
Ниязова А.Е. Активизация процесса обучения учащихся седьмых-восьмых классов общеобразовательной школы : Дис. ... канд. пед. наук: 13.00.02 : СПб., 2004. - 227 c.
Быстрова Ю.А. Применение компьютерных технологий как средства формирования познавательного интереса у студентов высшей школы: автореф. : магистра педагогики: 540350. - Актау, 2005. - 25 с.
Усенков Д."Уроки Web-мастера", Москва, БИНОМ, 2004 г.
Смирнова И. "Начала Web-дизайна, Санкт-Петербург, БХВ, 2004г.
Захаркина В.В. "Основы создания Web-страниц", методическое пособие, СПБ, 2000 г.
Http://videouroki.net Тарасов Д. Основы web-дизайна
http://htmlbook.ru - Мержевич Влад. Краткий, но информационно насыщенный учебник по технологии создания сайтов, HTML, CSS, дизайну, графике и др.
http://html.manual.ru - Городулин Владимир. HTML-справочник.
http://winchanger.narod.ru - А. Климов. Краткий справочник по тегам HTML-языка.
1
Автор
v.p.m_78
Документ
Категория
Без категории
Просмотров
337
Размер файла
5 109 Кб
Теги
созданиюweb, страница, пособие, электронные
1/--страниц
Пожаловаться на содержимое документа