Відмінності між версіями «Створення веб-сторінок Одеська школа 27»

Матеріал з Iteach WIKI
Перейти до: Навігація, пошук
 
(не показані 20 проміжних версій 2 учасників)
Рядок 1: Рядок 1:
−
==Урок 1==
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_1 Урок 1] Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.
−
HTML (HyperText Markup Language) - мова розмітки гіпертексту.
+
  
−
HTML-документ (або Web-документ, або Web-сторінка) - текстовий файл з розширенням .htm або .html
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2] Розбиття тексту на логічні частини. Теги форматування тексту
−
який розмічений засобами мови HTML для відображення браузером на екрані комп'ютера.
+
  
−
Web-сайт - це сукупність Web-сторінок (від кількох до кількох тисяч), які об'єднані спільною темою і розміщені, як правило на одному комп'ютері (сервері) в мережі.
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_3 Урок 3] Списки в Web-документах
  
−
Розмітка (верстка) документа засобами HTML виконується у два етапи:
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_4 Урок 4] Таблиці в Web-документах
  
−
► документ розбивається на елементи: Заголовки, абзаци, малюнки, таблиці тощо;
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_5 Урок 5] Таблиці в Web-документах (продовження)
−
 
+
−
► для кожного елемента задається команда мови HTML, що називається тегом (або дескриптором)
+
−
 
+
−
<p style="font-size:16pt; color:blue;">
+
−
 
+
−
 
+
−
Структура веб-сторінки.</p>
+
−
 
+
−
<html>
+
−
 
+
−
<head>
+
−
 
+
−
<title> Заголовок сторінки</title>
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
Зміст сторінки
+
−
 
+
−
</body>
+
−
 
+
−
</html>
+
−
 
+
−
<h2 style = color:green;>Наприклад</h2>
+
−
 
+
−
<html>
+
−
 
+
−
<head>
+
−
 
+
−
<title> Сайт Петренко Федора</title>
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
Мене звати Петренко Федір. Я навчаюся в середній школі №27 м. Одеси. Люблю грати у футбол, плавати та слухати музику.
+
−
 
+
−
</body>
+
−
 
+
−
</html>
+

Поточна версія на 12:13, 10 жовтня 2012

Урок 1 Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.

Урок 2 Розбиття тексту на логічні частини. Теги форматування тексту

Урок 3 Списки в Web-документах

Урок 4 Таблиці в Web-документах

Урок 5 Таблиці в Web-документах (продовження)

Отримано з http://wiki.iteach.com.ua/index.php?title=Створення_веб-сторінок_Одеська_школа_27&oldid=274060