2 грудня о 18:00Вебінар: Предмет «Захист України» у школі: теоретичні засади, цікаві ідеї, поради для дистанційного навчання

HTML Лекції по Web-Design

Про матеріал

Курс HTML CSS складається з 13 уроків, які максимально повно описують можливості мови розмітки і каскадних таблиць стилів, таких необхідних у житті будь-якого веб-розробника, на прикладі створення елементарних і не дуже html сторінок і css файлів. Курс насичений не тільки багатством матеріалу, необхідного, як початківцю, так і професійному верстальщику, але і багатьма фактами як з минулого веб технологій так і тим, які відбудуться незабаром.

Перегляд файлу
Лекція 1. Вступ у веб-розробку.
1. Основи функціонування мережі Інтернету та Всесвітньої павутиниІнтернет (від Interconnected Networks – взаємоз’єднанні мережі) – всесвітня комп’ютерна мережа, яка об’єднує сотні мільярдів комп’ютерів та пристроїв по всьому світу. Протокол – набір правил та команд, які визначають спосіб обміну інформацією.Інтернет використовує протокол TCP/IP.
TCP (Transmission Control Protocol) – забезпечує надійну передачу даних між двома вузлами мережіIP (Internet Protocol) – відповідає за адресацію та маршртуризацію даних IP-адреса – числова адреса пристрою у мережіВикористовується IPv4 та IPv6 IPv4: 172.217.18.67 91.198.174.192
IPv4 – 4-х байтова адреса, яка дозволяє адресувати 4 294 967 296 пристроїв у мережіЗарезервовані діапазони:10.0.0.0 – 10.255.255.255172.16.0.0 – 172.31.255.255192.168.0.0 – 192.168.255.255127.0.0.0 – 127.255.255.255224.0.0.0 – 239.255.255.255240.0.0.0 – 247.255.255.255адреси у локальних мережах– петлевий інтерфейс – для multicast-розсилок– зарезервовано
Приклад IPv6 адреси: [2a03:2880:f12d:83:face:b00c:0:25de]IPv6 – 16-х байтова адреса, яка дозволяє адресувати 3.4*1038 пристроїв у мережіДоменне ім’я – ієрархічне ім’я, яке складається з імені домену та імен доменів, до яких входить вузолztu.edu.uagoogle.com.ua
ICANN (Internet Corporation for Assigned Names and Numbers) – міжнародна некомерційна організація для регулювання питань, пов'язаних з доменними іменами, IP-адресами і іншими аспектами функціонування Інтернету
Класифікація доменів:cc. TLD (country code Top-Level Domain) – національний домен верхнього рівня:ua, укр, us, ru, nl, …g. TLD (generic Top-Level Domain) – загальний домен верхнього рівня:com, org, net, info, biz, museum. IDN (Internationalized Domain Names) – доменні імена, які містять символи національних алфавітів
DNS-сервер – сервер, який обробляє запити на перетворення доменних імен в IP-адреси. Хостінг – послуга, що передбачає надання дискового простору для розміщення інформації на сервері, який має постійне з’єднання з Інтернетом.
Види хостінгу: Віртуальний хостінг (Virtual Hosting, Shared Hosting). Віртуальний виділений сервер (VPS - Virtual Private Server, VDS – Virtual Dedicated Server). Виділений сервер (Dedicated Server). Колокація (Collocation). Хмарний хостінг (Cloud Hosting).~ 100-300 грн./місяць~ 200-1000 грн./місяць~ 1000-4000 грн./місяць~ 500-1000 грн./місяцьоплата за використані ресурси
Сайт – сукупність веб-сторінок, доступних за певною адресою. Сайт = Домен + Хостінг + Інформація. Всесвітня павутина (World Wide Web) – сукупність усіх веб-сайтів, доступних в ІнтернетіДля перегляду сайтів використовують браузери
2. Огляд технологій, які використовуються у веб-розробціФронтенд Бекенд
3. Основи HMTLHTML (англ. Hyper. Text Markup Language — мова розмітки гіпертекстових документів)Гіпертекст — текст, який мість посилання на інші сторінки документи. HTML-код записується у звичайному текстовому документі. Для написання коду будемо використовувати Jet. Brains Web. Storm.
Тег — команда мови HTML. Теги поділяються на два види:одиночні (порожні);парні (контейнерні). Синтаксис одиночного тега:< =Приклади:
Поясненняім’я тегаатр1зн1атр. Nзн. N" title="Тег — команда мови HTML. Теги поділяються на два види:одиночні (порожні);парні (контейнерні). Синтаксис одиночного тега:< =" " … =" " />Приклади:
Поясненняім’я тегаатр1зн1атр. Nзн. N">
Синтаксис парного тега:< =Приклади:жирний текстжирний курсивний текст

Абзац тексту

ім’я тегаатр1зн1атр. Nзн. Nконтентім’я тега" title="Синтаксис парного тега:< =" " =" ">Приклади:жирний текстжирний курсивний текст

Абзац тексту

ім’я тегаатр1зн1атр. Nзн. Nконтентім’я тега">
Теги можуть вкладатися:<div><p><strong>текст</strong></p></div><ul> <li><strong>текст</strong></li> <li><strong>текст</strong></li> <li><strong>текст</strong></li></ul><p><img src=

" title="Теги можуть вкладатися:

текст

  • текст
  • текст
  • текст

">
Можна вводити спеціальні символи:
Або вводити за кодом:
4. Стандарти HMTLHTML (Hyper. Text Markup Language)XML (англ. Extensible Markup Language – розширювана мова розмітки) – стандарт для побудови мов розмітки ієрархічно структурованих даних. XHTML (Extensible HTML — розширювана мова розмітки гіпертексту)
W3 C (World Wide Web Consortium) - Консорціум Всесвітньої павутини
W3 C:головна міжнародна організація, що розробляє й впроваджує технологічні стандарти для Всесвітньої павутини;застована у 1994 році;очолює організацію Тім Бернерс-Лі;офіційний сайт: https://www.w3.org/
Зміст слайдів
Номер слайду 1

