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

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

Ремонт зубчатых колес коробки подач токарных станков Ремонт зубчатых колес коробки подач токарных станков 98
Организационные изменения.Стрессы и ихвлияние на организационнуюдеятельность. Организационные изменения.Стрессы и ихвлияние на организационнуюдеятельность. 95
В настоящее время профессия переводчика стала одной из самых востребованных В настоящее время профессия переводчика стала одной из самых востребованных 148
Портфельные стратегии Портфельные стратегии 109
Особливостідошкільноговихованнядітей в Росії Особливостідошкільноговихованнядітей в Росії 91
Мобильная станция экспрессного наземного контроля процесса цементирования нефтяных и газовых скважин КСКЦ-02М Мобильная станция экспрессного наземного контроля процесса цементирования нефтяных и газовых скважин КСКЦ-02М 108
Проект Классическая музыка в детском саду презентация Проект Классическая музыка в детском саду презентация 58
Цифры в стихах консультация по математике по теме Цифры в стихах консультация по математике по теме 87
Летние праздники от Троицы до Ильина дня Летние праздники от Троицы до Ильина дня 115
Деньги России.1941-1945 Деньги России.1941-1945 84
Метрологическое обеспечение товароведно-коммерческой деятельности Метрологическое обеспечение товароведно-коммерческой деятельности 97
Презентация к докладу по родному языку на тему Духовно-нравственное воспитание через приобщение к родному языку, культуре, традициям и обычаям народов Республики Башкортостан Презентация к докладу по родному языку на тему Духовно-нравственное воспитание через приобщение к родному языку, культуре, традициям и обычаям народов Республики Башкортостан 152
Уровень формирования универсальных учебных действий выпускников дошкольного образовательного учреждения, как предпосылка к формированию универсальных учебных действий у первоклассников презентация к уроку по теме Уровень формирования универсальных учебных действий выпускников дошкольного образовательного учреждения, как предпосылка к формированию универсальных учебных действий у первоклассников презентация к уроку по теме 113
Маркетинг и пиар Маркетинг и пиар 112
Строение и функции иммуноглобулинов. Закономерности синтеза и переключения разных классов иммуноглобулинов Строение и функции иммуноглобулинов. Закономерности синтеза и переключения разных классов иммуноглобулинов 98
8 Марта презентация к занятию (старшая группа) по теме 8 Марта презентация к занятию (старшая группа) по теме 108
! Приведение к каноническому виду ! Приведение к каноническому виду 206
СтудАктивМИИГАиК СтудАктивМИИГАиК 136
Изобразительная деятельность в детском саду по программе Лыковой И.А. Цветные ладошки (старший возраст).Презентация материал (старшая, подготовительная группа) Изобразительная деятельность в детском саду по программе Лыковой И.А. Цветные ладошки (старший возраст).Презентация материал (старшая, подготовительная группа) 129
,,Достижение учащимися метапредметных результатов в обучении,, ,,Достижение учащимися метапредметных результатов в обучении,, 106
Презентация 1 оборудования для приготовления х)з Презентация 1 оборудования для приготовления х)з 146
Игры и упражнения на формирование знаний об эмоциях. презентация к уроку (младшая группа) Игры и упражнения на формирование знаний об эмоциях. презентация к уроку (младшая группа) 127
Ложный круп Ложный круп 94
НОД Познание -Писатели детям презентация занятия для интерактивной доски (старшая группа) по теме НОД Познание -Писатели детям презентация занятия для интерактивной доски (старшая группа) по теме 101
Презентация проекта Моделирование развивающей предметно-пространственной среды во второй младшей группе ДОУ презентация к уроку (младшая группа) по теме Презентация проекта Моделирование развивающей предметно-пространственной среды во второй младшей группе ДОУ презентация к уроку (младшая группа) по теме 110
The modal verbs The modal verbs 86
Баскетбол. Штрафной бросок Баскетбол. Штрафной бросок 84
Презентация по предмету Зоогеография:Скандинавско-кольская тундра Презентация по предмету Зоогеография:Скандинавско-кольская тундра 138
Естественное вскармливание Естественное вскармливание 105
Бизнес-планирование Бизнес-планирование 137