"Шлях до успіху"
Блог учителя математики та інформатики
13 жовтня 2020 р.
30 квітня 2019 р.
9 квітня 2019 р.
Створення web-сторінок
Hyper Text Markup Language (HTML) є стандартною
мовою, призначеною для створення гіпертекстових документів в середовищі WEB. HTML- документи можуть бути видимими різними типами WEB-браузеров. Коли документ створений з використанням
HTML, WEB-браузер може інтерпретувати HTML для виділення
різних елементів документа і первинної їх обробки. Використання HTML дозволяє
форматувати документи для їх уявлення з використанням шрифтів, ліній і інших
графічних елементів на будь-якій системі, що їх переглядає. Основна перевага HTML полягає в тому, що ваш документ може бути
проглянутий на WEB - браузерах різних типів і
на різних платформах.
Всі теги HTML починаються з "<" (лівої кутової
дужки) і закінчуються символом ">" (правої кутової дужки). Як
правило, існує стартовий тег і завершуючий тег. Для прикладу приведемо теги
заголовка, що визначають текст, що знаходиться усередині стартового і завершуючого
тега і заголовок документа:
<TITLE> Заголовок документа </TITLE>
Завершуючий тег виглядає
також, як стартовий, і відрізняється від нього прямим слешем перед текстом
усередині кутових дужок. У даному прикладі тег <TITLE> говорить WEB-браузеру про
використання формату заголовка, а тег </TITLE> - про завершення тексту
заголовка.
Структура документа HTML
Коли WEB-броузер отримує документ, він визначає, як документ
повинен бути інтерпретований. Найперший тег, який зустрічається в документі,
повинен бути тегом <HTML>. Даний тег
повідомляє WEB-броузеру, що ваш документ
написаний з використанням HTML. Мінімальний HTML-документ виглядатиме так:
<HTML> ...тіло документа... </HTML>
Заголовна частина
документа <HEAD>
Тег заголовної частини
документа повинен бути використаний відразу після тега <HTML> і більш ніде в тілі документа. Даний тег вдає
із себе загальний опис документа. Уникайте розміщувати який-небудь текст
усередині тега <HEAD>. Стартовий тег <HEAD> поміщається безпосередньо перед тегом <TITLE> і іншими тегами, що описують документ, а
завершуючий тег </HEAD> розміщується відразу після закінчення опису
документа. Наприклад:
<HTML>
<HEAD>
<TITLE> Список співробітників </TITLE>
</HEAD>
<HEAD>
<TITLE> Список співробітників </TITLE>
</HEAD>
Тіло документа <BODY>
Тіло документа повинне
знаходитися між тегами <BODY>
і </BODY>. Це та частина документа, яка відображається як текстова і
графічна (смислова) інформація вашого документа.
Тег абзацу <P>
У відмінності від
більшості текстових процесорів, в HTML-документе зазвичай ігноруються символи повернення каретки. Фізичний розрив абзацу
може знаходитися в будь-якому місці початкового тексту документа (для зручності
його читаності). Проте
броузер
розділяє абзаци тільки за наявності тега <P>.
Якщо ви не розділите абзаци тегом
<P>, ваш документ виглядатиме як один великий абзац.
Додаткові параметри тега
<P>:
<P ALIGN=left|center|right>
дозволяють вирівнювати
абзац по лівому краю, центру і правому краю відповідно.
Деякі теги форматування
тексту
HTML дозволяє використовувати різні стилі шрифтів для
виділення текстовій інформації у ваших документах. Ось короткий список стилів,
підтримуваних більшістю
броузеров:
· bold (жирний)
· italic (похилий)
· mono spaced (type writer - з використанням
фіксованих шрифтів)
· underline (підкреслений)
· strike (закреслений)
Ви можете комбінувати
різні види стилів, наприклад жирний і похилий.
Таблиця 4.1 – Теги стилю
тексту
Стиль
|
Елемент або тег
|
Результат
|
Bold
|
<B> Цей текст жирний
</B>
|
Цей текст жирний
|
Italic
|
<I> Цей текст похилий
</I>
|
Цей текст похилий
|
Mono spaced
|
<TT> Цей текст з непроп. шрифтом </TT>
|
Цей текст з непроп.
шрифтом
|
Underline
|
<U> Цей текст
підкреслений </U>
|
Цей текст підкреслений
|
STRIKE
|
<S> Цей текст
закреслений </S>
|
Комбінування стилів
дозволяє вам відображати в одному рядку декілька елементів різними стилями,
наприклад:
<b>Життя</b>
- <i>це <b>пісня!</b></i>
Життя - це пісня!
Додаткові стилі:
· big (великий)
· small (маленький)
· sub (підрядковий переклад)
· sup (надстрочник)
Таблиця
4.2 – Теги додаткових стилів тексту
Стиль
|
Елемент або тег
|
Результат
|
Big
|
Цей текст <BIG> великий
</BIG>
|
Цей текст великий
|
Small
|
Цей текст <SMALL> маленький
</SMALL>
|
Цей текст маленький
|
Sub
|
Цей текст <SUB> підрядковий
переклад </SUB>
|
Цей текст підрядковий переклад
|
Sup
|
Цей текст <SUP> надстрочник </SUP>
|
Цей текст надстрочник
|
Приклад використання цих тегов:
C<SUB><SMALL>2</SMALL></SUB>H<SUB><SMALL>5</SMALL></SUB>OH
C2H5OH
C2H5OH
Тег <FONT> дозволяє довільно визначати розмір шрифту, колір
шрифту і вид (family) шрифту. Змінити розмір
шрифту можна завданням атрибуту SIZE
таким чином
<FONT SIZE="n">
або <FONT SIZE="+n">, <FONT SIZE="-n">
Шрифт може мати розмір від
1 до 7. Ви можете прямо вказати розмір шрифту цифрою, або вказати зсув щодо
базового значення (за умовчанням - 3) в позитивну або негативну сторону. Базове
значення можна змінити за допомогою тега:
<BASEFONT SIZE="n">
Колір шрифту ви можете
змінити за допомогою тега
<FONT COLOR="color">
або <FONT COLOR="#??????">
Кольори можна задавати
назвами або завданням кількості червоного, зеленого і синього. У другому
випадку перед значенням кольору ставиться #, а потім по два байти
кожного кольору (RGB), виражені в шістнадцятковій
системі. Основні кольори представлені в таблиці кольорів.
Вид шрифту можна визначати
за допомогою тега <FONT FACE="family">, де "family" - назва шрифту. Якщо ви не указуєте назву
шрифту або якщо вказаний вами шрифт не встановлений в системі - браузер відобразить текст шрифтом встановленим за
умовчанням. Найбільш стандартними шрифтами є: ARIAL, TIMES, COURIER.
Приклад використання тега:
<FONT FACE="COURIER" SIZE="+1"
COLOR="green">Трохи зеленого
тексту</FONT>
Трохи зеленого тексту
Трохи зеленого тексту
Завдання:
1. Створити документ HTML. Для цього спочатку
створити директорію, у якій ви будете його зберігати. Потім в цій директорії
створити простій текстовий файл з розширенням .html. Наприклад,
in
dex.html. Це можна зробити
за допомогою будь-якого текстового редактора, що дозволяє створювати і
редагувати текстові файли. Таким редактором, що поставляється разом з Windows, є текстовий редактор NotePad (Блокнот). Можна використовувати будь-який
інший редактор текстів або спеціалізований редактор.
Зверніть увагу, що багато
текстових редакторів зберігають файли застосовуючи для них за умовчанням
розширення .txt. Щоб
уникнути цього потрібно в діалоговому вікні збереження файлу вказати повне ім'я
файлу разом з розширенням .html, а у випадному списку Тип файлу вибрати Всі файли *.txt. Результат вашої роботи
можна подивитися за допомогою веб-сервера-броузера Internet Explorer. Для цього можна
просто двічі кликнути лівою кнопкою миші по іконі файлу. Файли з розширенням .html за умовчанням відкриваються за
допомогою цієї програми.
2. В створений документ HTML внести наступний код:
<html>
<head>
<title>Мій перший крок</title>
</head>
<body>
<div align="center">
<b>Добрий день! Це моя перша сторінка! </b>
<br>
Ласкаво прошу! :) </div>
<p align="justify">
Я зовсім нещодавно почав знайомство зі створенням інтернет-сторінок, тому для початку я роблю просту сторінку! Ось вона яка!:)
</p>
<head>
<title>Мій перший крок</title>
</head>
<body>
<div align="center">
<b>Добрий день! Це моя перша сторінка! </b>
<br>
Ласкаво прошу! :) </div>
<p align="justify">
Я зовсім нещодавно почав знайомство зі створенням інтернет-сторінок, тому для початку я роблю просту сторінку! Ось вона яка!:)
</p>
<FONT FACE="COURIER" SIZE="+2"
COLOR="red">Заходьте до мене на сторінку!</FONT>
</body>
</html>
</body>
</html>
3. Збережіть зміни в
текстовому файлі. Виконайте команду Файл - Зберігти.
4. Відкрийте створений файл в
програмі інтернет-браузера. Продивіться отриману веб-сторінку.
5. Самостійно створіть
сторінку, використовуючи різні шрифти, параметри абзацу і кольорове забарвлення.
Приклад сторінки указаний на рисунку 4.1.
Начальнику
Петрову С.О.
Іванова О.М.
рапорт
Я,
Іванов О.М., що мешкаю за адресою:
Донецьк
вул.
Космонавтів
дім
7 кв. 126
прошу дозволити мені проживати на приватній
квартирі за адресою:
Слов’янськ
вул.
Батюка
дім 2, кв. 167
З правилами проживання та поведінки ознайомлений.
09.09.2018 підпис
Рисунок 4.1 – Завдання для
самостійного створення сторінки
6. В зошиті для практичних робіт записати тему, мету
заняття, основні теги мови розмітки гіпертексту, код сторінок для другого та
четвертого завдання. Написати висновок по роботі.
20 березня 2019 р.
16 березня 2019 р.
14 березня 2019 р.
Контрольна робота з теми «Бази даних. Системи управління базами даних»
І рівень
(тестові
завдання, за кожну правильну відповідь по 0,5 бала)
|
|||||||||||||||||||||
1. База
даних із табличною формою організації даних називається...
а)
мережевою;
б)
реляційною;
в)
ієрархічною
|
|||||||||||||||||||||
2.
Основним елементом бази даних є...
а) запис;
б) поле;
в) форма;
г)
таблиця;
д) запит;
е) звіт
|
|||||||||||||||||||||
3. До
основних властивостей поля належать: розмір, формат, підпис, ім’я,...
а)
функція;
б)
формула;
в) тип
|
|||||||||||||||||||||
4. Серед
представлених об’єктів СУБД укажіть неіснуючі:
а) таблиці
та запити;
б)
посилання та масиви;
в) форми
та звіти
|
|||||||||||||||||||||
5. Укажіть
порядок додавання на екран панелі інструментів форматування звітів та форм:
а) Вкладка
«Панель управління»;
б) Пункт
горизонтального меню «Сервіс»;
в) Вибрати
«Формат(звіт/форма»);
г) Пункт
спадаючого меню «Настройка»
|
|||||||||||||||||||||
6.
Установіть відповідність дій пункту горизонтального меню:
а) задати
пароль БД;
б)
створити макрос;
в)
встановити порядок запису об’єктів у робочої області
1. СЕРВІС
2. ВИД
3. ВСТАВКА
|
|||||||||||||||||||||
7. Звіти у
порівнянні з формами...
а) служать
для форматного виводу даних на пристрій друку;
б) мають
зменшену кількість розділів;
в) не
містять інформацію параметрів принтеру;
г) не
мають розділів верхнього та нижнього колонтитулів
|
|||||||||||||||||||||
8. Укажіть
кількість полів у наведеній базі даних
а) 3;
б) 7;
в) 6
|
|||||||||||||||||||||
II рівень
(завдання з короткими відповідями, за кожну
правильну відповідь по 1 балу)
|
|||||||||||||||||||||
1. Які
типи полів використовуються у таблицях БД?
|
|||||||||||||||||||||
2. Які
існують способи побудови таблиць у БД?
|
|||||||||||||||||||||
3. Назвіть
основні правила побудови логічних виразів під час пошуку інформації у БД
|
|||||||||||||||||||||
4. 3 якою
метою використовують звіти?
|
|||||||||||||||||||||
III рівень
(завдання з розгорнутою відповіддю, за кожну
правильну відповідь по 2 бала)
Практичне виконання завдань
|
|||||||||||||||||||||
1.
Створіть базу даних «Міста України», яка має поля: місто, рік заснування,
площа, населення, кількість районів.
Заповнити
БД інформацією:
Житомир
900р, 6,1 тис га, 292 тис,
Дніпропетровськ, 1776р, 396 тис га 1217 тис, 8
Донецьк,
1869р, 358 тис га, 1100 тис, 9
Запоріжжя,
1770 р, 358 тис га, 891 тис, 9
|
|||||||||||||||||||||
2.
Створіть форму для вводу даних, яка має структуру:
·
у форму ввести усі поля;
·
вид форми — стрічковий;
·
стиль — глобус.
Створить у
формі для її закриття кнопку «Закрити».
Відсортуйте
базу даних за зростанням кількості населення
|
Підписатися на:
Дописи (Atom)