Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Конспекты / Урок на тему «Создание сайта с помощью сервисов интернета»
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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

Выбранный для просмотра документ Приложение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

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

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

№ слайда 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). При желании можно зарегистрироваться на данном сайте. К следующему уроку определить структуру сайта, цвет , шрифт и контент, и определиться с выбором сервиса для выполнения итоговой зачетной работы по созданию сайтов.

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





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

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

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

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

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

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

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

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

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

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

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

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

План урока

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

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

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

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

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

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