Лабораторна робота № 2
Створення та форматування СПИСКІВ
Мета роботи – навчитися створювати прості web-сторінки та надавати їм певного вигляду, використовуючи основні команди мови HTML.
Теоретичні відомостi
Стандарти HTML підтримують елементи для створення списків трьох видів: маркірованих, нумерованих, списків-визначень.
Маркірований список починається стартовим тегом <UL> і завершується тегом </UL>. Кожен елемент списка починається з тега <LI> і завершується (необов'язковим) тегом </LI>. Наприклад,
<UL>
<LI>Программирование</LI>
<LI>Алгоритмизация</LI>
<LI>Проектирование</LI>
</UL>
Тег <UL> має атрибут TYPE, що визначає зовнішній вид маркера:
<UL TYPE=тип_маркера>
Можливі значення атрибута TYPE:
disc (круг - форма за умовчанням),
circle (окружність),
square (квадрат).
Нумерований список формується парою тегів <OL> і </ OL>, а кожен елемент списку розташовується між тегами <LI> і </ LI> (тег </ LI> може бути відсутнім). Наприклад,
<OL>
<LI>Программирование</LI>
<LI>Алгоритмизация</LI>
<LI>Проектирование</LI>
</OL>
Тег <OL> (і вкладений <LI>) може мати атрибути TYPE і START:
<OL START=n TYPE=вид_ лічильника>
Атрибут TYPE задає вигляд лічильника, можливі значення якого наведені в таблиці 1, a START - початкове значення лічильника.
Таблиця 1.
Значення |
Функція |
A |
великі латинські літери (A, B, C...) |
a |
маленькі латинські літери (a, b, c...) |
I |
великі римські цифри (I, II, III...) |
i |
маленькі римські цифри (i, ii, iii...) |
1 |
арабські цифри (1, 2, 3...) |
Наприклад,
<OL TYPE = I START=15>
<LI>Программирование</LI>
<LI>Алгоритмизация</LI>
<LI>Проектирование</LI>
</OL>
Список визначень починається з тега <DL> і завершується тегом </ DL>. Даний список служить для створення списків типу "термін" - "опис". Терміни автоматично розміщуються по лівій межі сторінки, а їх визначення зміщені щодо них вправо. Кожен термін позначається тегом <DT>, а його опис - тегом <DD>:
<DL>
<DT>Отдел маркетинга
<DD>Данный отдел занимается продвижением товаров и услуг
<DT>Финансовый отдел
<DD>Данный отдел занимается финансовыми операциями
</DL>
В результаті браузер покаже наступне:
Будь-який список може бути вкладеним в інший список.
Варіанти завдань
Створити web-сторінку сірого кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
групи типів даних мови програмування Pascal (стандартні і нестандартні) - у вигляді нумерованого великими латинськими літерами списку, нумерація якого починається з літери D;
список означень, який визначає принцип формування кожної із цих груп;
класифікацію типів даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
a. Прості
І. Стандартні
цілі
дійсні
...
ІI. Нестандартні
обмежений
...
b. Складові
ІІІ. Масиви
ІV. Рядки
...
c. Посилальні
Створити web-сторінку жовтого кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
перелік функціональних складових ЕОМ - у вигляді нумерованого великими латинськими літерами списку, нумерація якого починається з літери N;
список означень, які коротко характеризують призначення кожної із цих складових;
ієрархічний склад зазначених вище функціональних складових - у вигляді списку, структура якого наведена нижче.
центральний процесор
1. АЛП
2. ...
...
пам’ять
1. постійна
2. ...
...
пристрої введення-виведення
1. .клавіатура
2. ...
...
Створити web-сторінку рожевого кольору із заголовком «Види списків». Наочно оформити на ній наступні списки:
різновиди способів представлення графічної інформації в ЕОМ (растрова і векторна графіка) - у вигляді маркірованого квадратами списку;
список означень, які коротко характеризують особливості кожного із цих способів представлення зображень;
класифікацію видів інформації, що може оброблятися ЕОМ - у вигляді списку, структура якого наведена нижче.
ІV. числова
1. цілі числа
2. ...
V. текстова
VІ. графічна
1. растрова графіка
2. ...
VІІ. звукова
Створити web-сторінку блакитного кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
перелік основних функцій ОС - у вигляді маркірованого квадратами списку;
означення базових складових файлової структури ЕОМ - у спосіб, наведений нижче.
C. Файл
З фізичної точки зору:
Означення
З логчної точки зору:
Означення
D. Каталог
З фізичної точки зору:
Означення
З логчної точки зору:
Означення
Створити web-сторінку світло-сірого кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
перелік принципів фон Неймана - у вигляді нумерованого римськими великими цифрами списку, нумерація якого починається з цифри Х;
список означень, які коротко характеризують сутність кожного із цих принципів;
різні співвідношення наступних одиниць вимірювання кількості інформації: кілобайт, мегабайт, гігабайт, терабайт. Спосіб формування списку наведений нижче.
-
1. Кілобайт (Кбайт)
210 байт
2. Мегабайт (Мбайт)
1024 Кбайт
220 байт
...
Створити web-сторінку бузкового кольору із заголовком «Спискові структури». Наочно оформити на ній наступні списки:
складові типи даних мови програмування Pascal - у вигляді нумерованого малими латинськими літерами списку, нумерація якого починається з літери m;
список означень, які визначають особливості формування кожного із цих типів даних;
класифікацію типів даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
Прості
І. Цілі
1. byte
...
ІI. Дійсні
6. real
...
Складові
ІІІ. Масиви
ІV. Рядки
...
Посилальні
Створити web-сторінку пурпурового кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
коди представлення цілих чисел в ЕОМ - у вигляді нумерованого римськими великими цифрами списку, нумерація якого починається з цифри ii;
список означень, які коротко характеризують особливості кожного із цих кодів;
класифікацію способів представлення цілих чисел в ЕОМ - у вигляді списку, структура якого наведена нижче.
коди представлення
іi. прямий
ііi. ...
...
форми представлення
ii. з фіксованою крапкою
iii. ...
Створити web-сторінку салатового кольору із заголовком «Структурні списки». Наочно оформити на ній наступні списки:
різновиди систем числення (позиційні, непозиційні) - у вигляді нумерованого малими латинськими літерами списку, нумерація якого починається з літери d;
список означень, які коротко характеризують особливості кожної із цих систем числення;
приклади систем числення кожного виду - у вигляді списку, структура якого наведена нижче.
V. Позиційні
десяткова
...
...
VІ. Непозиційні
римська
...
Створити web-сторінку жовтого кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
типи файлів даних мови програмування Pascal - у вигляді нумерованого великими римськими цифрами списку, нумерація якого починається з цифри VII;
означення різних видів файлів як структур даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
a. за типом
Типізовані файли
Означення
Нетипізовані файли
Означення
...
b. за методом доступу
Послідовного доступу
Означення
Прямого доступу
Означення
...
Створити web-сторінку світло-синього кольору із заголовком «Побудова списків». Наочно оформити на ній наступні списки:
перелік правил переведення із десяткової в інші системи числення (ділення, множення) - у вигляді маркірованого квадратами списку;
список означень, які коротко характеризують сутність кожного із цих правил;
класифікацію правил переведення чисел між різними системами числення. Спосіб формування списку наведений нижче.
5. із десяткової в інші системи числення
ділення
...
6. в десяткову систему числення
7.скорочені правила переведення чисел
із двійкової у вісімкову
...
....
Створити web-сторінку зеленого кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
різновиди базових алгоритмічних конструкцій мов програмування - у вигляді нумерованого арабськими цифрами списку, нумерація якого починається з цифри 3;
список означень, які коротко характеризують особливості кожної із зазначених вище алгоритмічних конструкцій;
класифікацію груп операторів мов програмування - у вигляді списку, структура якого наведена нижче.
1. присвоєння
2. розгалуження
І. умовний
ІІ. багатоваріантного вибору
3. циклічні
ІІІ. арифметичний цикл
ІV. ...
V ...
Створити web-сторінку пурпурового кольору із заголовком «Види списків». Наочно оформити на ній наступні списки:
типи файлів даних мови програмування Pascal - у вигляді маркірованого квадратами списку;
список означень, які коротко характеризують особливості кожного із цих типів файлів;
класифікацію файлів як структур даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
III. за типом
a. типізовані
b. нетипізовані
...
IV. за методом доступу
d. послідовного доступу
e. прямого доступу
Створити web-сторінку світло-рожевого кольору із заголовком «Спискові структури». Наочно оформити на ній наступні списки:
різновиди засобів введення / виведення даних у мові програмування С - у вигляді маркірованого квадратами списку;
список означень, які коротко характеризують особливості кожного із цих засобів;
класифікацію функцій введення / виведення мови програмування С - у вигляді списку, структура якого наведена нижче.
ii. форматованого введення / виведення
scanf
…
iii. потокового введення / виведення
cin
…
iv. введення / виведення символів
getch
…
…
v. введення / виведення рядків
gets
…
Створити web-сторінку світло-зеленого кольору із заголовком «Структурні списки». Наочно оформити на ній наступні списки:
різновиди базових алгоритмічних конструкцій мов програмування - у вигляді нумерованого арабськими цифрами списку, нумерація якого починається з цифри 4;
список означень, які коротко характеризують особливості кожної із зазначених вище алгоритмічних конструкцій;
класифікацію базових алгоритмічних конструкцій мов програмування - у вигляді списку, структура якого наведена нижче.
1. послідовність
2. розгалуження
ІІІ. умовний вибір
повна альтернатива
...
ІV. багатоваріантний вибір
3. цикли
І. арифметичний цикл
ІІ. ...
ІІІ ...
Створити web-сторінку бірюзового кольору із заголовком «Побудова списків». Наочно оформити на ній наступні списки:
різновиди прикладного програмного забезпечення ЕОМ (загального і спеціального призначення) - у вигляді нумерованого малими римськими цифрами списку, нумерація якого починається з цифри ііі;
список означень, які коротко характеризують особливості кожного із зазначених вище видів програмного забезпечення;
класифікацію прикладного програмного забезпечення ЕОМ - у вигляді списку, структура якого наведена нижче.
Загального призначення
a. Текстові редактори
b. СУБД
с. ...
...
Спеціального призначення
a. системи бухгалтерського обліку
b. ...
...
Створити web-сторінку рожевого кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
прості типи даних мови програмування Pascal - у вигляді нумерованого малими римськими цифрами списку, нумерація якого починається з цифри ііі;
відмінні особливості типів даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
Прості
Цілі
Відмінні особливості
Дійсні
Відмінні особливості
...
Складові
Масиви
Відмінні особливості
Рядки
Відмінні особливості
...
Створити web-сторінку світло-червоного кольору із заголовком «Види списків». Наочно оформити на ній наступні списки:
різновиди парадигм програмування - у вигляді маркірованого квадратами списку;
список означень, які коротко характеризують особливості кожної із парадигм;
класифікацію парадигм програмування - у вигляді списку, структура якого наведена нижче.
3. імперативне програмування
4. декларативне програмування
і) ...
іі)...
5. об'єктно́-орієнтоване програмування
Створити web-сторінку світло-фіолетового кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
основні класи програмного забезпечення ЕОМ (системне та прикладне) - у вигляді маркірованого списку;
список означень, які коротко характеризують сутність кожного із зазначених вище класів;
класифікацію програмного забезпечення ЕОМ - у вигляді списку, структура якого наведена нижче.
V. Системне
1. ОС
2. ...
...
VІ. Прикладне
1. загального призначення
графічні редактори
...
...
2. спеціального призначення
.автоматизовані робочі місця
.навчальні системи
..
...
Створити web-сторінку голубого кольору із заголовком «Спискові структури». Наочно оформити на ній наступні списки:
різновиди операцій мови програмування Pascal - у вигляді нумерованого арабськими цифрами списку, нумерація якого починається з цифри 12;
список означень, які коротко характеризують особливості кожної із зазначених вище груп операцій;
класифікацію операцій мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
Х. арифметичні
“+”
“-“
...
ХІ. порівняння
“>”
...
ХІІ. логічні
...
...
...
Створити web-сторінку салатового кольору із заголовком «Структурні списки». Наочно оформити на ній наступні списки:
різновиди операцій мови програмування Pascal - у вигляді нумерованого арабськими цифрами списку, нумерація якого починається з цифри 9;
список означень, які коротко характеризують особливості кожної із зазначених вище груп операцій;
перелік допустимих для різних типів даних мови програмування Pascal операцій - у вигляді списку, структура якого наведена нижче.
7. над цілими числами
a. арифметичні
b. ...
8. над символами
c. конкатенації
d. ...
9. над множинами
e. перетин множин
f. ...
...
Створити web-сторінку світло-бордового кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
перелік розділів програми на мові програмування Pascal - у вигляді нумерованого малими латинськими літерами списку, нумерація якого починається з літери f;
характеристику розділів програми на мові програмування Pascal - у спосіб, наведений нижче.
декларативна частина
Розділ підключення бібліотек
Призначення
Розділ опису констант
Призначення
…
операторна частина
Створити web-сторінку сірого кольору із заголовком «Побудова списків». Наочно оформити на ній наступні списки:
перелік стандартних функцій відкриття файлів даних мови програмування Pascal - у вигляді маркірованого окружностями списку;
список означень, які коротко характеризують особливості кожного із цих типів файлів;
перелік стандартних функцій обробки файлів даних Pascal - у вигляді списку, структура якого наведена нижче.
іі. відкриття файлу
a. REWRITE
b. …
...
ііі. запис у файл
d. WRITE
e. …
...
Створити web-сторінку бузкового кольору із заголовком «Структурні списки». Наочно оформити на ній наступні списки:
перелік методів динамічного розподілу пам’яті мові програмування Pascal - у вигляді нумерованого малими римськими цифрами списку, нумерація якого починається з цифри vi;
характеристику методів динамічного розподілу пам’яті у мові програмування Pascal - у спосіб, наведений нижче.
ііі. Метод New - Dispose
Переваги:
Сутність
Недоліки:
Сутність
iv. Метод GetMem -FreeMem
Переваги:
Сутність
Недоліки:
Сутність
v. Метод Mark- Relеase
Переваги:
Сутність
Недоліки:
Сутність
Створити web-сторінку світло-зеленого кольору із заголовком «Приклади списків». Наочно оформити на ній наступні списки:
основні групи типів даних мови програмування Pascal - у вигляді нумерованого великими латинськими літерами списку, нумерація якого починається з літери L;
список означень, який визначає принцип формування кожної із цих груп;
класифікацію типів даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
В. Прості
i. Порядкові
цілі
логічний
...
ii. Дійсні
С. Складові
iii. Масиви
iv. Рядки
...
D. Посилальні
Створити web-сторінку світло-фіолетового кольору із заголовком «Структурні списки». Наочно оформити на ній наступні списки:
різновиди параметрів підпрограм (фактичні і формальні) - у вигляді маркірованого окружностями списку;
список означень, які характеризують кожен із різновидів параметрів;
класифікацію параметрів підпрограм за різними критеріями - у вигляді списку, структура якого наведена нижче.
1. по механізму передачі
А. передаються за значенням
В. передаються за адресою
2. по способу взаємодії з підпрограмою
С. є тільки вхідним параметром
D. ...
E ...
Створити web-сторінку світло-рожевого кольору із заголовком «Cпискові структури». Наочно оформити на ній наступні списки:
різновиди архітектури центрального процесора ЕОМ (CISC, RISC) - у вигляді нумерованого арабськими цифрами списку, нумерація якого починається з цифри 7;
список означень, які коротко характеризують особливості кожної із цих архітектур;
приклади центральних процесорів, що підтримують кожну із архітектур - у вигляді списку, структура якого наведена нижче.
CISC
a. ...
b. ...
...
RISC
a. ...
b. ...
...
Створити web-сторінку блакитного кольору із заголовком «Види списків». Наочно оформити на ній наступні списки:
загальну структуризацію пам’яті ЕОМ (зовнішня і внутрішня) - у вигляді маркірованого окружностями списку;
список означень, які коротко характеризують призначення кожної із цих видів пам’яті;
ієрархічний склад зазначених вище видів пам’яті - у вигляді списку, структура якого наведена нижче.
ІІІ. Зовнішня пам’ять
1. дискети
2. ...
...
ІV. Внутрішня пам’ять
1. оперативна .пам’ять
2. ...
...
Створити web-сторінку фіолетового кольору із заголовком «Списки». Наочно оформити на ній наступні списки:
перелік різновидів трансляції програм - у вигляді маркірованого окружностями списку;
характеристику різновидів трансляції програм - у спосіб, наведений нижче.
ІХ. Інтерпретація
Переваги:
Сутність
Недоліки:
Сутність
Х. Компіляція
Переваги:
Сутність
Недоліки:
Сутність
Створити web-сторінку голубого кольору із заголовком «Побудова списків». Наочно оформити на ній наступні списки:
типи списків даних мови програмування Pascal - у вигляді нумерованого великими римськими цифрами списку, нумерація якого починається з цифри IV;
список означень, які коротко характеризують особливості кожного із цих видів списків;
класифікацію динамічних структур даних мови програмування Pascal - у вигляді списку, структура якого наведена нижче.
С. Списки
i. лінійні однозв'язні
черга
...
ii. лінійні дводнозв'язні
D. Дерева
iii. збалансовані
iv. …
Створити web-сторінку бузкового кольору із заголовком «Спискові структури». Наочно оформити на ній наступні списки:
перелік методів кодування звукової інформації - у вигляді маркірованого окружностями списку;
характеристику методів кодування звукової інформації - у спосіб, наведений нижче.
-
4. Метод частотної модуляції
Переваги:
Сутність
Недоліки:
Сутність
5. Метод таблично-хвильового синтезу
Переваги:
Сутність
Недоліки:
Сутність