1_Введение в Web-разработку

Содержание

Слайд 2

Что вы знаете о HTML?

Что вы знаете о HTML?

Слайд 3

HyperText Markup Language - Язык гипертекстовой разметки. В компьютерной терминологии гипертекст

HyperText Markup Language - Язык гипертекстовой разметки.
В компьютерной терминологии гипертекст —

это текст, сформированный с помощью языка разметки (например, HTML) с расчётом на использование гиперссылок. (Википедия)
Используется для создания сайтов
Слайд 4

Как работает HTML? Браузер - программа, которая читает HTML код и представляет его в виде веб-страницы

Как работает HTML?

Браузер - программа, которая читает HTML код и представляет

его в виде веб-страницы
Слайд 5

Детали HTML HTML - не язык программирования. HTML - язык разметки,

Детали HTML

HTML - не язык программирования.
HTML - язык разметки, то есть

язык представления.
Что мы напишем, то мы и увидим.
Слайд 6

Слайд 7

Версии HTML

Версии HTML

Слайд 8

Совместимость браузеров https://caniuse.com При разработке очень важную роль играет поддержка браузеров.

Совместимость браузеров

https://caniuse.com
При разработке очень важную роль играет поддержка браузеров.

Слайд 9

Войны браузеров 1995-1998 годы: NetScape Navigator Internet Explorer 2004 г. –

Войны браузеров

1995-1998 годы:
NetScape Navigator
Internet Explorer

2004 г. – настоящее время:
Google Chrome
Mozilla Firefox
Opera
Safari
IE

Слайд 10

Статистика https://gs.statcounter.com/browser-market-share/desktop/worldwide Вывод: используем браузеры Mozilla Firefox, Google Chrome, Opera Менее

Статистика

https://gs.statcounter.com/browser-market-share/desktop/worldwide
Вывод: используем браузеры Mozilla Firefox, Google Chrome, Opera
Менее рекомендуемые: Edge (новые

версии), Safari
Забыть: Internet Explorer и ВСЕ СТАРЫЕ ВЕРСИИ БРАУЗЕРОВ!
Слайд 11

Инструменты разработчика ctrl+shift+i ctrl+shift+c F12 ПКМ - Просмотреть код элемента Меню

Инструменты разработчика

ctrl+shift+i
ctrl+shift+c
F12
ПКМ - Просмотреть код элемента
Меню - Дополнительные элементы - Инструменты

разработчика
Слайд 12

Инструменты для разработки В принципе - любой текстовый редактор Sublime Text

Инструменты для разработки

В принципе - любой текстовый редактор
Sublime Text
Atom
Notepad++
phpStorm
Рекомендую использовать Visual

Studio Code (Не путать с Visual Studio)
Ссылка на скачивание
Слайд 13

Знакомимся с редактором

Знакомимся с редактором

Слайд 14

Создание файла

Создание файла

Слайд 15

Установка русской локализации

Установка русской локализации