Відмінності між версіями «Завдання по мові HTML»

Версія за 19:34, 23 вересня 2016

Завдання по мові HTML

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

1. Створити пошту на сайті Google
2. Знайти відповіді в інтернеті та опрацювати їх. ( КЭП ! =) )
3. Надіслати їх на пошту викладача даного предмету.

В темі листа необхідно вказати тему наступним чином : 36 hN <Прізвище та ім'я>, де N - номер завдання.
Приклад : 36 h1 Біндовський Антон. Лист відсилається на почту [email protected].

h 1

• Порівняти такі версії HTML:
  • HTML 3,2
  • HTML 4
  • HTML 5
  • ХHTML 1

h 2

• Знайти різницю у відображені тегів для роботи з текстом, при використанні різних браузерів:
  • Chrome
  • Mozilla Firefox
  • Safari

h 3

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

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

h 4

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

h 5

• створити текст, який буде відкидати тінь
  • підтримка в IE7 на вищий бал
• створити тінь від блоку (наприклад від блоку div../div)
  • підтримка в IE7 на вищий бал

h 6

• Створити три html документа зв'язаних між собою
• Посилання повинні змінювати свій зовнішній вигляд, наприклад:
  • При наведені курсора на посилання
  • Після переходу по посиланню
• Створити таблицю 10х10, та розфарбувати її як дошку для шахів.
  • застосовуючи псевдокласи

h 7

• Базовий рівень:
  • 1.1 Створити блок з заокругленими кутами ( з динамічною висотою та шириною ) (див. малюнок);
  • 1.2 Обов'язкове обтікання текстом заокруглених кутів.
  • 2.1 Зробити фонову картинку так щоб вона підлаштовувалась під розміри вікна браузера (background-size).
• Високий рівень:
  • Обов'язкова підтримка IE7;
  • Запропонувати свій варіант блока з заокругленими кутами (три div'и);
  • ознайомитись із селекторами before та after.

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 препроцесори.