Оформление и разработка сайта. Выбор хостинга
методическая разработка по информатике и икт (10 класс) на тему

Погнаева Людмила Станиславовна

Конспект урока (двух уроков)

10класс

Тема: Оформление и разработка сайта. Выбор хостинга.

 Размещение сайта в сети Интернет (2 урока)

Тип урока:  комбинированный.

Вид: практическая работа

Цель: Создать и разместить персональный сайт на бесплатном хостинге www.narod.yandex.ru.

Скачать:

ВложениеРазмер
Файл oformlenie_i_razrabotka_sayta._vybor_hostinga.rar1.62 МБ

Предварительный просмотр:

Конспект урока (двух уроков)

10класс

Тема: Оформление и разработка сайта. Выбор хостинга.

 Размещение сайта в сети Интернет (2 урока)

Тип урока:  комбинированный.

Вид: практическая работа

Цель: Создать и разместить персональный сайт на бесплатном хостинге www.narod.yandex.ru.

  1. Формирование умений и навыков работы с информацией, носящих в современных условиях общенаучный и общеинтеллектуальный характер;
  2. Овладение информационными и телекоммуникационными технологиями, формирование информационной культуры;
  3. Подготовка школьников к профессиональной последующей деятельности;
  4. Развитие познавательного интереса, логического мышления, расширения кругозора;

Цели урока:

Образовательные:

  1. Освоить основные этапы построения веб-ресурса;
  2. Освоить основные методы создания веб-ресурса;
  3. Иметь представление об особенностях оформления информационных блоков страницы;
  4. Познакомиться с инструментальными средствами создания сайтов.

Развивающие:

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

Воспитательные:

  1. формировать информационной грамотности ученика;
  2.  способствовать  расширению информационного кругозора, трудолюбия и навык самостоятельности при выполнении практической  работы;
  3.  воспитывать ответственность за результат  своего труда.

Оборудование урока: оборудованный класс с выходом в Интернет, локальная сеть, проектор; электронный ресурс, другое оборудование (программа Internet Explorer)

Ход урока

Этап урока (выбрать нужное)

Примерное время

Работа учителя

Работа учащихся

 ЦОР к уроку (ссылка)

1 урок

I. Вводная часть

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

1 мин

Приветствует учащихся с целью создания благоприятной атмосферы урока. Объявляет тему урока.

 Слушают, наблюдают, настраиваются на восприятие материала урока

II. Основная часть

Объяснение порядка работы, цели и задачи работы.

3 мин

Слово учителя –        дать возможность учащимся самостоятельно определять цель урока

Слушают, анализируют, ставят цели урока.

III. Освоение учащимися нового материала:

Проведение работы, объяснения учителя.

6 мин

Дать понятие хостинга. Сравнить  бесплатный и платный хостинг.

Преимущество платного хостинга перед бесплатным очевидно, но нет смысла тратить деньги на платный хостинг, когда сайт только в начале пути, поэтому остановимся на бесплатном хостинге. Рассмотреть несколько популярных и, по словам пользователей, надёжных бесплатных хостингов. www.boom.ru.

www.narod.ru

www.newmail.ru


Слушают объяснение учителя, активно делятся своими знаниями. Отвечают на  вопросы

Презентация1

http://eduklgd.ru/org/mou01/mou0143/news43.php/1.pps

10 мин

Рассмотрим порядок размещения сайта на www.narod.yandex.ru

1. Регистрация на хостинге:

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

3.Загрузка файлов на хостинг.

4.Отладка работы сайта

Ученики через локальную сеть  копируют себе  в личную папку  презентацию2. , которая представляет собой инструкцию по созданию и размещению сайта на хостинге)

Презентация2

http://eduklgd.ru/org/mou01/mou0143/news43.php/2.pps

IV. Закрепление материала

5 мин

Ученики приступают к 1 этапу: регистрируются на  www.narod.yandex.ru

20 мин первого урока

Используя выше приведённый алгоритм, разместить свой сайт на хостинге.

2 урок

35 мин

второго урока

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

Отладка сайта учениками. Ученики  посылают по почте  ссылку на  свой созданный персональный сайт.

8 мин

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

Просматривают работы своих товарищей. Анализируют информацию.

пошаговая инструкция для новичков http://site.infoinet.ru/wordpress/urok-15-kak-novichku-zavesti-sebe-sayt-na-besplatnom-hostinge-wordpress-com/

видеоурок http://www.youtube.com/watch?v=NuFsmUag3Tw

V. Информация о домашнем задании и рекомендации по его выполнению

Выдача задания на дом по результатам проведенного урока

1мин

 Д.З. Продолжить работу над сайтом.

VI. Завершение урока

Подведение итогов.

1 мин

Подводит итог урока, комментирует и выставляет оценки за  работу на уроке.

Формулируют вывод урока. Выставляют оценки в дневник

 

Ход урока:

  1. 1. Ознакомление с новым материалом

Знакомство с Интернетом часто начинают с электронной почты. Не забывает новый Интернет-пользователь совершать экскурсии в мир WWW, где он встречается со множеством сайтов.
Проходит какое-то время, и этот посетитель хочет принять участие в наполнении Интернета. Чаще всего это выражается в его желании разместить на просторах Интернета свой сайт, то есть найти место в Интернете для его размещения. Это место – земля, -- на которой будет стоять ваш дом(сайт), называется
хостинг.
Хостинг бывает двух типов: бесплатный и платный. Чтобы выяснить, какой лучше, попытаемся сравнить оба типа.

Платный хостинг

Бесплатный хостинг

