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

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

Цели:

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

• развитие познавательного интереса, расширение информационного кругозора, формировать навыки самообразования и коммуникации в информационной среде; развивать умения анализировать, делать выводы, выделять главное;

• воспитание информационной культуры, мотивация к самостоятельному изучению материала, воспитание чувства коллективизма, умений проявлять инициативу.

Требования к знаниям и умениям:

Учащиеся должны знать:

- что такое Интернет

- как устроена сеть Интернет

-принцип работы веб-сайтов

- способы создания веб-сайтов

-что язык разметки веб-страниц

- возможности языка разметки HTML-5 и CSS-3

Учащиеся должны понимать:

- о роли компьютерных технологий в жизни человека и общества

- современные возможности компьютерных систем

Учащиеся должны уметь:

- находить конструкторы сайтов

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

- объяснять роль компьютерных технологий в обществе

-уметь применять информационные технологии для решения реальных задач.

-уметь работать группой.

Тип урока: комбинированный урок

Форма урока - комбинированный урок: лекция-монолог, демонстрация веб-сайтов, дискуссия, видео-обучение.

Структура урока:

1. Способы доступа к сети Интернет

2. Схема работы Интернет

3. Как создаются сайты

4. Введение в HTML и CSS

5. Домашнее задание

6. Тест на проверку знаний

Конспект урока

Способы доступа к сети Интернет

1. Веб -браузеры - программы для чтения HTML кода веб-страниц

• Firefox

• Internet Explorer

• Safari

• Chrome

• Opera

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

Каждый сервер имеет своё доменное имя и IP-адрес, например:

yandex.ru - доменное имя

213.180.193.3 - IP -адрес

Найти месторасположения сервера можно по адресу check-host.net/ip-info?host=google.ru

3. Устройства доступа к сети - различаются скоростью доступа и разрешением экрана.

• Компьютеры

• Ноутбуки

• Планшеты

• Мобильные телефоны

4. Программы экранного доступа - screen readers

Схема работы сети Интернет

Как создаются сайты?

Простые сайты - написание на языке разметки HTML и CSS.

Большие сайты

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

• A5 - отличный выбор для новичка.

• Wix - Солидный зарубежный проект, вполне возможно, это лучший конструктор сайтов на сегодняшний день. Предоставляет богатейший инструментарий для создания действительно красивых и функциональных сайтов, будь то Интернет-магазин, сайт-визитка либо блог. Интерфейс мощный и удобный, сразу видно профессионализм команды разработчиков, что внушает доверие к ресурсу.

• Nethouse - простой и удобный.

• Umi - специализация интернет-магазины.

• Setup - удобный для новичка.

• fo.ru - неплохой вариант для сайта-визитки.

• Ucoz - известный, но противоречивый вариант.

• Redham - всего 30 дней бесплатно.

• JIMDO.COM

• BLOGGER.COM

• Webnode - удобный вариант

• Использование программирования - языки программирования PHP, Java, Ruby, ASP.Net

• Создания баз хранения информации

Мы будем изучать язык разметки web-страниц HTML-5 и CSS-3

Видео-ролик История возникновения HTML

Видео-ролик История развития CSS

5. Домашнее задание

Придумайте тематику и попробуйте создать заготовку своего сайта на одной из предложенных платформ.

6. Тест на проверку знаний

1.Что такое браузер, приведите примеры?

2.Что такое платформа для создания сайтов, приведите примеры?

3.Что такое HTML и CSS, назовите имя создателя?