Разработка структуры и функционального наполнения школьного сайта

Скачать 0.77 Mb.

Название	Разработка структуры и функционального наполнения школьного сайта
страница	4/4
Дата публикации	01.04.2015
Размер	0.77 Mb.
Тип	Диссертация

100-bal.ru > Информатика > Диссертация

1 2 3 4

Использование таблиц

Чтобы вставить таблицу, нужно нажать на кнопочку с изображением таблицы на панели "Objects".

В появившемся диалоговом окне (см. рисунок ниже) можно задать основные свойства таблицы:

Rows - число строк таблицы, в дальнейшем этот параметр, как и остальные, можно будет изменить.

Columns - число столбцов.

Width - ширина таблицы, справа в выпадающем списке вы можете выбрать, в каких единицах задать этот параметр. Если ширина таблицы будет задана в пикселах, то при любом разрешении экрана у конечного пользователя таблица будет занимать определенное место на экране. Например, если вы зададите ширину таблицы 780 пикселов, то у пользователя с разрешением экрана 640х480 ваша таблица не поместится на экран, и внизу окна браузера появится горизонтальная полоса прокрутки; а у пользователя с разрешением экрана 1600х1200 таблица займет меньше половины ширины экрана. Если же вы задаете ширину таблицы в процентах, то при любом разрешении экрана пользователя таблица займет определенный вами процент экрана - в случае 100% таблица займет весь экран в ширину, независимо от установленного разрешения. О достоинствах и недостатках, а также рекомендуемых областях применения каждого из этих способов мы поговорим позже.

Border - толщина рамки таблицы. По умолчанию (если этот параметр опущен) толщина рамки равна 1 пикселу. Причем, если border задан равным 0 для всей таблицы, то у ячеек этот параметр тоже автоматически станет равным 0. Если border таблицы не нулевой, то вокруг каждой ячейки также будет автоматически отображена рамка. Как обойти это ограничение и для чего это нужно, мы также поговорим позже.

В правом столбце задаются параметры cellspacing и cellpadding таблицы.

Cell Padding - задаем атрибут cellpadding. Этот параметр определяет размер отступа от края (границы) ячейки таблицы до ее содержимого. По умолчанию этот параметр не равен нулю, поэтому если вы хотите, чтобы содержимое ячейки вплотную прилегало к ее краю, нужно обязательно вписать "0" в эту графу диалогового окна. Если оставить эту графу незаполненной, то Dreamweaver не впишет атрибут cellpadding в HTML-код страницы, браузер применит значение по умолчанию, и между краем ячейки и ее содержимым в вашей таблице будет расстояние, равное 1 пикселу. Это не смертельно, если содержимое ячеек таблицы - обычный текст. А если вы вставили в таблицу рисунок, заботливо порезанный предварительно на части? Между частями изображения будет отступ как минимум 2 пиксела, а это, я думаю, вас не устроит.

Cell Spacing - соответствует атрибуту cellspacing в HTML-коде. Этот параметр определяет расстояние между границами соседних ячеек таблицы. По умолчанию этот параметр равен двум пикселам, поэтому, если вам нужно вплотную прижать друг к другу ячейки, в эту графу надо обязательно вписать ноль.

Для начала вставим таблицу, состоящую из двух строк и двух столбцов, параметры cellspacing и cellpadding пропишем, соответственно, 5 и 10 (чтобы было понятно визуально, какой параметр на что влияет), border укажем равным одному (чтобы граница была четко видна как для таблицы, так и для каждой ячейки, при этом мы будем иметь на экране эталон толщиной в 1 пиксел), а ширину таблицы установим 75%. Нажимаем "ОК" и получаем вот такую таблицу:

Нам сразу же видно, что толщина границы - 1 пиксел, а расстояние между ячейками - 5 пикселов. Если мы впишем в ячейки текст, отступ от текста до внутренней границы ячейки составит 10 пикселов. Любой из этих параметров мы можем изменить, выделив таблицу и обратившись к панели свойств объекта. Вы, наверное, помните, что эта панелька меняется в зависимости от того, какой объект выделен. В случае с таблицей она будет выглядеть так:

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

V Space и H Space - вертикальный и горизонтальный отступы от таблицы до обтекающего ее текста. Эти атрибуты ведут себя так же, как и аналогичные атрибуты у рисунков.

Light Brdr и Dark Brdr - позволяют при правильном подборе цветов создать объемную границу. Навигатор не поддерживает эти параметры, а в IE (если, повторяю, верно подобраны цвета) такая граница смотрится просто изумительно. Цвета надо подбирать так, чтобы между ними была лишь незначительная разница по яркости в системе HSB - тогда эффект объема будет полным.

