Инфоурок / Информатика / Конспекты / Урок на тему «Создание сайта с помощью сервисов интернета»
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии в Российской Федерации).

Учителям 1-11 классов и воспитателям рекомендуем принять участие в Международном конкурсе «Я люблю природу», приуроченном к году экологии. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

СЕГОДНЯ (15 ДЕКАБРЯ) ПОСЛЕДНИЙ ДЕНЬ ПРИЁМА ЗАЯВОК!

Конкурс "Я люблю природу"

Урок на тему «Создание сайта с помощью сервисов интернета»



Московские документы для аттестации!

124 курса профессиональной переподготовки от 4 795 руб.
274 курса повышения квалификации от 1 225 руб.

Для выбора курса воспользуйтесь поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВА).

ДИПЛОМ от Столичного учебного центра: KURSY.ORG


Выбранный для просмотра документ Приложение2.pptx

библиотека
материалов
Создаем сайт на Google.ru Учитель информатики МКОУ Рудовской СОШ Богатова Ю.Л
Шаг 1. Открываем сервис В адресной строке набираем адрес google.ru
Шаг 2. Получаем аккаунт Если аккаунта нет идем зарегистрироваться Если у вас...
Шаг 3. Создаем аккаунт Проходим процедуру регистрации как в любой поисковой с...
Шаг 4. Открываем сервис Находим вкладку Ещё/ Все сервисы.
Шаг 5. Открываем сервис В открытом окне Ищем Сайты
Шаг 6. Загрузка сервиса Ждем полной загрузки нашего сервиса
Шаг 7. Создание сайта Нажимаем кнопку Создать
Шаг 8. Создание сайта Выбираем шаблон , придумываем название сайта Доказываем...
Шаг 9. Создание сайта Нажимаем кнопочку Создать
Шаг 10. Создание сайта Создание главной страницы сайта
Шаг 11. Редактируем страницу Чтобы начать редактирование страницы нажмем на к...
Шаг 12. Редактируем страницу Изучаем панель редактирования , многие кнопки на...
Шаг 13. Редактируем страницу Команда Вставить позволяет добавить изображение...
Шаг 14. Редактируем страницу Можно использовать цвет шрифта и заливку
Шаг 15. Редактируем страницу Можно использовать стиль и начертание шрифта
Шаг 16. Редактируем страницу Можно использовать размер шрифта
Шаг 17. Вставка фотографии Нажмем Вставить/ Изображение
Шаг 18. Вставка фотографии Выберем файл
Шаг 19. Вставка фотографии Выберем фотографию и нажмем ОК
Шаг 20 Изменение формата сайта Нажмем Ещё Действия на сайте
Шаг 21. Изменение формата сайта Можно изменить макет, шаблон , зарегистрирова...
Шаг 22. Изменение формата сайта Можно изменить макет, тему , шрифт, фон Когда...
Шаг 23. Публикация сайта Когда сайт будет готов , Откройте доступ для посетит...
Спасибо за внимание и удачи в создании вашего сайта
25 1

Описание презентации по отдельным слайдам:

№ слайда 1 Создаем сайт на Google.ru Учитель информатики МКОУ Рудовской СОШ Богатова Ю.Л
Описание слайда:

Создаем сайт на Google.ru Учитель информатики МКОУ Рудовской СОШ Богатова Ю.Л

№ слайда 2 Шаг 1. Открываем сервис В адресной строке набираем адрес google.ru
Описание слайда:

Шаг 1. Открываем сервис В адресной строке набираем адрес google.ru

№ слайда 3 Шаг 2. Получаем аккаунт Если аккаунта нет идем зарегистрироваться Если у вас
Описание слайда:

Шаг 2. Получаем аккаунт Если аккаунта нет идем зарегистрироваться Если у вас есть аккаунт , то вводим логин и пароль

№ слайда 4 Шаг 3. Создаем аккаунт Проходим процедуру регистрации как в любой поисковой с
Описание слайда:

Шаг 3. Создаем аккаунт Проходим процедуру регистрации как в любой поисковой системе при создании электронного ящика

№ слайда 5 Шаг 4. Открываем сервис Находим вкладку Ещё/ Все сервисы.
Описание слайда:

Шаг 4. Открываем сервис Находим вкладку Ещё/ Все сервисы.

