Урок 31. Содержание и структура сайта

Тема урока. Содержание и структура сайта. Оформление сайта.

1. Проверка домашнего задания.

Д/з: Читать § 4.4.1. стр 165-166. Вопросы №1,2 стр. 169

2. Актуализация знаний.

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

Фронтальный опрос:

1. Сколько существуют способов создания сайтов? Дать характеристику.

ответ :

Во-первых, сайт можно создать, воспользовавшись языком разметки гипертекста HTML (Hyper Text Markup Language). В этом случае в текстовом редакторе (например, в Блокноте) текст, который хотят разместить на страницах сайта, размечают специальными метками, называемыми тегами. Теги содержат указания о том, как должен выглядеть текст. Чтобы отличать теги от текста, их заключают в угловые скобки (рис. 4.7).

Во-вторых, можно документ, подготовленный в текстовом процессоре (Microsoft Word, OpenOffice Writer), сохранить как web-страницу (в формате HTML).

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

2. Кто такой Веб-дизайнер?

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

На следующий урок вопросы

На прошлом уроке мы рассматривали различные сайты и обсуждали их технические характеристики. Скажите:

• • Что такое веб-дизайн?

  • Рассказать , что представляют собой веб-страница и веб-сайт.

  • Перечислите правила оформления сайта.

  • Какие элементы обязательно должны присутствовать на сайте?

  • По мнению дизайнеров, особое внимание при создании сайта следует уделять первой (главной) странице. Почему?

3. Новая тема. Содержание и структура сайта.

3.1. Углубление в тему.

Задание учащимся. Прочитать стр. 167-168 и ответить на вопросы:

1. Назвать основные элементы, размещенные на страницах сайта.

• заголовок сайта, расположенный в самом верху страницы;

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

2. При наполнении страниц сайта информационными материалами какими рекомендациями следует придерживаться?

• Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения.

• Названия пунктов меню делайте краткими; недопустимо растягивание названия пункта на несколько строк.

• Не выбирайте для страниц пёстрый фон, на таком фоне текст читается с трудом.

• Не размещайте на странице слишком много информационных и художественных блоков.

• Не пишите слишком длинных текстов. Текст разбивайте на небольшие абзацы, отделяя их друг от друга пустыми строками.

• В каждом абзаце используйте одни и те же приёмы форматирования.

4. Подготовка к проектной работе (10 мин.).

Работая над проектом, ученики должны определить цель, задачи, этапы реализации.

Организационный момент

Учащиеся в классе делятся на несколько групп и выбирают тему проектного задания;

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

5. Работа в группах (15 мин.)

ТЕМЫ ЗАДАНИЯ: «Мой город», «Моя семья», «Мои интересы», «Моя малая родина», «Моя школа», «Мой класс». (Название темы может модифицироваться самими учащимися, но с обязательной аргументацией)

Выполняя эти задания, учащимся раскрывают, например, темы проектов:

«Мой город» - история, проблемы, перспективы.

«Мои интересы» - как я смогу реализовать себя.

«Мой класс» – об одноклассниках, успехи, взаимопомощь, досуг, интересы.

Используются фотографии и возможности графических редакторов.

В ходе выполнения работ учащимся предлагаются критерии оценок для каждого вида работы.

Все работы сохраняются в именной тематической папке (папка класса). Учащиеся имеют возможность редактировать свои работы.

Непосредственная работа в группах

Цель задания: подготовить информационно-содержательное наполнение сайта, и определить основные формы представления информации.

Этапы работы:

1. Определить цель создания сайта.

2. Определить предполагаемый контингент посетителей сайта.

3. В соответствии с целью создания сайта и предполагаемым контингентом продумать содержание сайта.

4. Определить возможные формы представления информации на сайте.

5. Сформулировать названия основных рубрик (страниц) сайта.

Пояснения к выполнению задания:

1. Сайт может быть создан с различными целями, в связи с этим будет разным и его содержание.

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

3. Обдумайте содержание. Если вы решили создать официальный сайт школы, то в нем должна быть история школы, изучаемые предметы, специализация классов, фотографии школы, кабинетов, учителей, учеников и т.п. Если это сайт об учащихся школы, или сайт выпускников, то, наверное, интересно объединить в этом сайте домашние странички школьников.

4. В качестве форм предоставления информации можно рассмотреть обычную текстовую информацию, фотографии, чат, доску объявлений (продумайте тему), фотографии, работы учащихся и др.

5. В соответствии с отобранным материалом продумайте названия страниц (ссылок, пунктов меню) сайта.

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

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

5. Домашнее задание: § 4.4.2.-4.4.3 стр. 166-168. Знать ответы на вопросы стр. 169 №3-6. Письменно №4.

1. Смотреть видео по новой теме

https://www.youtube.com/watch?v=DsQ21kvS7Vk Содержание и структура сайтов

https://www.youtube.com/watch?v=sIssI01LeEA Оформление сайтов

2. Подготовить материал для наполнение вашего сайта. Можно сохранить на ЯндексДиске.

ТЕМЫ ЗАДАНИЯ:«Мой город», «Моя семья», «Мои интересы», «Моя малая родина», «Моя школа», «Мой класс».

«Мой город» - история, проблемы, перспективы.

«Мои интересы» - как я смогу реализовать себя.

«Мой класс» – об одноклассниках, успехи, взаимопомощь, досуг, интересы.

Пояснения к выполнению задания:

1. Сайт может быть создан с различными целями, в связи с этим будет разным и его содержание.

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

3. Обдумайте содержание. Если вы решили создать официальный сайт школы, то в нем должна быть история школы, изучаемые предметы, специализация классов, фотографии школы, кабинетов, учителей, учеников и т.п. Если это сайт об учащихся школы, или сайт выпускников, то, наверное, интересно объединить в этом сайте домашние странички школьников.

4. В качестве форм предоставления информации можно рассмотреть обычную текстовую информацию, фотографии, чат, доску объявлений (продумайте тему), фотографии, работы учащихся и др.

5. В соответствии с отобранным материалом продумайте названия страниц (ссылок, пунктов меню) сайта.

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

Вы можете попытаться освоить основы веб-дизайна самостоятельно, пройдя дистанционный курс «Web-конструирование» А. А. Дуванова в Роботландском университете (http://www.botik.ru/~robot/ru/ ).

(http://www.botik.ru/~robot/ru/ ).