Align - выравнивание таблицы на странице. Значение по умолчанию этого параметра может показаться несколько странным - визуально таблица выровнена по левому краю, но справа от нее мы ничего не можем расположить. Поэтому, если вы хотите, чтобы текст обтекал таблицу справа, нужно явно установить значение left.

Bg - перед вами целых два поля с таким обозначением. Верхнее позволяет назначить для таблицы какой-либо фоновый рисунок, а нижнее - фоновый цвет заливки всей таблицы. Обратите внимание: для отдельных ячеек вы можете задать фоновую заливку другого цвета. При этом цвет фона таблицы будет "просвечивать" между ячейками, если параметр cellspacing не равен нулю. Эта особенность позволяет создавать довольно интересные эффекты без использования вложенных таблиц.

Brdr - это поле позволяет задать цвет границы. Будьте внимательны - если вы уже воспользовались заданием цвета для темной и светлой частей границы, лучше оставьте это поле пустым. Иначе даже сам бог не сможет точно ответить на вопрос, какой цвет границы покажет браузер.

Чтобы изменить последовательность разделов на странице, следует выделить левой кнопкой мышки необходимую позицию и, удерживая левой клавишей, переместить ее в нужное место.

Клавиши управления «Создать», «Изменить», «Удалить» позволяют легко управлять разделами этой страницы. Кнопки «Копировать» и «Вставить» позволяют переносить выделенный раздел на другие страницы или в другой проект. Двойное нажатие по левой клавише мыши в выделенной позиции позволяет вызвать редактор раздела.

Вывод по главе 2.

Во второй главе был проведен анализ содержательного наполнения школьных сайтов, была разработана структура школьного сайта и его наполнения. Были проанализированы различные школьные сайты, их описание а сравнительные анализ был приведен в таблице. Построена модель структуры школьного сайта. Создана модель школьного сайта с помощью системы создания и управления сайтом Macromedia Dreamweaver.

Приведены основные принципы, которые рекомендуется соблюдать при сборе и обработке информации для школьного сайта.

На основе анализа информации, представленной на сайтах образовательных учреждений в Рунете (российской части Интернета), предлагается следующая классификация наиболее типичных структурных разделов сайта и составляющих их рубрик:

Официальная информация о школе;
Новости, объявления;
Учебная деятельность;
Внеурочная и досуговая деятельность;
Педагогическая мастерская;
Творчество учеников.

ЗАКЛЮЧЕНИЕ

В настоящей работе согласно поставленным задачам были исследованы сферы применения информационных технологий в сайтостроении. Результат этого исследования показал, что информационные технологии в области сайтостроения весьма разнообразны, здесь могут быть использованы такие технологии как:

-язык разметки гипертекста HTML,

-каскадные таблицы стилей CSS,

-клиентские скрипты Java Script и VB Script,

-технология сайтостроения Macromedia Flash,

-приложение Microsoft Office - Microsoft Frontpage,

-дизайнерско-издательский пакет Microsoft Publisher 2003,

-система создания и управления сайтом Macromedia

Dreamweaver.

Помимо этого, школы имеют возможность работы с конструктором школьных сайтов, что значительно облегчает работу по созданию сайта и его наполнения.

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

Проведенный анализ показал, что в структуре школьного сайта могут содержаться следующие рубрики:

Официальная информация о школе
Контакты
История школы
Фотоальбом
Новости
Методические копилки
Учебная деятельность

Результатом анализа стала разработка модели школьного сайта.

Мы не склонны считать, что модель идеальна и отражает все потребности и вряд ли может удовлетворить нужды всех пользователей, но, тем не менее, результаты работы могут найти практические применение при разработке школьного сайта.

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

-Официальная информация о школе. Данный раздел будет включать следующие рубрики: адрес школы, история школы, информация о школьной администрации, сотрудничество с вузами, родительский и попечительский советы, партнеры и спонсоры школы.

-Новости.

-Учебная деятельность. Данный раздел включает в себя: расписание звонков, расписание уроков, учебный план на 2006/07 учебный год, расписание выпускных экзаменов, программы для разных классов.

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

-Педагогическая мастерская включает в себя: методические разработки учителей, учебные материалы по школьной программе, тематические обзоры образовательных ресурсов.

-Творчество учащихся. Данный раздел включает в себя: научно-исследовательские и реферативные работы учащихся, творческие работы учащихся.

Таким образом, в модели школьного сайта выделяются шесть главных разделов, а именно:

1 Официальная информация о школе;

2)новости;

3)учебная деятельность;

4)внеурочная и досуговая деятельность;

5)педагогическая мастерская;

6)творчество учащихся.

СПИСОК ЛИТЕРАТУРЫ

