Проектування та верстка веб-сторінок
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 Blank
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
22 questions
บทที่ 7 การใช้งาน PHP ร่วมกับฟอร์ม
Presentation
•
10th Grade
22 questions
Pemrograman
Presentation
•
9th Grade
24 questions
Histograms
Presentation
•
10th Grade
22 questions
jaringan komputer dan internet kelas 10
Presentation
•
10th Grade
25 questions
IGCSE CS - 1.4 Security
Presentation
•
9th - 11th Grade
26 questions
Reflections
Presentation
•
10th Grade
24 questions
Pengenalan Komputer Dasar
Presentation
•
10th Grade
24 questions
If, If Else & Relational Operators
Presentation
•
9th - 10th Grade
Popular Resources on Wayground
10 questions
5.P.1.3 Distance/Time Graphs
Quiz
•
5th Grade
10 questions
Fire Drill
Quiz
•
2nd - 5th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
22 questions
School Wide Vocab Group 1 Master
Quiz
•
6th - 8th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
12 questions
What makes Nebraska's government unique?
Quiz
•
4th - 5th Grade
