Информатика и ИКТ. Урок 31-32

Август 12, 2022

Главная
Информатика
Информатика и ИКТ. Урок 31-32

Содержание

2. Online-урок на платформе ZOOM 28.04.20 в 9:00 приглашаем учеников 9 классов на Online-урок по теме «Создание
3. Создание простейшей веб-страницы средствами языка HTML Тематический модуль 5: Коммуникационные технологии Урок 31-32 структура сайта навигация
4. Технология создания сайта Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый редактор Визуальный HTML-редактор, конструктор
5. Создание сайта Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и выполняющий художественное оформление
6. Содержание и структура сайта Содержание сайта должно отражать творческую жизнь участников объединения, привлекать внимание единомышленников. Структура
7. Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания
8. Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних
9. Оформление сайта Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения
10. Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами: тексты хорошо читаются
11. Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети
12. Размещение сайта в Интернете http://www.70mb.ru/ - бесплатный хостинг
13. http://www.1gb.ru/ - платный хостинг Размещение сайта в Интернете
14. http://guru-host.ru/free_hosting.php - бесплатный хостинг Размещение сайта в Интернете
15. http://www.ascont.ru/constructor-and-hosting - платный хостинг Размещение сайта в Интернете
16. Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя
17. Смотрим видео-урок Очень внимательно посмотри видео-урок «Создание простой web-страницы»
18. ! Техника безопасности
19. ! Работа за компьютером Компьютерный практикум Практическая работа № 10 «Создание простейшей веб-страницы» Сидите прямо, пользуйтесь
20. ВЫХОДНОЙ КОНТРОЛЬ УРОВНЯ ОВЛАДЕНИЯ МАТЕРИАЛАМИ КУРСА (Online-тест) Тематический модуль 5: Коммуникационные технологии Урок 31-32 структура сайта
21. Повторение пройденного в 7 классе: Для того, чтобы качественно пройти Online-тест нужно повторить основные понятия курса,
22. Что бы начать тестирование пройди по ссылки https://onlinetestpad.com/hobdmeln7if5e Результаты теста никуда отправлять не нужно! Результаты тест
23. ! Работа за компьютером Компьютерный практикум Задание 5.2, стр. 217 Сидите прямо, пользуйтесь правилами кулака и
24. Вам было легко или были трудности? Что у вас получилось лучше всего и без ошибок? Какое
26. Скачать презентацию

Слайд 2

Online-урок на платформе ZOOM
28.04.20 в 9:00 приглашаем учеников 9 классов на

Online-урок по теме «Создание простейшей веб-страницы», который состоится на платформе ZOOM.
Чтобы стать участником нашего Online-урока, достаточно кликнуть по ссылке, размещенной ниже и пройти простой процесс регистрации. Подключиться можно с компьютера или любого мобильного устройства.

https://us04web.zoom.us/j/7314604286
Идентификатор конференции: 731 460 4286

Слайд 3

Создание простейшей веб-страницы средствами языка HTML
Тематический модуль 5:
Коммуникационные технологии
Урок 31-32
структура

сайта
навигация
оформление сайта
шаблон страницы сайта
хостинг

Слайд 4

Технология создания сайта
Язык разметки
гипертекста HTML
(Hyper Text Markup Language)
Текстовый
редактор
Визуальный
HTML-редактор,
конструктор

сайтов

Текст размечают
специальными
метками – тегами

Документ
сохраняют как
Web-страницу

Microsoft FrontPage
uCoz, Сайткрафт и др.

Способы создания сайта

Слайд 5

Создание сайта
Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации

и выполняющий художественное оформление Web-проекта.

Создадим сайт школьного творческого объединения «Компьютерная графика».

Слайд 6

Содержание и структура сайта
Содержание сайта должно отражать творческую жизнь участников объединения,

привлекать внимание единомышленников.

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

Новости и
объявления

Галерея

Личные
страницы

Полезные
ссылки

Растровая
графика

Векторная
графика

Сканография

Руководитель

Ученик 1

Ученик 2

Главная страница

Иерархическая структура сайта

Слайд 7

Оформление сайта
На главной странице размещают название сайта, тематическое графическое изображение, короткий

текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.

Слайд 8

Оформление сайта
Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые

всегда находятся на одних и тех же местах. Это:

заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.

Название сайта

Название страницы

Поле ввода информации

Графика

Меню

Фон

Координаты

Примерный шаблон страниц сайта

Слайд 9

Оформление сайта
Не ставьте точку в названиях сайта и страниц,
если они

состоят из одного предложения

Названия пунктов меню делайте краткими

Не выбирайте для страниц пёстрый фон

Не размещайте на странице слишком много
информационных и художественных блоков

Не пишите слишком длинных текстов

В каждом абзаце используйте
одни и те же приёмы форматирования

Рекомендации при наполнении страниц сайта
информационными материалами

Слайд 10

Тестирование сайта
Тестирование сайта – проверка того, что сайт правильно отображается разными

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

Слайд 11

Размещение сайта в Интернет
Хостинг - услуга по размещению сайта на сервере,

постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Слайд 12

Размещение сайта в Интернете
http://www.70mb.ru/ - бесплатный хостинг

Слайд 13

http://www.1gb.ru/ - платный хостинг
Размещение сайта в Интернете

Слайд 14

http://guru-host.ru/free_hosting.php - бесплатный хостинг
Размещение сайта в Интернете

Слайд 15

http://www.ascont.ru/constructor-and-hosting - платный
хостинг
Размещение сайта в Интернете

Слайд 16

Что выбрать?
Платным хостингом пользуются крупные компании. Они получают удобное для прочтения

и запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.

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

Слайд 17

Смотрим видео-урок
Очень внимательно посмотри видео-урок «Создание простой web-страницы»

Слайд 18

!
Техника безопасности

Слайд 19

!
Работа за компьютером
Компьютерный практикум Практическая работа № 10 «Создание простейшей веб-страницы»
Сидите

прямо, пользуйтесь правилами кулака и вытянутой руки

Файл с выполненным заданием отправить на почту informatika_ikt_61@mail.ru или,
inf_kab105@mail.ru

Слайд 20

ВЫХОДНОЙ КОНТРОЛЬ УРОВНЯ ОВЛАДЕНИЯ МАТЕРИАЛАМИ КУРСА (Online-тест)
Тематический модуль 5:
Коммуникационные

технологии

Урок 31-32

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

Слайд 21

Повторение пройденного в 7 классе:
Для того, чтобы качественно пройти Online-тест нужно

повторить основные понятия курса, выполнив задания для самопроверки:
Глава 1. Моделирование и формализация
стр. 51-57.
Глава 2.Алгоритмизация и программирование
стр. 98-99.
Глава 3.Обработка числовой информации в электронных таблицах
стр. 134-138
Глава 4.Коммуникационные технологии
стр. 170-174
Проверить правильность своих ответов можно используя «Ключи к тестовым заданиям для самоконтроля» - стр. 176.

Слайд 22

Что бы начать тестирование пройди по ссылки
https://onlinetestpad.com/hobdmeln7if5e
Результаты теста никуда отправлять

не нужно! Результаты тест автоматически сохраняется у вашего учителя.

Слайд 23

!
Работа за компьютером
Компьютерный практикум Задание 5.2, стр. 217
Сидите прямо, пользуйтесь правилами

кулака и вытянутой руки

Файл с выполненным заданием отправить на почту informatika_ikt_61@mail.ru или,
inf_kab105@mail.ru

Слайд 24

Вам было легко или были трудности?
Что у вас получилось лучше

всего и без ошибок?
Какое задание было самым интересным и почему?
Как бы вы оценили свою работу?

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

Информатика и ИКТ. Урок 31-32

Содержание

Online-урок на платформе ZOOM28.04.20 в 9:00 приглашаем учеников 9 классов на

Создание простейшей веб-страницы средствами языка HTMLТематический модуль 5: Коммуникационные технологииУрок 31-32структура

Технология создания сайтаЯзык разметкигипертекста HTML(Hyper Text Markup Language) Текстовый редакторВизуальныйHTML-редактор, конструктор

Создание сайтаWeb-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации

Содержание и структура сайтаСодержание сайта должно отражать творческую жизнь участников объединения,

Оформление сайтаНа главной странице размещают название сайта, тематическое графическое изображение, короткий

Оформление сайтаКаждая страница сайта, как правило, имеет несколько постоянных элементов, которые

Оформление сайтаНе ставьте точку в названиях сайта и страниц, если они

Тестирование сайтаТестирование сайта – проверка того, что сайт правильно отображается разными

Размещение сайта в ИнтернетХостинг - услуга по размещению сайта на сервере,

Размещение сайта в Интернетеhttp://www.70mb.ru/ - бесплатный хостинг

http://www.1gb.ru/ - платный хостинг Размещение сайта в Интернете

http://guru-host.ru/free_hosting.php - бесплатный хостингРазмещение сайта в Интернете

http://www.ascont.ru/constructor-and-hosting - платный хостинг Размещение сайта в Интернете

Что выбрать?Платным хостингом пользуются крупные компании. Они получают удобное для прочтения

Смотрим видео-урокОчень внимательно посмотри видео-урок «Создание простой web-страницы»

!Техника безопасности

!Работа за компьютеромКомпьютерный практикум Практическая работа № 10 «Создание простейшей веб-страницы»Сидите

ВЫХОДНОЙ КОНТРОЛЬ УРОВНЯ ОВЛАДЕНИЯ МАТЕРИАЛАМИ КУРСА (Online-тест) Тематический модуль 5: Коммуникационные

Повторение пройденного в 7 классе:Для того, чтобы качественно пройти Online-тест нужно

Что бы начать тестирование пройди по ссылки https://onlinetestpad.com/hobdmeln7if5eРезультаты теста никуда отправлять

!Работа за компьютеромКомпьютерный практикум Задание 5.2, стр. 217Сидите прямо, пользуйтесь правилами

Вам было легко или были трудности?Что у вас получилось лучше

Похожие презентации