№ слайда 6 Шаг 5. Открываем сервис В открытом окне Ищем Сайты
Описание слайда:

Шаг 5. Открываем сервис В открытом окне Ищем Сайты

№ слайда 7 Шаг 6. Загрузка сервиса Ждем полной загрузки нашего сервиса
Описание слайда:

Шаг 6. Загрузка сервиса Ждем полной загрузки нашего сервиса

№ слайда 8 Шаг 7. Создание сайта Нажимаем кнопку Создать
Описание слайда:

Шаг 7. Создание сайта Нажимаем кнопку Создать

№ слайда 9 Шаг 8. Создание сайта Выбираем шаблон , придумываем название сайта Доказываем
Описание слайда:

Шаг 8. Создание сайта Выбираем шаблон , придумываем название сайта Доказываем , что мы не робот , вводя указанный код

№ слайда 10 Шаг 9. Создание сайта Нажимаем кнопочку Создать
Описание слайда:

Шаг 9. Создание сайта Нажимаем кнопочку Создать

№ слайда 11 Шаг 10. Создание сайта Создание главной страницы сайта
Описание слайда:

Шаг 10. Создание сайта Создание главной страницы сайта

№ слайда 12 Шаг 11. Редактируем страницу Чтобы начать редактирование страницы нажмем на к
Описание слайда:

Шаг 11. Редактируем страницу Чтобы начать редактирование страницы нажмем на кнопку Редактирование

№ слайда 13 Шаг 12. Редактируем страницу Изучаем панель редактирования , многие кнопки на
Описание слайда:

Шаг 12. Редактируем страницу Изучаем панель редактирования , многие кнопки нам знакомы

№ слайда 14 Шаг 13. Редактируем страницу Команда Вставить позволяет добавить изображение
Описание слайда:

Шаг 13. Редактируем страницу Команда Вставить позволяет добавить изображение , таблицу, ссылку , диграмму и т.д

№ слайда 15 Шаг 14. Редактируем страницу Можно использовать цвет шрифта и заливку
Описание слайда:

Шаг 14. Редактируем страницу Можно использовать цвет шрифта и заливку

№ слайда 16 Шаг 15. Редактируем страницу Можно использовать стиль и начертание шрифта
Описание слайда:

Шаг 15. Редактируем страницу Можно использовать стиль и начертание шрифта

№ слайда 17 Шаг 16. Редактируем страницу Можно использовать размер шрифта
Описание слайда:

Шаг 16. Редактируем страницу Можно использовать размер шрифта

№ слайда 18 Шаг 17. Вставка фотографии Нажмем Вставить/ Изображение
Описание слайда:

Шаг 17. Вставка фотографии Нажмем Вставить/ Изображение

№ слайда 19 Шаг 18. Вставка фотографии Выберем файл
Описание слайда:

Шаг 18. Вставка фотографии Выберем файл

№ слайда 20 Шаг 19. Вставка фотографии Выберем фотографию и нажмем ОК
Описание слайда:

Шаг 19. Вставка фотографии Выберем фотографию и нажмем ОК

№ слайда 21 Шаг 20 Изменение формата сайта Нажмем Ещё Действия на сайте
Описание слайда:

Шаг 20 Изменение формата сайта Нажмем Ещё Действия на сайте

№ слайда 22 Шаг 21. Изменение формата сайта Можно изменить макет, шаблон , зарегистрирова
Описание слайда:

Шаг 21. Изменение формата сайта Можно изменить макет, шаблон , зарегистрировать в сети

№ слайда 23 Шаг 22. Изменение формата сайта Можно изменить макет, тему , шрифт, фон Когда
Описание слайда:

Шаг 22. Изменение формата сайта Можно изменить макет, тему , шрифт, фон Когда изменения внесете не забудьте сохранить все изменения

№ слайда 24 Шаг 23. Публикация сайта Когда сайт будет готов , Откройте доступ для посетит
Описание слайда:

Шаг 23. Публикация сайта Когда сайт будет готов , Откройте доступ для посетителей.

№ слайда 25 Спасибо за внимание и удачи в создании вашего сайта
Описание слайда:

Спасибо за внимание и удачи в создании вашего сайта

Выбранный для просмотра документ Текст( Приложение 1).docx

библиотека
материалов

Текст №1

