Курс Основы 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 это все, что браузер может

Frontend / Backend

Frontend

Backend

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

/ или запускать. То есть это HTML, CSS и JavaScript.
Слайд 17

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

Frontend / Backend

Frontend

Backend

это всё, что работает на сервере, то есть «не в

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

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

Слайд 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?

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

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

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

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

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

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

Что такое backend?

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

Слайд 40

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

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

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

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

Что такое backend?

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

Кирпичики, из

которых строится сайт.
Слайд 41

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

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

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

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

Что такое backend?

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

Что делает

тег img?
Слайд 42

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

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

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

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

Что такое backend?

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

Что делает

тег img?

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

Слайд 43

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

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

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

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

Что такое backend?

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

Что делает

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