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

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(h 9 extra)
Рядок 74: Рядок 74:
 
** '''block1''' та '''block3''' будуть закріплені попіксельно "по краям екрану";
 
** '''block1''' та '''block3''' будуть закріплені попіксельно "по краям екрану";
 
** '''block1''' та '''block3''' будуть мати однаковий розмір незалежно від вмісту;
 
** '''block1''' та '''block3''' будуть мати однаковий розмір незалежно від вмісту;
** '''block2''' має розтягуватись в ширину залежно від розміру вікна (''між block1 та block3'')  
+
** '''block2''' має розтягуватись в ширину залежно від розміру вікна (''між block1 та block3'') ;
 +
* Обов'язковою є робота в браузері IE6+;
 
[[Файл:Blocks_gor_webdev.png|300px]]
 
[[Файл:Blocks_gor_webdev.png|300px]]

Версія за 12:31, 8 вересня 2015

Завдання по мові 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

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

Table for webdev.png Table ps.png

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

h 4

  • красиво оформити структуру сайту з трьома колонками (колір, фон, розмір...).
  • зробити колонки однакової висоти (CSS).

h 5

  • створити текст, який буде відкидати тінь
  • створити колонку яка матиме фіксовані координати відносно вікна браузера

h 6

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

h 7 (Верстка)

  • створити блок з заокругленими кутами ( звичайно ж з динамічною висотою та шириною )
  • зробити фонову картинку так щоб вона підлаштовувалась під розміри вікна браузера.

h 8

  • CSS3+HTML5

Зробити демонстраційну HTML сторінку, на якій використати та описати не менше 4 нових тегів (з HTML5) та 7 нових властивостей (з CSS3).


h 9 extra

  • Засобами HTML та CSS створити сторінку за зразком нище, на якій:
    • Буде міститись блок шапки - heared
    • block1 та block3 будуть закріплені попіксельно "по краям екрану";
    • block1 та block3 будуть мати однаковий розмір незалежно від вмісту;
    • block2 має розтягуватись в ширину залежно від розміру вікна (між block1 та block3) ;
  • Обов'язковою є робота в браузері IE6+;

Blocks gor webdev.png