Многие пользователи социальных сетей, таких как одноклассники ( http://odnoklassniki.ru ) и в контакте (http://vkontakte.ru) свои странички на этих ресурсах считают персональным сайтом. Вся личная информация , фотографии , игры- и все это без особых хлопот. На наш взгляд ,это не персональный сайт, а скорее всего персональная карточка о данном человеке в большой карточке одноклассников, однокурсников и просто жителей определенной местности. Так что же такое персональный сайт? Итак персональный сайт –сайт конкретного человека ,как правило, небольшого объема, содержащий либо сведения биографического/ личного характера, либо сведения об оказываемых услугах/консультациях .Разумная возможность заявить о себе и своих талантах. Можно сказать что сайт –это сайт –визитка, сайт- портфолио, персональный блог, личный сайт. На личном сайте вы можете создавать фотогаллереи, вести свой блог и использовать его для бесконечного числа различных целей. Все зависит от вашей фантазии. Интернет пестрит объявлениями об услугах создания и поддержания персонального сайта. Разброс цен от 900 р до 30000 рублей . И это за базовый набор страниц сайта. Посмотрев кто из знаменитостей ведет личный сайт, я поняла, насколько актуальна сейчас эта сторона Рунета. Персональные сайты есть у музыкантов, актеров , президентов, школы и т.д. Как создать сайт с наименьшими финансовыми затратами ? Можно самостоятельно изучить язык гипертекстовой разметки HTML и создавать странички с помощью обычного блокнота . Если неохота возиться с кодом , то можно воспользоваться и конструктором сайтов. Это специальный сервис в интернете, который позволяет создавать сайты так же просто , как набирать тексты в текстовом редакторе или письма в электронной почте. « Яндекс.Народ» (http://narod.yandex.ru/ ), « Google Сайты http://google.com/sites/), Weebly.com ( www.weebly.com) – наиболее популярные бесплатные конструкторы сайтов. Персональные сайты по прежнему актуальны. Персональный сайт-это собственный мир , в котором автор сам себе режиссер ,актёр и писатель. И этот мир под силу создать каждому, было бы желание.



















Текст №2



С чего следует начать создание сайта? У вас есть огромное желание и грандиозные планы ,но вы не знаете как подступиться к работе. Одно из главных заблуждений заключается в том , что нужно начинать с дизайна. Это вовсе не так: основную часть времени на создании сайта будут занимать дизайн и верстка. Приступать к работе следует с тщательного продумывания структуры будущего сайта. При создании сайта выполняют следующие этапы работы:

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

2. Написание контента- Контент- информационное наполнение (содержание) сайта ( тексты, графика, мультимедиа) Сюда пользователь должен поместить главную начинку , чтобы посетитель снова и снова сюда возвращался .

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

4.Тестирование .Проверка удобства навигации, корректность ссылок и орфография.

5.Публикация: размещение сайта в сети

Несколько советов по стилю сайта :

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



Выбранный для просмотра документ Урок.docx

библиотека
материалов

Класс : 9

Раздел : Разработка Web-сайтов

Тема урока : Создание сайта в конструкторе сайтов на Google.ru,Weebly.com( 2 часа)

Цели урока:

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

  • обобщить знания об известных информационных сервисах Интернета

  • познакомить с конструктором сайтов на Google.ru; Weebly.com

обучающиеся должны:

  • научиться работать с сервисами интернет

  • научиться создавать Web- страницу, Web-сайт.

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

  • формирование познавательной активности обучающихся;

  • формирование этических норм и соблюдение правил размещение информации в сети интернет;

  • формирование навыков самостоятельной работы

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

  • формирование информационной культуры;

  • формирование творческого и логического мышления;

Тип урока : Урок введения нового материала

Оборудование:

  • Компьютеры с операционной системой Linux, подключенные к интернет

  • Презентация (Приложение 2,Приложение 3,) Тексты ( Приложение1)

Дидактический материал




План урока

  1. Мотивационный момент- 7минут

  2. Актуализация знаний. ( Работа в группах)- 15 минут

  3. Физическая пауза- 3 минуты

  4. Изучение нового материала-15 минут

  5. Практическая работа на компьютере -30 минут (через 15 минут динамическая пауза)

  6. Рефлексия -5минуты

  7. Домашнее задание –5 минуты













Технологическая карта урока

Этап урока

Деятельность учителя

Деятельность ученика

  1. Мотивационный момент

На прошлом уроке мы с вами говорили о информационных ресурсах интернет. Для того , чтобы вспомнить с какими ресурсами мы познакомились , мы выполним упражнение :

Индивидуальное задание парам : Сгруппируйте предложенные объекты , так как считаете возможным.

Chat, ICQ, Вконтакте, Одноклассники. Mozilla Firefox,Internet Explorer, Opera, dady@mail.ru, rudschool@mail.ru, novosti@rambler.ru, tatyana@yandex.ru Yandex, Google, Rambler, YAHOO, www.bogatovaylia.com.

Дайте пожалуйста название каждой группе, по какому признаку мы сформировали группы? Сделайте вывод, постарайтесь определить тему нашего урока.




Один ученик работает на доске и формирует группы, остальные работают индивидуально.

В процессе работы обучающиеся получают четыре группы: интерактивное общение ,поисковые системы, браузер и электронная почта , остается лишним один объект –это адрес сайта www.bogatovaylia.com.

Делаем выводы и определяем тему урока : « Создание веб – сайта»

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

полученных знаний

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

Разбейтесь по желанию по парам : Откройте в адресной строке адрес сайта www.bogatovaylia.com.

1-2 пара работает с кроссвордом

3-4 пара работает с викториной

5-6 пара проходит тур в игре « Кто хочет стать миллионером?»

7 пара работает с карточками, вспоминая основные термины

Каждая пара работает – выполняет задания на компьютере : викторина, кроссворд, тест, карточки и т.д

3.Динамическая пауза

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

Профилактические упражнения: на движение, руки вправо, вверх вниз.

Выполняют динамическую минутку

4.Введение нового материала

1. Следующая наша с вами задача - систематизировать материал о сайтах. Я предлагаю вам поработать самостоятельно. На столах лежат листы с текстами.( Приложение1) Задание для первого варианта – найти и подчеркнуть карандашом в тексте что такое персональный сайт, для второго варианты в каких программах мы можем создать сайт, и все вместе- какими правилами мы должны пользоваться при разработке сайта .

Таким образом делаем вывод :Что такое персональный сайт? Какими правилами нужно пользоваться при создании сайта? Какие конструкторы предлагаются для создания персонального сайта?

  1. Расcмотрим пример создания сайта на google.ru. Учитель демонстрирует показ на экране ( использует обучалку на google.ru – Приложение2 )


Работают с текстом , карандашом выделяя ключевые слова .

Делают обобщение и выводы.















Выполняют опорный конспект и выполняют действие на компьютере.

5. Первичное закрепление –практическая работа на компьютере

Учитель контролирует работу учеников, помогает, если необходима его помощь.

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

  1. Регистрация в google.ru

  2. Создание сайта.

  3. Оформление структуры сайта и титульной страницы.

6. Рефлексия

Что нового вы узнали на уроке? Могут ли вам пригодиться данные знания в жизни?

Продолжите предложение :

Сегодня я …..

Мне было…….

Оценивание своей работы на уроке

7.Домашнее задание

Рассмотреть обучалку на www.weebly.com самостоятельно

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

Выбор сервиса по созданию сайта ,подбор содержания, фотографий и т.д





Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG


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

Цели урока:
"Образовательные:

  •  обобщить знания об известных информационных сервисах Интернета
  •  познакомить с конструктором сайтов

"обучающиеся должны:

  •  научиться работать с сервисами интернет
  •  научиться создавать Web- страницу, Web-сайт.

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

  •  формирование познавательной активности обучающихся;
  •  формирование этических норм и соблюдение правил размещение информации в сети интернет;
  •  формирование навыков самостоятельной работы

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

  •  формирование информационной культуры;
  •  формирование творческого и логического мышления;

Тип урока : Урок введения нового материала

Оборудование:

  •  Компьютеры с операционной системой Linux, подключенные к интернет
  •  Презентация (Приложение 2,Приложение 3,) Тексты ( Приложение1)

План урока

  1. Мотивационный момент- 7минут
  2. Актуализация знаний. ( Работа в группах)- 15 минут
  3. Физическая пауза- 3 минуты
  4. Изучение нового материала-15 минут
  5. Практическая работа на компьютере -30 минут (через 15 минут динамическая пауза)
  6. Рефлексия -5минуты
  7. Домашнее задание –5 минуты

Общая информация

Номер материала: 10013061731

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>