267758
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

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

Принцип работы сети Интернет. Основы создания веб-сайтов. Введение в 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, назовите имя создателя?

Общая информация

Номер материала: 514123

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

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.