Айзенменгер Р.А. Основы НТМL./ Р.А. Айзенменгер – М.: Аст-Пресс, 2000. – 458 с.
Александров Е.Л. Интернет легко и просто./ Е.Л. Александров – Питер: СПб, 2005. – 2008 с.
Алленова Н. Учебник по html, css и формам./ Н. Аленова http://htmlbook.narod.ru/.
Будилов В.А. Основы программирования для Интернета./ В.А. Будилов – Санкт-Петербург; СПб, 2003 – 716 с.
Будилов В.А. Основы программирования для Интернета./ В.А. Будилов – Санкт-Петербург; СПб, 2003 –239 с.
Валиев М.В. Мультимедиа в образовании./ М.В. Валиев// Материалы IV Международной научно-практической конференции «Образование и наука без границ - 2008» - Publishing House «Education and Science» s.r.o., Прага, Чехия, 2008 – с. 19 – 23.
Валиев М.В.Информатизация управления образованием – необходимое условие повышения качества образовательных услуг./ М.В. Валиев// Материалы IX Всероссийской научно-практической конференции «Интеграция методической (научно-методической) работы и системы повышения квалификации кадров» - М.; Челябинск, 2008 – с. 175 – 180.
Вин Д.А. Искусство web-дизайна./ Д.А. Вин – Питер: СПб, 2002 – 224 с.
Вовченко Т.О. Информационные ресурсы Интернет./ Т.О. Вовченко – М.: АСТ-Пресс, 1999 – 60 с.
Водески Р.А. Графика для Web: Библия дизайнера./ Р.А. Водески – Киев: Диалектика, 1998 – 608 с.
Гончаров А.Н. самоучитель HTML./ А.Н. Гончаров – Питер: СПб, 2000 – 240 с.
Горюнова М.А. Интернет-представительство образовательного учреждения./ М.А. Горюнова, Л.Г. Мелихова, М.Г. Мельников - СПб, ЛОИРО, 2003 г.
Горбунов-Посадов М.М. Как подключались к Интернет 600 московских школ./ М.М. Горбунов-Посадов, Т.А. Полилова, Е.В. Хухлаев // Тезисы доклада на Всероссийской научной конференции «Научный сервис в сети Интернет» (Новороссийск, сентябрь 1999) – М.: изд-во МГУ, 1999 – 266 с.
Грошев С.В. Интернет. Быстро обо всем./ С.В. Грошев – М.: Технолоджи, 2002 – 252 с.
Грэхем И. Объектно-ориентированные методы, Принципы и практика./ И. Грэхем – М.: Вильямс, 2004 – 880 с.
Гультяев А.К. Интернет./ А.К. Гультяев – М.: бином-Пресс, 2006 – 112 с.
Джонсон Д.Ж. Web-дизайн типичные ляпы и как их исправить./ Д.Ж. Джонсон – М.: Аст-Пресс, 2005 – 342 с.
Диканский Е.Ю. Осваиваем Интернет./ Е.Ю. Диканский – Ставрополь: Илекса-Сервисшн, 2001 – 160 с.
Довгаль С.И. Интерфейс современной программной системы./ С.И. Довгаль – М.: Аст-Пресс, 2006 – 486 с.
Дронов В. А. Самоучитель Macromedia Dreamweaver 8./ В.А. Дронов — СПб.: БХВ-Петербург, 2006. —320 с : ил.
Дунаев В.В. Основы web-дизайна./ В.В. Дунаев – Санкт-Петербург: СПб, 2006 – 564 с.
Жаринов К.В. Основы web-мастеринга./ К.В. Жаринов – Санкт-Петербург: СПб, 2003 – 348 с.
Загуненко С.Н. Компьютеры и Интернет./ С.Н.Загуненко – М.: Аст-Астрель, 2005 -393 с.
Иванов Г.С. Технология программирования./ Г.С. Иванов – М.: Дрофа, 2007 – 895 с.
Каллахан И.В. Ваша web-страница. Проблемы и решения./ И.В. Каллахан – М.: Аст-пресс, 2003. – 123 с.
Крамер Э.Э. HTML: наглядный курс web-дизайнера./ Э.Э. Крамер – М.: Диалектика, 2001. – 304 с.
Леонтьев В.П. Интернет энциклопедия./ В.П. Леонтьев – М.: Олма-Пресс, 2007. – 607 с.
Ломакин П.А. web-строительство./ П.А.Ломакин – М.: Аргумент-Пресс, 2003. – 510 с.
«Материалы к урокам» Центра образования «Царицыно» 548 http:// www. mhs548. ru/ index php id=1110000
Мелихова Л.С. Интернет./ Л.С. Мелихова – Питер: СПб, 2000. – 563 с.
Моисеева М.В. Интернет обучение./ М.В. Моисеева – М.: Камерон, 2004. – 218 с.
Морис В.А. HTML в действии./ В.А. Морис – Санкт-Петербург: СПб, 2002. – 743 с.
Олейников М.А. Интернет для всех./ М.А. Олейников – М.: Плюс, 2000. – 592 с.
Пауэлл Т.А. Web-дизайн./ Т.А. Пауэлл – Санкт-Петербург: СПб, 2004. – 546 с.
Пек С.А. Web-сервер. Web-сайт./ С.А. Пек – Киев: Диалектика, 2005. – 295 с.
Петюшкин А.В. HTML./ А.В. Петюшкин – Санкт-Петербург: СПб, 2003. – 242 с.
Печников В.Н. Создание web-страниц и web-сайтов./ В.Н. Печников – М.:Траумер, 2006. – 464 с.
Полилова Т.А. Инфраструктура образовательного Интернет-пространства./ Т.А. Полилова – Научное издание Института прикладной математики им. М.В.Келдыша РАН, 2000, 43 с.
Прохоров А.Н. Интернет, как это работает./ А.Н. Прохоров – Санкт-Петербург: СПб, 2004.- 280 с.
Сервер «школьные страницы» http:// schools. Keldysh. ru.
Симонович С.В. Интернет лаборатория мастера./ С.В. Симонович – М.: Аст-Пресс, 2004. – 527 с.
Учебник по HTML http:// savdv. narod. ru/ uchebnik. htm.
Хан Х.А. Желтые страницы Интернет и web-строительство./ Х.А. Хан – Питер: СПб, 2003. – 832 с.
Хольцшлаг М.Э. Использование HTML и XHTML./ М.Э. Хольцшлаг – Киев: Диалектика, 2003.- 547 с.
Якушина Е.В. Изучаем Интернет. Создаем WEB – страничку./ Е.В. Якушина – СПб.: Питер-пресс, 2000.
Якушина Е.В. Интернет для школьников и начинающих пользователей./ Е.В. Якушина - М.: Аквариум, 1997 – 256 с.
(http://service.sch239.spb.ru:8001/infoteka/map_all.php) – работы учащихся, посвященных различным темам по литературе, биологии, истории, химии, физике и т.д.

ПРИЛОЖЕНИЕ

В приложении прилагается фрагмент и электронный вариант разработанной нами Модели школьного сайта.

1 2 3 4

	3) Порядок сопровождения и обновления сайта; 4) Другие вопросы в... Основной целью данного семинара, является ознакомить Вас с различными видами сайтов, способы их создания, а так же с требованиями...		Программа по формированию навыков безопасного поведения на дорогах... Класс разбивается на группы. Каждой группе дается задание разработать по одной страничке школьного сайта. При разработке страницы...
	Разработка урока на тему «Как написать статью для сайта» Задачи: усваивать требования к статье для сайта, отрабатывать навыки чтения и анализа прочитанного, развивать умения работать в группе,...		Создание персонального сайта педагога Создание сайта должно начинаться с тщательного планирования всех этапов. Такое планирование начинается с разработки Технического...
	Техническое задание на разработку сайта предприятия автосервиса «триаб» Разработка технического задания на создание сайта предприятия автосервиса «триаб» ип бенедык		Дипломная работа по специальности 230201. 65 «Информационные системы... Разработка информационного web-сайта на основе системы «1с-битрикс: Управление сайтом»
	Аннотация: Система предназначена для управления структурой, дизайном...		Пример оформления оглавления ПСихолого-педагогические аспекты проектирования школьного Web-сайта
	Программа по формированию навыков безопасного поведения на дорогах... Именно этим вызвана необходимость разработки данной программы. Изменение структуры школьного образования, выделение профильной подготовки,...		Проекта: Разработка Web-приложений Разработка web-приложений, бизнес процесс разработки web-приложения, cms drupal, создание сайта кафедры
	Vigyan bhairav Обсуждение улучшенного проекта школьного сайта: информационное наполнение, дизайн, интерактивность, техническое исполнение		Программа научно-методической и исследовательской работы на 2013-2014... «Разработка и дидактическое наполнение учебно-методических комплексов дисциплин фгос, комплектование фос учебных дисциплин, профессиональных...
	З. М. Умаханова, Е. В. Клименко Разработка образовательного сайта «Информационные Технологии в профессиональной деятельности»		Гармоническое развитие личности и физическая культура Обсуждение улучшенного проекта школьного сайта: информационное наполнение, дизайн, интерактивность, техническое исполнение
	Диплом «Исследование и сравнение способов решения логических задач» Практическая часть. Разработка сайта и тестирующей программы		В верстке используются два элемента для построения структуры сайта... Их можно использовать вместе, либо по отдельности. Какой элементы лучше для создания структуры – однозначно сказать нельзя. Выбор...

Разработка структуры и функционального наполнения школьного сайта

Использование таблиц

Похожие: