Главная » Файлы » Методические разработки » Методические разработки

Разработка Web-страниц.
[ Скачать с сервера (24.0 Kb) ] 06.03.2017, 09:43

Данные об авторе

Автор(ы):

Фаизов Денис Раилевич

Место работы, должность:

МОБУ СОШ с. Прибельский учитель информатики

 

Характеристики урока (занятия)

Целевая аудитория:

Учащийся (студент)

Учитель (преподаватель)

Класс(ы):

8 класс

Предмет(ы):

Информатика и ИКТ

Краткое описание:

Урок проводится в 8 классе. 1 урок в теме "Основы языка гипертекстовой разметки документов", по УМК Н.Д. Угриновича.

 

Тема: Разработка Web-страниц.

Цель:

  • познакомить учащихся с языком разметки гипертекста HTML, структурой Web-страницы и форматированием текста на Web-странице

Задачи урока:

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

Тип урока: Урок изучения и первичного закрепления новых знаний.

Используемые учебники и учебные пособия:

Н.Д. Угринович "Информатика и ИКТ" 8 класс

Используемое оборудование:

Компьютеры, проектор, экран, презентация, учебник для 8 класса, раздаточный материал

 

 

Ход урока:

  1. Организационный момент. Постановка целей и задач урока. (2 мин)

Здравствуйте ребята! Тема урока: «Разработка Web-страниц». Записываем тему.

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

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

Каждая группа начинает поиск информации в Интернете по следующим темам:

1 группа – ИКБ, Аксаков Сергей.

2 группа – Алгебра, Франсуа Виет.

3 группа – Информатика, Тим Бернерс-Ли.

4 группа – Экология, Эрнест Геккель.

При поиске проводится опрос по данным вопросам:

  1. Какие способы поиска информации в Интернете вам известны?
  2. Каким образом производится поиск документов по ключевым словам?
  3. Какие поисковые системы вам известны?
  4. Какие формы электронной коммерции существуют в Интернете?
  5. Что такое хостинг?

Результаты поисковой деятельности сохраняются в текстовый документ в формате *.doc.

3.Объяснение нового материала (10 мин)

Информацию, которую Вы нашли, оформим в виде сайта. Итак, что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая информация может содержаться на Web-сайте? Конечно, практически любая. Сайт может содержать информацию о компьютерных играх, автомобилях, городах и странах мира и т.д. На сайте даже можно разместить уроки, произведения писателей, поэтов, композиторов. Получается, что сайт - это книга, но только не простая, а электронная? Да, Web-сайт, по своей сути, действительно является электронной книгой, журналом или учебником, который может содержать как полезную для вас информацию, так и ту, что вас на данный момент совсем не интересует.

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

Достоинства Web-страниц:

  • Малый информационный объем;
  • Возможность просмотра в различных операционных системах

Для создания веб-страниц в различных ОС используются различные редакторы. В частности,

  • Простейшие текстовые редакторы:

в ОС Windows – Блокнот

в ОС Linux – Kate

  • Web – редакторы:

в ОС Windows – Notepad++, Alaborn iStyle

в ОС LinuxQuanta Plus

  • во Всемирной паутине реализуются в форме Web-сайтов, которые обычно содержат материал по определенной теме или проблеме. Web-сайты – совокупность тематических Web-страниц. Государственные структуры и организации (правительство, дума, школа и т. д.) обычно создают официальные Web-сайты своих организаций, на которых размещают информацию о своей деятельности. Коммерческие фирмы на своих Web-сайтах размещают рекламу товаров или услуг и предлагают их приобрести в Интернет-магазине. Любой пользователь Интернета может создать свой тематический сайт, на котором может разместить информацию о своих разработках, увлечениях и т. д.

Сайт должен содержать систему гиперссылок, которая позволяет пользователю перемещаться по Web-страницам.

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

Если в качестве гиперссылки использовано графическое изображение, например, фотография, то догадаться о том, что это гиперссылка будет сложно. Как же в таком случае определить, является изображение гиперссылкой или нет? На этот случай запомните следующее правило: "Если при подведении курсора мыши к элементу Web-страницы он принимает форму руки, то этот элемент является гиперссылкой".

Примечание: Из этого правила есть исключение, так, например, в случае с ролловерами, которые могут не являться гиперссылками, но при наведении курсора мыши на них, курсор тоже принимает форму руки. Кроме изменения вида курсора, при наведении на гиперссылку, должен также отобразиться URL (уникальный адрес ресурса), но об этом мы поговорим в уроке, посвященном созданию гиперссылок.

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

Для публикации Web-сайта необходимо найти подходящее место на одном из серверов Интернета. Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах (бесплатный хостинг).

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

Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами

Структура Web-страницы

<HTML> внутрь этого контейнера помещается HTML-код страницы

<HEAD>- Заголовок страницы

<TITLE>.....</title> Название страницы

</head>

<BODY> Помещается содержимое страницы

Тело документа

</body>

</html>

Сохранение страницы: в виде файла index.htm

Рассмотрим основные теги, требуемые для создания простейшей Web-страницы.

 

 

Составить алгоритм web-страницы в вашем конспекте.

 

Создание Web-страницы в блокноте по информации найденной в начале урока.

4.Закрепление знаний. (5 мин)

  • проходим тест (демонстрируется на экране)
  1. Домашнее задание (2 мин)

Каждый член группы найдет информацию еще по одному известному человеку в своей сфере, и составит web-страницу.

6. Итоги урока (2 мин)

Рефлексия

Дайте характеристику нашему уроку на акрослово «СТРАНИЦА»

С –

Т –

Р –

А –

Н –

И –

Ц –

А –

 

Категория: Методические разработки | Добавил: FaizovDen
Просмотров: 28 | Загрузок: 0 | Рейтинг: 0.0/0