Проектування та верстка веб-сторінок
Presentation
•
Computers
•
10th Grade
•
Practice Problem
•
Medium
Марія Цимбал
Used 7+ times
FREE Resource
19 Slides • 13 Questions
1
Проектування та
верстка веб-сторінок
By Марія Цимбал
2
Multiple Choice
Веб-дизайнер опікується...
який вигляд матиме сайт
написанням коду, який відобразить браузер
просуванням сайту
захистом сайту від хакерів
3
Multiple Choice
Веб-розробник опікується...
який вигляд матиме сайт
написанням коду, який відобразить браузер у вигляді, як запропонував веб-дизайнер
просуванням сайту
захистом сайту від хакерів
4
Існує лише 2 напрямки для створення сайтів:
ручний та автоматизований
5
Автоматизоване створення сайтів - використовуються вже написані програмістами системи керування вмістом сайту (CMS)
Такі ресурсі важко (хоча і можливо) підлаштувати під свої конкретні потреби, які базово не передбачені, та дані сайти частіше піддаються хакерським атакам через свою відкритість коду.
6
Під час ручної розробки сайтів потрібно володіти мовами програмування
Мінімальний набір це:
7
Перший інструмент веб-розробника:
редактор коду
8
Розглянемо найпоширені редактори коду
9
Безкоштовний редактор від Microsoft, один з найпопулярніших, має відкритий вихідний код, властивості можна легко розширити
visual studio code
10
редактор тільки для Windows, програма дуже швидка, має багато інструментів для
розширення та персоналізації можливостей
Notepad++
11
Має безкоштовну та преміум версії.
Програма легка та швидка в роботі. Надає автодоповнення, підсвічування синтаксису, виділення синтаксичних помилок, можна додавати плагіни.
Sublime text 3
Ми будемо працювати з цим редактором.
12
Для розуміння процесу створення сайту необхідне опанування мови розмітки гіпертексту
13
Multiple Choice
Як називаються спец. програми для обробки HTML документів
браузери
редактори коду
середовища програмування
редактори презентацій
14
Multiple Choice
Гіпертекст - це
Текст, який ми вводимо в пошуковий рядок
браузера
Текст, написаний курсивом
Текст, який ми записуємо в зошиті
Ел. документ, що містить зв'язки з іншими ел. документами (зв'язки = гіперпосилання)
15
Бо за допомогою її лише можна вміло оформити та розташувати текст, зображення, таблиці. Та з обчисленням, змінними, циклами працювати неможливо.
HTML не є мовою програмування!!!
16
HTML-документи містяться у файлах з розширенням .htm або .html
17
Програмна частина будується на основі тегів
18
Різновиди тегів
19
...тобто можуть бути записані як великими, так і маленькими літерами
Теги не чутливі до регістра
20
Сторінка завжди починається з відкриваючого тегу <html> та закінчується тегом </html> і складається з двох обов'язкових блоків:
голови (head) і тіла (body), які записуються послідовно.
21
22
23
24
Multiple Choice
html- це
мова програмування
мова гіпертекстової розмітки
назва веб-сайту програмістів
текстовий документ
25
Multiple Choice
Файли з гіпертекстовою розміткою мають розширення
.docx
.css
.html
.jjk
26
Fill in the Blanks
Мітки, які розпізнає браузер, щоб правильно відобразити веб-сайт
Type answer...
27
Multiple Select
Обери парні теги
<h1></h1>
<hr>
<!-- -->
<html></html>
<br>
28
Multiple Select
Обери непарні теги
<meta>
<link>
<a> </a>
<img>
<body> </body>
29
Multiple Choice
Теги - регістрозалежні
так
ні
30
Multiple Choice
Сторінка html завжди починається з тегу ...
<body>
<head>
</html>
<html>
31
Multiple Choice
Сторінка html завжди закінчується тегом...
</html>
<html>
</head>
<p>
32
Multiple Choice
Сторінка має два обов'язкові блоки
h,p
html,css
head, body
<></>
Проектування та
верстка веб-сторінок
By Марія Цимбал
Show answer
Auto Play
Slide 1 / 32
SLIDE
Similar Resources on Wayground
25 questions
Horizontal Projectile Motion
Presentation
•
10th - 11th Grade
25 questions
[IGCS] Pseudocode
Presentation
•
9th - 10th Grade
26 questions
Sp. 3 Preterite Review
Presentation
•
9th - 10th Grade
23 questions
AQA SQL L2
Presentation
•
10th Grade
25 questions
Solving quadratics
Presentation
•
10th - 11th Grade
24 questions
Acids and Bases
Presentation
•
10th Grade
24 questions
Програмні засоби обробки документів. Комунікаційні технології.
Presentation
•
10th Grade
28 questions
Absolute Monarchs
Presentation
•
10th Grade
Popular Resources on Wayground
6 questions
PRIDE Always and Everywhere
Presentation
•
12th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
26 questions
KOR Review Kahoot Questions
Quiz
•
8th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
12 questions
Unit Zero lesson 2 cafeteria
Presentation
•
9th - 12th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
10 questions
Riddles Riddles fun Riddles
Quiz
•
6th - 12th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
