Технології розробки вебсайтів
Сприйняття та осмислення нового матеріалу
ЗАСОБИ РОЗРОБКИ ВЕБ-САЙТІВ
Означення HTML-коду вебсторінки
Розробка вебсторінок здійснюється шляхом написання їх HTML-коду.
HTML - це мова, призначена для визначення структури та оформлення вебсторінок
Текстові редактори
Завдання (Блокнот):
Під керівництвом та з поясненням вчителяВідкрити Блокнот
Набрати в Блокноті своє прізвище та ім'я
Зберегти у папку Документи під назвою index.htm
Відкрити створений документ у браузері
Додати перед прізвищем тег <center>
Зберегти документ і перезавантажити сторінку в браузері
Завдання (Notepad++):
Під керівництвом та з поясненням вчителяСайт програмиВідкрити Notepad++
Набрати поточну дату
Зберегти у папку Документи під назвою page1.htm
Відкрити створений документ у браузері
Вирівняти дату по центру
Перевірити результат
Перед датою додати тег <font color=Blue>
Зберегти і перезавантажити сторінку в браузері
Текстові процесори
Завдання (LibreOffice Writer):
Під керівництвом та з поясненням вчителяВідкрити LibreOffice Writer
Набрати посередині синім кольором "Зима"
Вставити таблицю з одного рядка та трьох стовпчиків.
У комірках набрати назви зимових місяців
Вставити під таблицею малюнок на тему "Зима"
Зберегти документ у папку "Документи" у форматі HTML
Відкрити в браузері збережений документ (веб-сторінку)
Візуальні редактори HTML-коду
Завдання (LibreOffice Writer/Web):
Під керівництвом та з поясненням вчителяВідкрити LibreOffice та створити документ HTML
Набрати посередині зеленим кольором "Весна"
Вставити таблицю з одного рядка та трьох стовпчиків.
У комірках набрати назви весняних місяців
Вставити під таблицею малюнок на тему "Весна"
Перейти у режим первинного коду HTML
Зберегти документ у папку "Документи" у форматі HTML
Відкрити в браузері збережений документ (веб-сторінку)
МОВА РОЗМІЧУВАННЯ ГІПЕРТЕКСТОВИХ ДОКУМЕНТІВ HTML
Засоби, що реалізовані у мові HTML:
визначення структури тексту та його форматування;
створення гіперпосилань;
створення форм для реєстрації, опитування тощо;
додавання до тексту зображень, відео, звуку та інших об'єктів
HTML-код вебсторінки складається з:
тексту, який буде відображатися на вебсторінці;
тегів - команд, що визначають:
структурні елементи документа (заголовки, абзаци, таблиці, списки тощо);
формат тексту (колір символів, розмір, вид шрифту тощо);
встановлення та розміщення на сторінці не текстових об'єктів (графічних зображень, анімації, відео- та аудіофайлів тощо)
Приклад вебсторінки та її HTML-коду
Самостійна робота за комп'ютером
Підручник, с. 119, Працюємо з комп'ютером
Домашнє завдання
П. 4.2, с.114