Завдання ПВЗ МП

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук

Загальні питання роботи мережі Інтернет.

Для того щоб відповідати на дані завдання, треба:

Створити пошту на сайті Google

Знайти відповіді в інтернеті та опрацювати їх. ( КЭП ! =) )

Надіслати їх на пошту викладача даного предмету.

В темі листа необхідно вказати тему наступним чином : КНМП iN <Прізвище та ім'я>, де N - номер завдання. Приклад :

КНМП i1 Біндовський Антон.

Лист відсилається на пошту [email protected]

i3

  • Порівняти web 1.0 та web 2.0.
  • Що таке web 3.0? (згадати обидва підходи)
  • Відповіді зробити в googleDOCS або надіслати в тексті листа.

i5

  • Описати кожен з трьох форматів, включаючи принцип формування кожного з файлів(вказати де який формат краще використовувати):
    • GIF;
    • JPG;
    • PNG.
  • Провести експеримент з форматом GIF:
    • Створюємо малюнок який складатиметься лише з горизонтальних ліній, та зберігаємо його.
    • Перевертаємо малюнок на 90 градусів, зберігаємо іншим файлом
    • Порівнюємо отримані результати, та пояснюємо, що й чому трапилось.
  • Беремо GIF-ку з попереднього пунктика, зберігаємо її в JPEG 3 рази, з різними ступенями стиснення. Описуємо: "що й чому трапилось".
  • Взяти малюнок з ліліями з Windows.
    • Зменшити пропорційно його розміри ( до 300 пикселів по ширині )
    • Зберегти отриманий малюнок в максимальній якості в форматах JPG, PNG. GIF.
    • Зробити висновок про те, який формат кращий.

i6

  • Чим відрізняються URI, URN та URL.

i7

  • Що таке CMS, вибрати три найпопулярніші та порівняти її (безкоштовних, на основі описів, встановлювати не треба)

i8

  • Описати та порівняти наступні протоколи для роботи з поштою:
    • IMAP
    • SMTP

i9

  • Он-лайн математичні пакети. (sagemath та два інші)
  • Зробити порівняльний аналіз їх можливостей з точки зору зручності використання в навчальному процесі.

i10

  • Ознайомитися з функціоналом та можливостями Google Docs (текстові документи, електронні таблиці, презентації)
  • Ознайомитися з функціоналом та можливостями Zoho Docs (текстові документи, електронні таблиці, презентації)
  • Створити презентацію з порівняльним аналізом можливостей вказаних сервісів та надати викладачу доступ до неї.

HTML та CSS

Завдання цього розділу здати потрібно на сесії

h 3

  • Зробити точну копію "сторінки відвідування" журналу.

Table for webdev.png Table ps.png

  • В 2-5 комірках зправа розмістити текст за напрямком: вертикально (необов'язково)

h 4

  • Базовй рівень "stage I"
  • оформити структуру сайту з "шапкою" сайту, трьома колонками та "підлогою".
    • "резинова" структура з трьох колонок.
  • Високий рівень "stage II"
    • + правильний порядок колонок <main>..</main> блоку
  • Найвищий рівень "stage III"
    • + колонки мають бути однакової висоти незалежно від вмісту. (засобами html та css)

H4 stage1.png H4 stage2.png H4 stage3.png


h 8

  • CSS3+HTML5

Зробити демонстраційну HTML сторінку, на якій використати та описати структурні теги HTML5 (header, main, aside, footer, article, menu, nav, section), описати як змусити ІЕ(7-8) "розуміти" нові теги.

На сторінці Css селектори зробити переклад призначення селекторів (колективно).

Базовий рівень:

Знати призначення та вміти використовувати селектори 1 та 2 рівнів

Високий рівень:

Зробити демонстраційні приклади використання всіх селекторів.


h 9

  • CSS та HTML препроцесори

Зробити одне з попередніх завдань використовуючи CSS та HTML препроцесори. (наприклад на codepen.io)


JavaScript

J3

Регулярні вирази

  • Створити форму з полями та перевірити правильність їх заповнення:
    • Базовий рівень:
      • Ім'я та прізвище:
        • Два слова, обидва з великої букви;
        • Підтримка подвійних імен/прізвищ;
      • Дата народження:
        • Формат ДД.ММ.РР або ДД.ММ.РРРР;
        • Роздільний символ "." або "/";
      • Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F;
    • Високий рівень:
      • Знайти універсальну перевірку правильності введення адреси електронної пошти;
      • До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31;
      • До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)

J4

  • Базовий рівень:
    • Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке);
    • По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів);
  • Високий рівень:
    • Реалізувати виїзд всіх трьох блоків за допомогою однієї функції.

J6

  • Базовий рівень:
    • Повторити завдання j4 (jquery або інша)
  • Високий рівень:
    • Знайти та розібратись з Lightbox (jquery або інша)
    • Зробити гармошку (jquery або інша)

PHP

P2

  • Ознайомитися з розділом PHP ООП.
  • Базовий рівень:
    • Створити форму, з полем для вводу імені файлу та кнопкою, при натиснені на яку, буде виведено весь зміст файлу на екран.
    • Додати в формі два параметри: початок та кінець частини файлу яку треба вивести.
      • якщо параметр який відповідає початку частини файлу, що потрібно вивести, не вказаний, виводимо частину з самого початку файлу до вказаної позиції (кінця потрібної частини), якщо ж не вказано кінець потрібної частини, то виводимо з потрібної позиції до кінця файлу.
  • Високий рівень:
    • Дописувати в кінець файлу:
      • дату останнього відкриття файлу;
      • параметри з якими був відкритий файл;
    • Сторінка має відповідати MVC.

P3

  • Базовий рівень:
    • Створити скрипт, який буде читати та виводити на екран у вигляді таблиці інформацію з бази даних. Також створити форму для можливості дописувати нову інфу в базу даних.
  • Високий рівень:
    • Біля кожного запису, що виведено на екран з БД, повинна з'явитись кнопка. При натиснені на ці кнопки, відповідні записи мають бути вилучені з БД;
    • Сторінка має відповідати "MVC".