Курс Основы HTML и CSS. Введение презентация

Содержание

Слайд 2

О курсе

Занятия на курсе проходят 1 раз в неделю

О курсе Занятия на курсе проходят 1 раз в неделю

Слайд 3

О курсе

К каждому уроку есть домашнее задание в онлайн-модуле

О курсе К каждому уроку есть домашнее задание в онлайн-модуле

Слайд 4

О курсе

К каждому уроку есть домашнее задание в онлайн-модуле

О курсе К каждому уроку есть домашнее задание в онлайн-модуле

Слайд 5

О курсе

К каждому уроку есть домашнее задание в онлайн-модуле

О курсе К каждому уроку есть домашнее задание в онлайн-модуле

Слайд 6

О курсе

У вас на курсе есть свой куратор, он поможет с любым

вопросом

О курсе У вас на курсе есть свой куратор, он поможет с любым вопросом

Слайд 7

О курсе

У вас на курсе есть свой куратор, он поможет с любым

вопросом

Ответы на предметные вопросы – каждый день в Telegram-боте

О курсе У вас на курсе есть свой куратор, он поможет с любым

Слайд 8

HTML

На курсе вас ждут:

HTML На курсе вас ждут:

Слайд 9

HTML

CSS

На курсе вас ждут:

HTML CSS На курсе вас ждут:

Слайд 10

HTML

CSS

Java Script

На курсе вас ждут:

HTML CSS Java Script На курсе вас ждут:

Слайд 11

HTML

CSS

Java Script

Дизайн

На курсе вас ждут:

HTML CSS Java Script Дизайн На курсе вас ждут:

Слайд 12

HTML

CSS

Java Script

Дизайн

Собственный сайт

На курсе вас ждут:

HTML CSS Java Script Дизайн Собственный сайт На курсе вас ждут:

Слайд 13

Интернет

Интернет – всемирная система объединённых компьютерных сетей для хранения и передачи информации.

Интернет Интернет – всемирная система объединённых компьютерных сетей для хранения и передачи информации.

Слайд 14

Интернет

Что такое интернет?

Интернет Что такое интернет?

Слайд 15

Frontend / Backend

Frontend

Backend

Frontend / Backend Frontend Backend

Слайд 16

Frontend / Backend

Frontend

Backend

это все, что браузер может читать, выводить на экран и / или

запускать. То есть это HTML, CSS и JavaScript.

Frontend / Backend Frontend Backend это все, что браузер может читать, выводить на

Слайд 17

Frontend / Backend

Frontend

Backend

это всё, что работает на сервере, то есть «не в браузере» или

«на компьютере, подсоединённом к сети (обычно к Интернету), который отвечает на сообщения от других компьютеров». 

это все, что браузер может читать, выводить на экран и / или запускать. То есть это HTML, CSS и JavaScript.

Frontend / Backend Frontend Backend это всё, что работает на сервере, то есть

Слайд 18

HTML

Что такое HTML?

HTML Что такое HTML?

Слайд 19

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 20

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

Теги – кирпичики, из которых строится сайт.

HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 21

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

Теги – кирпичики, из которых строится сайт.

парные

HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 22

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

Теги – кирпичики, из которых строится сайт.

парные


HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 23

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

Теги – кирпичики, из которых строится сайт.

парные

одиночные


HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 24

HTML

HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык

разметки документов в Интернете.

Теги – кирпичики, из которых строится сайт.

парные

одиночные


HTML HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный

Слайд 25

HTML

Три основных тега контейнера:

HTML Три основных тега контейнера:

Слайд 26

HTML

Три основных тега контейнера:




HTML Три основных тега контейнера:

Слайд 27

HTML

Три основных тега контейнера:




это контейнер, который содержит в себе всю веб страницу, хотя

данный тег и не обязательный, то есть его можно опускать, но по правилам «хорошего тона» его стоит указывать.

HTML Три основных тега контейнера: это контейнер, который содержит в себе всю веб

Слайд 28

HTML

Три основных тега контейнера:




это контейнер, который содержит в себе всю веб страницу, хотя

данный тег и не обязательный, то есть его можно опускать, но по правилам «хорошего тона» его стоит указывать.

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

HTML Три основных тега контейнера: это контейнер, который содержит в себе всю веб

Слайд 29

HTML

Три основных тега контейнера:




это контейнер, который содержит в себе всю веб страницу, хотя

данный тег и не обязательный, то есть его можно опускать, но по правилам «хорошего тона» его стоит указывать.

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

это контейнер, который содержит данные, которые будут отображаться в окне браузера, то есть содержание веб-страницы.

HTML Три основных тега контейнера: это контейнер, который содержит в себе всю веб

Слайд 30

HTML

Элементы

HTML Элементы

Слайд 31

HTML

Элементы

блочные

характеризуются тем, что занимают всю допустимую ширину, высота определяется контентом, а текст начинается

с новой строки.

HTML Элементы блочные характеризуются тем, что занимают всю допустимую ширину, высота определяется контентом,

Слайд 32

HTML

Элементы

блочные

характеризуются тем, что занимают всю допустимую ширину, высота определяется контентом, а текст начинается

с новой строки.

строчные

обычно являются частью блочного элемента и занимают место по размеру его содержимого.

HTML Элементы блочные характеризуются тем, что занимают всю допустимую ширину, высота определяется контентом,

Слайд 33

Закрепление материала 

Что такое интернет?

Закрепление материала Что такое интернет?

Слайд 34

Закрепление материала 

Что такое интернет?

Это всемирная система объединённых компьютерных сетей для хранения и передачи

информации.

Закрепление материала Что такое интернет? Это всемирная система объединённых компьютерных сетей для хранения и передачи информации.

Слайд 35

Закрепление материала 

Что такое интернет?

Что такое сервер?

Закрепление материала Что такое интернет? Что такое сервер?

Слайд 36

Закрепление материала 

Что такое интернет?

Что такое сервер?

Это, с одной стороны, специализированный компьютер (оборудование), с

другой – это программа, выполняющая функции по запросу клиента. Простыми словами — это тот механизм, что отдаёт нам этот набор файлов.

Закрепление материала Что такое интернет? Что такое сервер? Это, с одной стороны, специализированный

Слайд 37

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend?

Слайд 38

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Это всё, что работает на сервере,

то есть «не в браузере» или «на компьютере, подсоединённом к сети (обычно к Интернету), который отвечает на сообщения от других компьютеров».

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Это всё,

Слайд 39

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Что такое теги? 

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Что такое теги?

Слайд 40

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Что такое теги? 

Кирпичики, из которых строится

сайт.

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Что такое

Слайд 41

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Что такое теги? 

Что делает тег img?


Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Что такое

Слайд 42

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Что такое теги? 

Что делает тег img?


Добавляет картинку.

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Что такое

Слайд 43

Закрепление материала 

Что такое интернет?

Что такое сервер?

Что такое backend?

Что такое теги? 

Что делает тег img?

Закрепление материала Что такое интернет? Что такое сервер? Что такое backend? Что такое

Имя файла: Курс-Основы-HTML-и-CSS.-Введение.pptx
Количество просмотров: 9
Количество скачиваний: 0