Лекція 1. Вступ у веб-розробку.

Номер слайду 2

1. Основи функціонування мережі Інтернету та Всесвітньої павутиниІнтернет (від Interconnected Networks – взаємоз’єднанні мережі) – всесвітня комп’ютерна мережа, яка об’єднує сотні мільярдів комп’ютерів та пристроїв по всьому світу. Протокол – набір правил та команд, які визначають спосіб обміну інформацією.Інтернет використовує протокол TCP/IP.

Номер слайду 3

TCP (Transmission Control Protocol) – забезпечує надійну передачу даних між двома вузлами мережіIP (Internet Protocol) – відповідає за адресацію та маршртуризацію даних IP-адреса – числова адреса пристрою у мережіВикористовується IPv4 та IPv6 IPv4: 172.217.18.67 91.198.174.192

Номер слайду 4

IPv4 – 4-х байтова адреса, яка дозволяє адресувати 4 294 967 296 пристроїв у мережіЗарезервовані діапазони:10.0.0.0 – 10.255.255.255172.16.0.0 – 172.31.255.255192.168.0.0 – 192.168.255.255127.0.0.0 – 127.255.255.255224.0.0.0 – 239.255.255.255240.0.0.0 – 247.255.255.255адреси у локальних мережах– петлевий інтерфейс – для multicast-розсилок– зарезервовано

Номер слайду 5

Приклад IPv6 адреси: [2a03:2880:f12d:83:face:b00c:0:25de]IPv6 – 16-х байтова адреса, яка дозволяє адресувати 3.4*1038 пристроїв у мережіДоменне ім’я – ієрархічне ім’я, яке складається з імені домену та імен доменів, до яких входить вузолztu.edu.uagoogle.com.ua

Номер слайду 6

ICANN (Internet Corporation for Assigned Names and Numbers) – міжнародна некомерційна організація для регулювання питань, пов'язаних з доменними іменами, IP-адресами і іншими аспектами функціонування Інтернету

Номер слайду 7

Класифікація доменів:cc. TLD (country code Top-Level Domain) – національний домен верхнього рівня:ua, укр, us, ru, nl, …g. TLD (generic Top-Level Domain) – загальний домен верхнього рівня:com, org, net, info, biz, museum. IDN (Internationalized Domain Names) – доменні імена, які містять символи національних алфавітів

Номер слайду 8

Номер слайду 9

DNS-сервер – сервер, який обробляє запити на перетворення доменних імен в IP-адреси. Хостінг – послуга, що передбачає надання дискового простору для розміщення інформації на сервері, який має постійне з’єднання з Інтернетом.

Номер слайду 10

Види хостінгу: Віртуальний хостінг (Virtual Hosting, Shared Hosting). Віртуальний виділений сервер (VPS - Virtual Private Server, VDS – Virtual Dedicated Server). Виділений сервер (Dedicated Server). Колокація (Collocation). Хмарний хостінг (Cloud Hosting).~ 100-300 грн./місяць~ 200-1000 грн./місяць~ 1000-4000 грн./місяць~ 500-1000 грн./місяцьоплата за використані ресурси

Номер слайду 11

Сайт – сукупність веб-сторінок, доступних за певною адресою. Сайт = Домен + Хостінг + Інформація. Всесвітня павутина (World Wide Web) – сукупність усіх веб-сайтів, доступних в ІнтернетіДля перегляду сайтів використовують браузери

Номер слайду 12

2. Огляд технологій, які використовуються у веб-розробціФронтенд Бекенд

Номер слайду 13

3. Основи HMTLHTML (англ. Hyper. Text Markup Language — мова розмітки гіпертекстових документів)Гіпертекст — текст, який мість посилання на інші сторінки документи. HTML-код записується у звичайному текстовому документі. Для написання коду будемо використовувати Jet. Brains Web. Storm.

Номер слайду 14

Тег — команда мови HTML. Теги поділяються на два види:одиночні (порожні);парні (контейнерні). Синтаксис одиночного тега:< =" " … =" " />Приклади:
Поясненняім’я тегаатр1зн1атр. Nзн. N

Номер слайду 15

Синтаксис парного тега:< =" " =" ">Приклади:жирний текстжирний курсивний текст

Абзац тексту

ім’я тегаатр1зн1атр. Nзн. Nконтентім’я тега

Номер слайду 16

Теги можуть вкладатися:

текст

  • текст
  • текст
  • текст

Номер слайду 17

Можна вводити спеціальні символи:

Номер слайду 18

Або вводити за кодом:

Номер слайду 19

4. Стандарти HMTLHTML (Hyper. Text Markup Language)XML (англ. Extensible Markup Language – розширювана мова розмітки) – стандарт для побудови мов розмітки ієрархічно структурованих даних. XHTML (Extensible HTML — розширювана мова розмітки гіпертексту)

Номер слайду 20

W3 C (World Wide Web Consortium) - Консорціум Всесвітньої павутини

Номер слайду 21

W3 C:головна міжнародна організація, що розробляє й впроваджує технологічні стандарти для Всесвітньої павутини;застована у 1994 році;очолює організацію Тім Бернерс-Лі;офіційний сайт: https://www.w3.org/

pptx
Додав(-ла)
Nechyporuk Ivan Mykolaiovych
До підручника
Інформатика (академічний, профільний рівень) 11 клас (Лисенко Т.І., Ривкінд Й.Я., Чернікова Л.А., Шакотько В.В.)
Додано
5 січня
Переглядів
481
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку