Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Принцип работы сети Интернет. Основы создания веб-сайтов. Введение в HTML и CSS.
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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

библиотека
материалов

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



Цели: 


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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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



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

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

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

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

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

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

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

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



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

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





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

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

www.yandex.ru – доменное имя

213.180.193.3 – IP -адрес

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

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

  • Компьютеры

  • Ноутбуки

  • Планшеты

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



  1. Программы экранного доступа 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

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

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

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

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

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

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

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

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

 

Цели: 

 

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

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

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

 

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

 

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

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

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

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

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

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

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

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

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

 

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

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

 

·        Firefox

·        InternetExplorer

·        Safari

·        Chrome

·        Opera

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

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

www.yandex.ru – доменное имя

213.180.193.3 – IP -адрес

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

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

·        Компьютеры

·        Ноутбуки

·        Планшеты

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

 

IV.            Программы экранного доступа screenreaders

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

 

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

Простые сайты - написание на языке разметки 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

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

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

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

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

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

 

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

Автор
Дата добавления 06.05.2015
Раздел Информатика
Подраздел Конспекты
Просмотров287
Номер материала 514123
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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