Принцип работы сети Интернет. Основы создания веб-сайтов. Введение в HTML и CSS.

Принцип работы сети Интернет. Основы создания веб-сайтов. Введение в HTML и CSS.
Цели: 
повышение интереса молодежи области к информационным технологиям, а также инициирование и поддержка интереса к изучению информатики и программированию, повышение престижности ИТ-специальностей для молодых людей.
развитие познавательного интереса, расширение информационного кругозора, формировать навыки самообразования и коммуникации в информационной среде; развивать умения анализировать, делать выводы, выделять главное;
воспитание информационной культуры, мотивация к самостоятельному изучению материала, воспитание чувства коллективизма, умений проявлять инициативу.
Требования к знаниям и умениям:
Учащиеся должны знать:
- что такое Интернет
- как устроена сеть Интернет
-принцип работы веб-сайтов
- способы создания веб-сайтов
-что язык разметки веб-страниц
- возможности языка разметки HTML-5 и CSS-3
Учащиеся должны понимать:
- о роли компьютерных технологий в жизни человека и общества
- современные возможности компьютерных систем
Учащиеся должны уметь:
- находить конструкторы сайтов
- пользоваться конструкторами сайтов
- объяснять роль компьютерных технологий в обществе
-уметь применять информационные технологии для решения реальных задач.
-уметь работать группой.
Тип урока: комбинированный урок
Форма урока - комбинированный урок:  лекция-монолог, демонстрация веб-сайтов, дискуссия, видео-обучение.
Структура урока:
Способы доступа к сети Интернет
Схема работы Интернет
Как создаются сайты
Введение в HTML и CSS
Домашнее задание
Тест на проверку знаний
Конспект урока
Способы доступа к сети Интернет
Веб –браузеры – программы для чтения HTML кода веб-страниц
FirefoxInternet ExplorerSafariChromeOperaВеб-сервер - специальный компьютер, постоянно подключенный к интернету и хранящий файлы нужного нам сайта. Веб-серверами занимаются хостинговые компании. Сервер может быть расположен в любой точке света.
Каждый сервер имеет своё доменное имя и IP-адрес, например:
www.yandex.ru – доменное имя
213.180.193.3 – IP -адрес
Найти месторасположения сервера можно по адресу http://check-host.net/ip-info?host=google.ruУстройства доступа к сети – различаются скоростью доступа и разрешением экрана.
Компьютеры
Ноутбуки
Планшеты
Мобильные телефоны
Программы экранного доступа – screen readers
Схема работы сети Интернет
-102362011811000
Как создаются сайты?
Простые сайты - написание на языке разметки HTML и CSS.
Большие сайты
Использование современных платформ управления контентом
HYPERLINK "http://www.a5.ru/"A5 - отличный выбор для новичка.
HYPERLINK "http://www.wix.com"Wix - Солидный зарубежный проект, вполне возможно, это лучший конструктор сайтов на сегодняшний день. Предоставляет богатейший инструментарий для создания действительно красивых и функциональных сайтов, будь то Интернет-магазин, сайт-визитка либо блог. Интерфейс мощный и удобный, сразу видно профессионализм команды разработчиков, что внушает доверие к ресурсу.
Nethouse - простой и удобный.
Umi - специализация интернет-магазины.
Setup - удобный для новичка.
fo.ru - неплохой вариант для сайта-визитки.
Ucoz - известный, но противоречивый вариант.
Redham - всего 30 дней бесплатно.
JIMDO.COMBLOGGER.COMWebnode – удобный вариантИспользование программирования – языки программирования PHP, Java, Ruby, ASP.NetСоздания баз хранения информации
Мы будем изучать язык разметки web-страниц HTML-5 и CSS-3Видео-ролик HYPERLINK "https://www.youtube.com/watch?v=Re_X3olFk0Y" История возникновения HTML
Видео-ролик История развития CSSДомашнее задание
Придумайте тематику и попробуйте создать заготовку своего сайта на одной из предложенных платформ.
Тест на проверку знаний
1.Что такое браузер, приведите примеры?
2.Что такое платформа для создания сайтов, приведите примеры?
3.Что такое HTML и CSS, назовите имя создателя?