Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Знакомство с Интернетом

Содержание

Содержание урокаКак работает интернетЧто такое сайтЧто представляет собой веб-страницаВиды сайтовПроцесс разработки сайтаЧто такое гипертекст, теги и атрибутыПодготовка рабочего местаПростой пример HTML страничкиПример сложной веб-страницыГорячие клавиши для перемещения по документам
Урок 1Знакомство с интернетом. Содержание урокаКак работает интернетЧто такое сайтЧто представляет собой веб-страницаВиды сайтовПроцесс разработки сайтаЧто Что такое интернет?Интернет – это множество компьютеров по всему миру, объединенными в Каждый компьютер в сети имеет свой уникальный ip-адресПример: 192.168.100.99 Доменные именаru, com, net, рф – 1 уровеньprog-school.ru, google.com – 2 уровень proglive.tiu.ru – 3 уровень Что такое сайт?Сайт – это совокупность электронных документов(веб-страниц), объединенных под одним адресом БраузерыInternet Explorer (Trident)Mozila Firefox (Gecko) Opera (Presto)Google Chrome (Webkit) Safari (Webkit) Устройство сайтаШапка(header)Основное содержимое(content)Меню (вертикальное и/или горизонтальное)Рекламные баннерыДополнительные модули(голосование, опрос)Нижний колонтитул( footer) Виды сайтов По содержимомуСтатические – содержимое подготавливается заранее и выдается пользователю в том виде, По схеме представления информацииКоммерческие – сайты компаний, интернет- магазины и т.д.Информационные – По размеруФиксированной ширины «Резиновые» Основные протоколыHTTP (Hypertext Transfer Protocol )HTTPS (Hypertext Transfer Protocol Secure)FTP (File Transfer Protocol) Что происходит, когда мы набираем адрес сайта? Схема HTTP-запроса страницысерверклиентsql запросБаза данныхданные Процесс разработки сайтаЗаказчикИдеяМенеджер проектаДизайнерТех. заданиеТех. заданиеПрограммистВерстальщикКопирайтерS E Ophp и mysql, javascripthtml и css, javascriptphotoshopШаблоныМакет Что такое гипертекст?Гипертекст в HTML —документы (веб- страницы), связанные между собой ссылками. Теги HTML документа.Предназначены для управления конструкциями разметки:ЗаголовкиАбзацыКартинкиТаблицыСписки Виды тегов. Парные теги…Пример:Какой прекрасный день Одиночные тегиПример: Атрибуты теговОпределяют какие либо дополнительные, уточняющие параметры того или иного тега.… Примеры атрибутовКонтакты Оформление тегов и атрибутовНазвание тега и атрибута - строчными буквами.… …Значение атрибута – Создание простой странички ИнструментыТекстовый редактор – Notepad++;Браузер – Internet Explorer;Графический редактор (photoshop, gimp) Расширение HTML-страницы.html.htm Простейшая веб-страничкаПривет мир!Это моя первая веб-страница. Результат Горячие клавишиAlt + tab – перемещение между открытыми окнами.Ctrl + z –
Слайды презентации

Слайд 2 Содержание урока
Как работает интернет
Что такое сайт
Что представляет собой

Содержание урокаКак работает интернетЧто такое сайтЧто представляет собой веб-страницаВиды сайтовПроцесс разработки

веб-страница
Виды сайтов
Процесс разработки сайта
Что такое гипертекст, теги и атрибуты
Подготовка

рабочего места
Простой пример HTML странички
Пример сложной веб-страницы
Горячие клавиши для перемещения по документам

Слайд 3 Что такое интернет?

Интернет – это множество компьютеров по

Что такое интернет?Интернет – это множество компьютеров по всему миру, объединенными

всему миру, объединенными в единую сеть, которые постоянно обмениваются

какой-либо информацией.

Слайд 4 Каждый компьютер в сети имеет свой уникальный ip-адрес
Пример:

Каждый компьютер в сети имеет свой уникальный ip-адресПример: 192.168.100.99

192.168.100.99

Слайд 5 Доменные имена
ru, com, net, рф – 1 уровень
prog-school.ru,

Доменные именаru, com, net, рф – 1 уровеньprog-school.ru, google.com – 2 уровень proglive.tiu.ru – 3 уровень

google.com – 2 уровень proglive.tiu.ru – 3 уровень

Слайд 6 Что такое сайт?
Сайт – это совокупность электронных документов(веб-страниц),

Что такое сайт?Сайт – это совокупность электронных документов(веб-страниц), объединенных под одним

