Что такое 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
  • Количество просмотров: 133
  • Количество скачиваний: 0
- Предыдущая Туберкулездің алдын алу өзіндік, химиопрофилактикалық, санитарлық. БЦЖ вакцинамен егу және қайтарма егу
Следующая - Болезнетворное действие внешней среды

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

16 16 180
Интересные факты Интересные факты 100
Презентация Пример семейного клуба презентация Презентация Пример семейного клуба презентация 118
Чернечі ордени Чернечі ордени 92
Открытый урок по производственному обучению штукатуров на тему Простое оштукатуривание поверхностей стен Открытый урок по производственному обучению штукатуров на тему Простое оштукатуривание поверхностей стен 163
Цех. Заготовочные, доготовочные, специализированные цеха Цех. Заготовочные, доготовочные, специализированные цеха 136
Технические средства информатизации (ТСИ) Технические средства информатизации (ТСИ) 191
Презентация по дисциплине Технология поиска работы Презентация по дисциплине Технология поиска работы 106
Разработка комплекса печатной рекламы для паба the-telegraph Разработка комплекса печатной рекламы для паба the-telegraph 130
Организация учебных занятий по электротехническим дисциплинам Организация учебных занятий по электротехническим дисциплинам 128
Презентация Здоровьесберегающее пространство в детском саду. презентация к уроку по теме Презентация Здоровьесберегающее пространство в детском саду. презентация к уроку по теме 121
Игровые технологии презентация к уроку по теме Игровые технологии презентация к уроку по теме 106
Древняя архитектура Ближнего Востока Древняя архитектура Ближнего Востока 106
Родительское собрание. Как помочь ребёнку делать уроки учебно-методический материал (1 класс) по теме Родительское собрание. Как помочь ребёнку делать уроки учебно-методический материал (1 класс) по теме 106
Презентацию подготовил: Презентацию подготовил: 102
С Новым годом, ребята! С Новым годом, ребята! 114
92
социализация, развитие план-конспект урока (старшая группа) социализация, развитие план-конспект урока (старшая группа) 137
Мастер-класс Активные методы обучения презентация к уроку Мастер-класс Активные методы обучения презентация к уроку 105
Саяси сана және идеология Саяси сана және идеология 185
Презентация по украинскому языку Фразеологічні синоніми у творчості Тараса Шевченка Презентация по украинскому языку Фразеологічні синоніми у творчості Тараса Шевченка 119
Наш коллектив презентация к занятию (младшая группа) по теме Наш коллектив презентация к занятию (младшая группа) по теме 95
Галерея моего класса Галерея моего класса 141
консультация - презентация Домашний театр презентация консультация - презентация Домашний театр презентация 38
Проект : Поощрение, как метод воспитания проект Проект : Поощрение, как метод воспитания проект 117
Шаблон Новогодний презентация к уроку по теме Шаблон Новогодний презентация к уроку по теме 102
Облачные технологии Облачные технологии 139
Contribuții la perfecționarea. Utilajului agricol în condițiile societății cu răspundere limitată Wetrade Contribuții la perfecționarea. Utilajului agricol în condițiile societății cu răspundere limitată Wetrade 95
Microsoft visio   Microsoft visio   127
Детская агрессия презентация к уроку Детская агрессия презентация к уроку 117