Введение в Webразработку (урок №1)

Август 12, 2022

Главная
Информатика
Введение в Webразработку (урок №1)

Содержание

7. Актуальность
8. Документ-оборот
9. Реклама
10. bleximo
11. prodimex
12. Цель курса Освоить в полной мере HTML и CSS. Наш курс будет идти примерно 2 месяца.
14. Что вы знаете о HTML?
15. HyperText Markup Language - Язык гипертекстовой разметки. В компьютерной терминологии гипертекст — это текст, сформированный с
16. Как работает HTML? Браузер - программа, которая читает HTML код и представляет его в виде веб-страницы
17. Детали HTML HTML - не язык программирования. HTML - язык разметки, то есть язык представления. Что
19. Версии HTML
20. Совместимость браузеров https://caniuse.com При разработке очень важную роль играет поддержка браузеров.
21. Войны браузеров 1995-1998 годы: NetScape Navigator Internet Explorer 2004 г. – настоящее время: Google Chrome Mozilla
22. Статистика https://gs.statcounter.com/browser-market-share/desktop/worldwide Вывод: используем браузеры Mozilla Firefox, Google Chrome, Opera Менее рекомендуемые: Edge (новые версии), Safari
23. Инструменты разработчика ctrl+shift+i ctrl+shift+c F12 ПКМ - Просмотреть код элемента Меню - Дополнительные элементы - Инструменты
24. Инструменты для разработки В принципе - любой текстовый редактор Sublime Text Atom Notepad++ phpStorm Рекомендую использовать
25. Знакомимся с редактором
26. Создание файла
27. Установка русской локализации
29. Скачать презентацию

Слайд 2

Слайд 3

Слайд 4

Слайд 5

Слайд 6

Слайд 7

Актуальность

Слайд 8

Документ-оборот

Слайд 9

Реклама

Слайд 10

bleximo

Слайд 11

prodimex

Слайд 12

Цель курса
Освоить в полной мере HTML и CSS.
Наш курс будет

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

Слайд 13

Слайд 14

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

Слайд 15

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

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

Слайд 16

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

его в виде веб-страницы

Слайд 17

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

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

Слайд 18

Слайд 19

Версии HTML

Слайд 20

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

Слайд 21

Войны браузеров
1995-1998 годы:
NetScape Navigator
Internet Explorer
2004 г. – настоящее время:
Google Chrome
Mozilla Firefox
Opera
Safari
IE

Слайд 22

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

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

Слайд 23

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

разработчика

Слайд 24

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

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

Слайд 25

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

Слайд 26

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

Слайд 27

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