объединенных под одним адресом (доменным именем), связанных между собой

ссылками. Доступ к сайту осуществляется через браузер.

Слайд 7 Браузеры





Internet Explorer (Trident)
Mozila Firefox (Gecko) Opera (Presto)
Google Chrome

БраузерыInternet Explorer (Trident)Mozila Firefox (Gecko) Opera (Presto)Google Chrome (Webkit) Safari (Webkit)

(Webkit) Safari (Webkit)

Слайд 8 Устройство сайта
Шапка
(header)
Основное содержимое
(content)
















Меню (вертикальное и/или горизонтальное)
Рекламные баннеры
Дополнительные модули
(голосование,

Устройство сайтаШапка(header)Основное содержимое(content)Меню (вертикальное и/или горизонтальное)Рекламные баннерыДополнительные модули(голосование, опрос)Нижний колонтитул( footer)

опрос)


Нижний колонтитул
( footer)






















Слайд 9 Виды сайтов

Виды сайтов

Слайд 10 По содержимому
Статические – содержимое подготавливается заранее и выдается

По содержимомуСтатические – содержимое подготавливается заранее и выдается пользователю в том

пользователю в том виде, в котором хранится на сервере.
Динамические

– содержимое генерируется при помощи серверных языков программирования.

Слайд 11 По схеме представления информации
Коммерческие – сайты компаний, интернет-

По схеме представления информацииКоммерческие – сайты компаний, интернет- магазины и т.д.Информационные

магазины и т.д.
Информационные – доносят до пользователя какую-либо информацию.
Веб-сервисы

(порталы) – поисковые системы, электронная почта, форумы, социальные сети.

Слайд 12 По размеру
Фиксированной ширины «Резиновые»


По размеруФиксированной ширины «Резиновые»

Слайд 13 Основные протоколы
HTTP (Hypertext Transfer Protocol )

HTTPS (Hypertext Transfer

Основные протоколыHTTP (Hypertext Transfer Protocol )HTTPS (Hypertext Transfer Protocol Secure)FTP (File Transfer Protocol)

Protocol Secure)

FTP (File Transfer Protocol)

Слайд 14 Что происходит, когда мы набираем адрес сайта?

Что происходит, когда мы набираем адрес сайта?

Слайд 15 Схема HTTP-запроса страницы



сервер
клиент









sql запрос


База данных






данные

Схема HTTP-запроса страницысерверклиентsql запросБаза данныхданные

Слайд 16 Процесс разработки сайта

















Заказчик

Идея
Менеджер проекта
Дизайнер
Тех. задание
Тех. задание






















Программист
Верстальщик
Копирайтер
S E

Процесс разработки сайтаЗаказчикИдеяМенеджер проектаДизайнерТех. заданиеТех. заданиеПрограммистВерстальщикКопирайтерS E Ophp и mysql, javascripthtml и css, javascriptphotoshopШаблоныМакет

O










php и mysql, javascript
html и css, javascript
photoshop
Шаблоны
Макет

Слайд 17 Что такое гипертекст?
Гипертекст в HTML —документы (веб- страницы),

Что такое гипертекст?Гипертекст в HTML —документы (веб- страницы), связанные между собой ссылками.

связанные между собой ссылками.

Слайд 18 Теги HTML документа.
Предназначены для управления конструкциями разметки:

Заголовки
Абзацы
Картинки
Таблицы
Списки

Теги HTML документа.Предназначены для управления конструкциями разметки:ЗаголовкиАбзацыКартинкиТаблицыСписки

Слайд 19 Виды тегов.

Виды тегов.

Слайд 20 Парные теги
…

Пример:
Какой прекрасный день

Парные теги…Пример:Какой прекрасный день

Слайд 21 Одиночные теги


Пример:



Одиночные тегиПример:

Слайд 22 Атрибуты тегов
Определяют какие либо дополнительные, уточняющие параметры того

Атрибуты теговОпределяют какие либо дополнительные, уточняющие параметры того или иного тега.…

или иного тега.


…

Слайд 23 Примеры атрибутов
Контакты

Примеры атрибутовКонтакты

Слайд 24 Оформление тегов и атрибутов
Название тега и атрибута -

Оформление тегов и атрибутовНазвание тега и атрибута - строчными буквами.… …Значение атрибута

строчными буквами.
… …
Значение атрибута – строчными буквами и в двойных

кавычках.

…


…


…


Парный тег – обязательно закрыт.

…
…

Слайд 25 Создание простой странички

Создание простой странички

