Файл: Лекция 2 основы html преподаватель Смагина Е. П.pptx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 30.11.2023

Просмотров: 15

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
WEB-ТЕХНОЛОГИИ
Лекция 2
ОСНОВЫ HTML

Преподаватель: Смагина Е.П.
Вакансии для веб-разработчика
Вакансии для веб-разработчика
Вакансии для веб-разработчика
Языки программирования

PHP
JavaScript ( и его производные Elm, TypeScript, ClojureScript)
Ruby
Python
Java/Kotlin/Scala
C#

Классификация web-технологий

Frontend - исполняемые на клиенте средствами обозревателя Интернет
HTML, CSS, JavaScript
+ вспомогательные технологии их разработки LESS, SAAS, Gulp, WebPack
Backend - исполняемые на сервере средствами веб-сервера
SSI, PHP, ASP, Python
связанные с ними системы: MySQL, PostgreSQL, MSSQ

Редакторы кода

Sublime Text 3
Atom(GitHub Inc)
Visual Studio Code(Microsoft) https://code.visualstudio.com/ 
WebStorm(JetBrains)
Notepad++

Справочная информация

https://htmlacademy.ru/
https://html5book.ru/
https://developer.mozilla.org/ru/org/ru/
Статья об интеграции Git в Visual Studio Code: https://code.visualstudio.com/
Установка и настройка Git https://vasilevs-uni.notion.site/Git-1022b2628ea3469f962a9bc162a0b0db
Статья "Хостинг статического сайта на GitHub": https://htmlacademy.ru/blog/boost/tools/github-as-hosting
https://tproger.ru/translations/how-css-flexbox-works/ (справка по flex)
https://habr.com/ru/company/mailru/blog/248745/ (Лекции Технопарка. 1 семестр. Web-технологии)

Система контроля версий

Git - распределенная система контроля версий
Отслеживать изменения в файлах
Сравнить файлы
Вернуться к ранним версиям
Хранить несколько версий одного и того же документа
Совместная работа над одним проектом

Система контроля версий Git
GitHub

GitHub – cервис онлайн-хостинга репозиториев, обладающий всеми функциями распределенного контроля версий и функциональностью управления исходным кодом.
Git-репозиторий, загруженный на GitHub, доступен с помощью интерфейса командной строки Git и Git-команд.

Начало работы

Зарегистрироваться на GitHub: https://github.com/
Создать репозиторий на GitHub с именем: username.github.io
Клонируйте репозиторий с GitHub в VisualCode, для авторизации необходимо использовать токен.
Создайте файл index.html
Сделайте commit (Initial commit) - сохраните изменения в локальный репозиторий.
Сделайте push - сохраните изменения в удаленный репозиторий.

HTML

HyperText Markup Language — «язык гипертекстовой разметки»

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

Структура html-документа
Структура html-документа
HTML-теги
Теги тела документа
...

...



...

...

…

Теги тела документа













      ------------------------------------


------------------------------------ ссылка
------------------------------------

png, jpg, bmp, gif, svg
------------------------------------

абзац текста

html - cсылки

+7 (495) 123-45-67
example@mail.ru
Skype
Лето

Рассказ о лете…


метод доступа://имя сервера:порт/путьHTML
--------------------------------------
Target_self страница загружается в текущее окно;
Target_blank страница открывается в новом окне браузера;
текст ссылки
html - таблицы
html - формы






Смотрите также файлы