Методика обучения технологии web 2.0 на примере создания школьного сайта спортивной тематики
2. Заголовки 2-го уровня (<h2> .</h2>)
- Выравнивание по левому краю
- Высота нижнего поля в 2 раза меньше высоты верхнего поля (задать самостоятельно)
- Наличие левого отступа (задать самостоятельно)
- Размер, цвет и начертание, отличное от других элементов
3. Абзац (<p>)
- Наличие красной строки (значение задать самостоятельно)
- Выравнивание по ш
ирине экрана
- Ширина левого отступа = ширине правого отступа (задать самостоятельно)
- Размер, цвет и начертание, отличное от других элементов
4*. Создать три класса для следующих частей абзаца (<span> .</span>)
1) Первое предложение каждого абзаца
2) Термины и обозначения
3) Названия цветов
Задание №2
1. С помощью css задайте для элемента body (тело страницы) следующие значения:
- Фон закрашен одним узором из папки background. Изображение повторяется по горизонтали и по вертикали
- Фон во время прокрутки страницы остается неподвижным
2. Создайте три класса элементов "блок" (<div> .</div>)
1) Первый класс содержит в себе заголовок страницы (Цвет и цветовые модели)
- фон закршен одной из картинок из папки background
- Изображение повторять только по горизонтали
- высоту (height) задайте самостоятельно
- ширина (width) 100%
2) Второй класс содержит в себе меню страницы
- фон закрашен произвольным цветом
- высоту (height) задайте самостоятельно
- ширина (width) 100%
3) Третий класс содержит в себе графические изображения, расположенные в конце каждого абзаца. В блоке могут находится несколько изображений.
Практическая работа №5 Разметка web-страницы с помощью «блоков»
Пример:
Создание блока «Шапка страницы»
<div id="top"> <h1> Шапка страницы </h1> </div>
Описание блока «Шапка страницы с помощью CSS»
#top
{
height:200px;
width:100%;
background-color:#cc00cc;
position: absolute;}
Задание №1
1. Создайте 4 блока с разными идентификаторами и расположите в них соответствующий текст
1) Шапка страницы
2) Меню сайта
3) Контент сйта
4) Логотип сайта
2. Напишите таблицу стилей для каждого блока, используя свойства:
height:
width:
background-color:
margin-left:
margin-top:
position: absolute;
Задание №2
Замостите любым узором из папки Background фон документа (по желанию, блоки «Меню сайта» и «Шапка страницы»)
Закрасьте блок «Контент сайта» цветом, согласующимся с фоном страницы.
Вставьте в блок «Логотип» любую картинку из папки Logo
Откройте Вашу предыдущую практическую работу, находящуюся в папке «CSS – Прак. раб№2»
Скопируйте на страницу:
Заголовок «Цвета и цветовые модели» в блок «Шапка страницы»
Меню в блок «Меню»
Весь остальной текст в блок «Контент сайта»
Скопируйте таблицы стилей для этих элементов и добавьте их на новую страницу
Данная система заданий имеет свой целью научить школьников основным приемам разметки веб-страницы с попомщью элементов и присваивать этим элементам нужные свойства с помощью каскадных таблиц стилей. В случае успешного овладения данными навыками, они будут способны создать шаблон для генерации веб-страниц.
Таким образом, в парктической главе мы рассмотрели методику преподавания технологии web 2.0 в школе и процесс создания школьго сайта с применением этой технологии, доступный по содержанию для учащихся школы.
Заключение
Подведем итоги нашей дипломной работы. Итак, наше исследование состоит из теоретической и практической части. В теоретической части мы рассмотрели психолого-педагогические аспекты преподавания веб-технологий в школе и способы воздействия на мотивацию учащихся с целью совместного создания и ведения школьного сайта спортивной тематики. Также мы проанализировали научно-популярную литературу и различные информационные ресурсы по теме «Создание динамических web-приложений». На основе данного анализа мы выбрали технологии, которые впоследствии использовали для создания веб-приложения «Спортивный сайт школы».
В ходе теоретического и экспериментального исследования получены следующие основные результаты:
Мы изучили методическую и научно-популярную литературу по теме исследования и рассмотрели возможность ее применения в образовательном процессе;
Установили взаимосвязь между совместной работой над школьным сайтом и повышением мотивации к учебному процессу;
Установили класс теоретических понятий, которые нужно знать и понимать школьнику для выполнения практической части;
Определили задания, выполнение которых призвано облегчить процесс понимания технологии web 2.0.
Отделили самостоятельную работу по созданию приложения от использования готового кода.
Создание веб-приложения по технологии web 2.0 делится на несколько тематических этапов. На каждом этапе учащийся должен усвоить определенный объем понятий, связанных с темой этапа. Каждый этап имеет свою специфику и предполагает использование тех или иных библиотек, программный код которых менять не нужно. Учащимуся нужно знать, как функции этих библиотек подключаются к страницам веб-приложения и что обозначает каждый используемый компонент. Также результатом проведения данной работы должно стать знание основных команд языка запросов SQL, позволяющих создавать базы данных и связанные в ней таблицы. Цель подобной работы – дать учащимся представление об этапах и способах создания веб-приложений, понимание их структуры, а не научить программировать на PHP и JavaScript. Фактически, создание школьного сайта – это осмысленное использование программного кода, которое должно жать учамися ценный опыт для дальнейшей работы в этом направлении. Основной упор при работе над данным проектом делается на визуальную стилистику приложения, потому как разметка гипертекста наиболее доступная учащимся для понимания.
Цель и задачи работы достигнуты. Был сощдан школьный сайт спортивной тематики, на примере которого учащиеся познакомились с технологией web 2.0, а именно, поняли, в чем она состоит и за счет чего может быть реализована.
Библиография
1. Амуленкан, В. Технологии Web 2.0 [Электронный документ] / В. Амуленкан, Е. Кореко. – (http://av-school.ru/article/a-65.html). 28.03.2010
2. Дэвис, Е.М. Изучаем PHP и MySQL.: Пер. с англ. [Текст] / Е.М. Дэвис, Дж. А. Филипс.– СПб: Символ-Плюс, 2008.– 448 с.: ил.
3. Зеврас, К. Web 2.0 [Текст] : создание приложений на PHP / К. Зеврас.– М.: Вильямс, 2010.– 544 с.: ил.
4. Коннолли, Т. Базы данных: проектирование, реализация и сопровождение: Учебник [Текст] / Т. Коннолли, К. Бегг.– М.: Диалектика, 2001.– 1120 с.
5. Маклафлин, Б. Изучаем Ajax [Текст] / Б. Маклафлин.– СПб.: Питер, 2008.– 443 с.: ил.
6. Макфарланд, Д. Большая книга CSS [Текст] / Д. Макфарланд.– СПб.: Питер, 2010.– 512 с.: ил.
7. Монахов, М.Ю. Создаем школьный сайт в Интернете. Элективный курс [Текст] : Учебное пособие / М.Ю. Монахов, А.А. Воронин.– М.: Бином. Лаборатория знаний, 2005.– 128 с.: ил.
Другие рефераты на тему «Педагогика»:
- Особенности работы по развитию просодической стороны речи у детей дошкольного возраста с патологией опорно-двигательного аппарата, имеющих речевые нарушения
- Методы планирования практического и теоретического уроков
- Теоретические основы развития связной речи младших школьников при работе над сочинением
- Инновационные процессы в образовании
- Процесс развития диалогической речи детей дошкольного возраста в дошкольном образовательном учреждении
Поиск рефератов
Последние рефераты раздела
- Тенденции развития системы высшего образования в Украине и за рубежом: основные направления
- Влияние здоровьесберегающего подхода в организации воспитательной работы на формирование валеологической грамотности младших школьников
- Характеристика компетенций бакалавров – психологов образования
- Коррекционная программа по снижению тревожности у детей младшего школьного возраста методом глинотерапии
- Формирование лексики у дошкольников с общим недоразвитием речи
- Роль наглядности в преподавании изобразительного искусства
- Активные методы теоретического обучения