Слайд 26 Инструменты
Текстовый редактор – Notepad++;
Браузер – Internet Explorer;
Графический редактор

ИнструментыТекстовый редактор – Notepad++;Браузер – Internet Explorer;Графический редактор (photoshop, gimp)

(photoshop, gimp)


Слайд 27 Расширение HTML-страницы
.html
.htm

Расширение HTML-страницы.html.htm

Слайд 28 Простейшая веб-страничка
Привет мир!
Это моя первая веб-страница.

Простейшая веб-страничкаПривет мир!Это моя первая веб-страница.

Слайд 29 Результат



Результат
  • Имя файла: znakomstvo-s-internetom.pptx
  • Количество просмотров: 95
  • Количество скачиваний: 0
- Предыдущая Туберкулездің алдын алу өзіндік, химиопрофилактикалық, санитарлық. БЦЖ вакцинамен егу және қайтарма егу
Следующая - Болезнетворное действие внешней среды

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

Групповые формы работы, как способ формирования коммуникативных УУД младших школьников Автор: Рогова Ю.П., учитель начальных классов презентация к уроку ( класс) Групповые формы работы, как способ формирования коммуникативных УУД младших школьников Автор: Рогова Ю.П., учитель начальных классов презентация к уроку ( класс) 114
Портфолио презентация Портфолио презентация 90
Роль театральной деятельности презентация к уроку (старшая группа) Роль театральной деятельности презентация к уроку (старшая группа) 78
Пожежна безпека та протипожежні заходи Пожежна безпека та протипожежні заходи 103
Past simple Past simple 75
Past simple Past simple 70
Копытцова Елизавета Олеговна САМОПРЕЗЕНТАЦИЯ материал по теме Копытцова Елизавета Олеговна САМОПРЕЗЕНТАЦИЯ материал по теме 134
Знаменское-Раёк Знаменское-Раёк 167
Adoption. auf jeden fall! Adoption. auf jeden fall! 70
Юбилей Усогорска Юбилей Усогорска 71
Организация работы в группах в соответствии с ФГОС НОО материал Организация работы в группах в соответствии с ФГОС НОО материал 69
Аналіз ринку покрівельних матеріалів Аналіз ринку покрівельних матеріалів 80
Лекция №2 на тему: Формы собственности в строительстве Лекция №2 на тему: Формы собственности в строительстве 140
ПРЕЗЕНТАЦИЯ для родителей Разноцветные дети презентация к уроку по теме ПРЕЗЕНТАЦИЯ для родителей Разноцветные дети презентация к уроку по теме 100
Презентация Творческий отчёт для родителй весна 2015года презентация к уроку (средняя группа) Презентация Творческий отчёт для родителй весна 2015года презентация к уроку (средняя группа) 76
Презентация к занятию по ПДД презентация к уроку (средняя группа) Презентация к занятию по ПДД презентация к уроку (средняя группа) 113
Индустриализация и коллективизация в ссср Индустриализация и коллективизация в ссср 90
презентация Речь презентация Речь 88
Агрессия Агрессия 78
Презентация Родительского собрания У порога школы материал (подготовительная группа) Презентация Родительского собрания У порога школы материал (подготовительная группа) 85
Муниципальная научно-практическая конференция В мир поиска, в мир творчества, в мир науки Требование к качеству молока, хранение свежего молока. Муниципальная научно-практическая конференция В мир поиска, в мир творчества, в мир науки Требование к качеству молока, хранение свежего молока. 74
shkola rossii shkola rossii 80
презентация Воздушный осьминог презентация к уроку (средняя группа) презентация Воздушный осьминог презентация к уроку (средняя группа) 117
Презентация по теме: Сахалин Презентация по теме: Сахалин 81
Презентация к выступлению на районном методическом объединении 27.03.2015 год. презентация Презентация к выступлению на районном методическом объединении 27.03.2015 год. презентация 100
ТУБЕРКУЛЕЗ МОЧЕПОЛОВОЙ СИСТЕМЫ ТУБЕРКУЛЕЗ МОЧЕПОЛОВОЙ СИСТЕМЫ 174
Исследовательская работа А у вас молоко убежало... Исследовательская работа А у вас молоко убежало... 199
Сюжетно-ролевая игра Ателье презентация к уроку (средняя группа) Сюжетно-ролевая игра Ателье презентация к уроку (средняя группа) 114
International student International student 97
задачи на движение презентация к уроку (4 класс) по теме задачи на движение презентация к уроку (4 класс) по теме 104