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

Основы безопасности

Игровая форма заданий

Бесплатные подарки

для учеников 1-11 класса и дошкольников

29 ₽

ОРГВЗНОС

Организатор: Урок-безопасности.рф

Мероприятие соответствует приказу Минпросвещения России от 27.12.2023 № 1028 о внесении изменений в ФГОС

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

Скачать материал

Выберите документ из архива для просмотра:

Богатова Ю.Л@SEP@Текст( Приложение 1).docx Богатова Ю.Л@SEP@Урок.docx Богатова Ю.Л@SEP@Приложение2.pptx

Выбранный для просмотра документ Богатова Ю.Л@SEP@Текст( Приложение 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.Публикация: размещение сайта в сети

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

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

Скачать материал

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

Как учитель может зарабатывать на Инфоуроке?

Курс повышения квалификации

Основы государственного (муниципального) контроля

108 ч.

999 руб. 499 руб.

Подать заявку О курсе

Курс профессиональной переподготовки

Управление сервисами информационных технологий

Менеджер по управлению сервисами ИТ

600 ч.

999 руб. 499 руб.

Подать заявку О курсе

Сейчас обучается 24 человека из 19 регионов
Этот курс уже прошли 40 человек

Курс профессиональной переподготовки

Информатика: теория и методика преподавания в образовательной организации

Учитель информатики

300/600 ч.

999 руб. 499 руб.

Подать заявку О курсе

Сейчас обучается 748 человек из 74 регионов
Этот курс уже прошли 1 754 человека

Курс профессиональной переподготовки

Теория и методика обучения информатике в начальной школе

Учитель информатики в начальной школе

300/600 ч.

999 руб. 499 руб.

Подать заявку О курсе

Сейчас обучается 110 человек из 33 регионов
Этот курс уже прошли 236 человек

Смотреть ещё 4 656 курсов

Выбранный для просмотра документ Богатова Ю.Л@SEP@Урок.docx

Класс : 9

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

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

Цели урока:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

· Карточки http://goo.gl/6JmGD

· Викторина http://goo.gl/hVBhi

· Кроссворд http://goo.gl/ys5C0

· Игра « Кто хочет стать миллионером» http://goo.gl/ik3Y5

· Сортировка по группам http://goo.gl/FAiVx

План урока

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) Задание для первого варианта – найти и подчеркнуть карандашом в тексте что такое персональный сайт, для второго варианты в каких программах мы можем создать сайт, и все вместе- какими правилами мы должны пользоваться при разработке сайта . Таким образом делаем вывод :Что такое персональный сайт? Какими правилами нужно пользоваться при создании сайта? Какие конструкторы предлагаются для создания персонального сайта? 2. Расcмотрим пример создания сайта на google.ru. Учитель демонстрирует показ на экране ( использует обучалку на google.ru – Приложение2 )	Работают с текстом , карандашом выделяя ключевые слова . Делают обобщение и выводы. Выполняют опорный конспект и выполняют действие на компьютере.
5. Первичное закрепление –практическая работа на компьютере	Учитель контролирует работу учеников, помогает, если необходима его помощь.	Ученики выполняют по опорному конспекту действия на компьютере. 1. Регистрация в google.ru 2. Создание сайта. 3. Оформление структуры сайта и титульной страницы.
6. Рефлексия	Что нового вы узнали на уроке? Могут ли вам пригодиться данные знания в жизни? Продолжите предложение : Сегодня я ….. Мне было…….	Оценивание своей работы на уроке
7.Домашнее задание	Рассмотреть обучалку на www.weebly.com самостоятельно ( Приложение 3). При желании можно зарегистрироваться на данном сайте. К следующему уроку определить структуру сайта, цвет , шрифт и контент, и определиться с выбором сервиса для выполнения итоговой зачетной работы по созданию сайтов.	Выбор сервиса по созданию сайта ,подбор содержания, фотографий и т.д

Скачать материал

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

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ Богатова Ю.Л@SEP@Приложение2.pptx

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

Скачать материал

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

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

1 слайд

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

План урока

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

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 786 123 материала в базе

Найти материалы

Скачать материал

Другие материалы

zip

Задания для практических работ по программированию 10 вариантов

12.06.2013
4476
1

zip

Урок + тест + презентация по информатике для 9 класса по теме «Условный оператор»

11.06.2013
4719
3

pptx

Презентация по информатике для 3 класса по теме «Состав предмета»

11.06.2013
1578
11

rar

Интеллектуальная игра «Поле Чудес»

Рейтинг: 5 из 5

11.06.2013
4125
15

pptx

Презентация к уроку информатики и ИКТ по теме: «Принципы кодирования изображений»

Рейтинг: 5 из 5

07.06.2013
7344
76

rar

Реферат «Формирование умения создавать фото(видео)проекты во внеурочной деятельности на основе мобильного цифрового оборудования»

06.06.2013
2591
9

rar

Тесты по информатике по теме «Компьютерные сети»

04.06.2013
1452
3

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

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

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

Скачать материал
- 17.06.2013 2373
- RAR 2 мбайт
- 22 скачивания
- Оцените материал:
Настоящий материал опубликован пользователем Богатова Юлия Леонидовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Богатова Юлия Леонидовна
- На сайте: 9 лет и 2 месяца
- Подписчики: 0
- Всего просмотров: 12159
- Всего материалов: 3