Выдаётся своё доменное имя, например:
ProstoSite.ru

Сайт будет называться так:
ProstoSite.имя хостинга.ru

Надёжный сервер

Разные «неполадки» с сервером

Невозможно удаление сайта клиента из базы данных

Удаление сайта клиента из базы данных без объяснения причины

Оперативная служба поддержки

Медленная служба поддержки

Поддержка технологий PHP, MySQL и т.д.

Данные технологии поддерживаются не всегда

Преимущество платного хостинга перед бесплатным очевидно, но нет смысла тратить деньги на платный хостинг, когда сайт только в начале пути, поэтому поговорим о бесплатном хостинге.
Подобных хостингов существует множество. Немного позже мы рассмотрим  все достоинства и недостатки  основных из них. Но сначала о мышеловке, которая скрыта за этой «бесплатностью». Подвох заключается в следующем: при размещении на бесплатном хостинге сайт будет автоматически использован как рекламная площадка для этого хостинга.
Выражаться эта реклама может разными способами. Например, при заходе на сайт появляется всплывающее окно с рекламой, либо на каждой странице сайта будет добавлен сверху большой баннер и т.д.
А бывает, что так называемый бесплатный хостинг оказывается бесплатным только на определённый срок, по прошествии которого придётся либо заплатить, либо ваш сайт удалят из базы данных.
Но, несмотря на всё это, бесплатный хостинг – великая вещь, потому что есть возможность размещения своего сайта совершенно бесплатно. А это значит, что сайт  будет доступен для просмотра любому человеку, выходящему в Интернет.
Итак, рассмотрим несколько популярных и, по словам пользователей, надёжных бесплатных хостингов.
(Приложение 1)
Самый популярный бесплатный хостинг –
www.narod.ru. Этот хостинг предоставляет под сайт 100 Мбайт. Есть чат, гостевая книга и анкета. Имеется много готовых шаблонов. К сожалению, не поддерживает  никаких «наворотов» типа PHP или SSI. Из рекламы – только небольшое окошко в правом верхнем углу, да и то с крестиком. Имя для сайта your_name.narod.ru. Хостинг неплохой, поэтому и популярный. Настолько популярный, что имя для сайта придётся придумывать довольно долго, так как. практически все имена уже заняты.
Следующий хостинг --
www.boom.ru. Место под сайт – 50 Мбайт. Есть готовые шаблоны. Нет ни PHP, ни SSI, вообще ничего нет. Имя для сайта your_name.boom.ru.  Главный недостаток – это навязчивая реклама в виде большого баннера в нижней части окна, который при прокрутке остаётся неподвижным.
Хостинг www.by.ru.  Под сайт даётся неограниченное место. Есть гостевая книга. Поддерживает SSI. Не имеет службы поддержки, частые сбои на сервере. Доменное имя
your_ name.by.ru.
Хостинг
www.newmail.ru . Под сайт даёт 16 Мбайт. Есть форум.  Предоставляет несколько доменных имён: your_ name.newmail.ru., your_ name.orc.ru., your_ name. hotmail.ru., your_ name.nm.ru. Для более-менее серьёзных проектов не подходит, так как. не поддерживает ни одну из технологий. Рекламы нет.
Конечно, это не все бесплатные хостинги,  существуют и другие.

Рассмотрим порядок размещения сайта на одном из выше приведённых хостингов, например, на www.narod.ru. (Приложение 2).

1. Регистрация на хостинге:

Зайдём на сайт хостинга www.narod.ru. На главной странице в левом верхнем углу есть ссылка Регистрация, после щёлчка по которой, заполнить предлагаемую форму. В форме необходимо указать свой логин, пароль для доступа, фамилию, имя, e-mail, а также имя для сайта., которое нужно будет ввести в соответствующее поле латинскими буквами.
2. Переход по ссылке:

После завершения регистрации обычно высылается письмо на электронный почтовый ящик, который был указан. В письме повторно указывается  логин и пароль и даётся ссылка на панель управления вашего сайта. Зайти по ссылке.

3. Загрузка файлов на хостинг:

На открывшейся странице необходимо найти ссылку Загрузка файлов на сайт. Перейти по данной ссылке на следующую страницу. Нажать рядом с каждым пустым полем кнопку Обзор, найти папку site, а в ней тот файл, который необходимо загрузить на сервер. В каждом поле можно указать только один файл. Также загрузить файл, где указаны таблицы стилей (style.css).

4. Загрузка папки images:

Перейти на страницу Управление файлами. На этой странице нажат на ссылку Создать папку, которая находится вверху страницы. Ввести имя папки images, зайти в данную папку, нажать ссылку Загрузить файлы и повторить процедуру с загрузкой файлов.

5. Отладка работы сайта

  1. Выполнение практической работы:

Используя выше приведённый алгоритм, разместись свой сайт на хостинге www.narod.ru.

Используя выше приведённый алгоритм, разместись свой сайт на хостинге www.narod.ru.

  1. Подведение итогов урока

Презентация 1

Презентация 2


По теме: методические разработки, презентации и конспекты

Разработка сайта о детском туризме с помощью системы uCoz

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

Разработка сайта

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

Разработка сайта

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

Проект "Разработка сайта "Школьный журнал "TeenLife"

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

Практическое задание №6 Тема: Разработка сайта «Мой город»

Практическое задание №6Тема: Разработка сайта «Мой город»...

Оформление текстов на сайте

Оформление текстов на сайте...

Основные требования к оформлению мультимедийной разработки учебного занятия

Рекомендации к оформлению мультимедийной разработки учебного занятия...