Скачивание материала началось

Предлагаем Вам установить расширение «Инфоурок» для удобного поиска материалов:

ПЕРЕЙТИ К УСТАНОВКЕ
1552183
столько раз учителя, ученики и родители
посетили официальный сайт проекта «Инфоурок»
за прошедшие 24 часа
Добавить материал и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Инфоурок Информатика КонспектыУрок на тему «Создание сайта с помощью сервисов интернета»

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

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

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

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

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 минуты
Общая информация

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»

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

Авторизуйтесь, чтобы задавать вопросы.