- •Конспект лекцій з дисципліни
- •Лекція 1. Принципи організації глобальної мережі Інтернет. Введення в Веб-технології: структура та принципи Веб.
- •Предмет курсу
- •Характеристика Інтернет
- •Стек протоколів tcp / ip
- •Система доменних імен dns
- •Структура і принципи www
- •Проксі-сервери
- •Протоколи Інтернет прикладного рівня
- •Лекція 2. Принципи побудови Веб-сайтів. Структура Веб застосуваннь. Характеристика мови html.
- •Історія розвитку html
- •Принципи гіпертекстової розмітки
- •Групи тегів нтмl
- •Лекція 3. Структура html-документа і елементи розмітки заголовка документа.
- •Призначення заголовка
- •Відображення змісту елемента title
- •Основні контейнери заголовка
- •Елемент розмітки head
- •Елемент розмітки title
- •Елемент розмітки base
- •Елемент розмітки meta
- •Елемент розмітки link
- •Елемент розмітки style
- •Елемент розмітки script
- •Лекція 4. Контейнери тіла документа.
- •Теги тіла документа
- •Тіло документа - контейнер body
- •Теги управління розміткою Заголовки
- •Атрибут аlign
- •Теги управління відображенням символів
- •Теги, що управляють формою відображення
- •Верхні і нижні індекси
- •Атрибут sizе
- •Атрибут соlоr
- •Створення списків в html
- •Атрибути маркерів у ненумерований списку
- •Коментарі в мові html
- •Гіпертекстові посилання
- •Лекція 5. Графіка.
- •Використання графіки в html.
- •Атрибут src
- •Атрибут alt
- •Атрибут аlign
- •Формати графічних файлів
- •Активні зображення
- •Зображення в мініатюрі
- •Лекція 6. Таблиці html.
- •Засоби опису таблиць в html
- •Створення таблиць в html
- •Атрибут nowrap
- •Атрибут соlspan
- •Атрибут rowspan
- •Атрибут widтн
- •Застосування порожніх клітинок
- •Атрибут сеllраdding
- •Атрибути аlign і valign
- •Атрибут border
- •Атрибут cellspacing
- •Атрибут bgcolor
- •Атрибут background
- •Використання таблиць в дизайні сторінки
- •Лекція 7. Використання html-форм
- •Html-Форми
- •Завдання форми - елемент form
- •Атрибут cols
- •Атрибут name
- •Атрибут rows
- •Алгоритм роботи фреймів
- •Створення простої сторінки з фреймами
- •Завдання фреймової структури
- •Підготовка вмісту фрейма
- •Підготовка фрейму main
- •Атрибути rows і соls
- •Атрибут rows
- •Атрибут сols
- •Атрибут nаме
- •Атрибут маrginwidth
- •Атрибут маrginheight
- •Атрибут scrolling
- •Атрибут noresize
- •Атрибут srс
- •Атрибут таrgет
- •Вкладені і множинні кадрові структури
- •Лекція 9. Призначення і застосування каскадних таблиць стилів css
- •Призначення css
- •Способи застосування css
- •Перевизначення стилю
- •Елемент style
- •Посилання на зовнішній опис
- •Імпорт опису стилів
- •Селектор - ім'я елемента розмітки
- •Селектор - ім'я класу
- •Селектор - ідентифікатор об'єкта
- •Спадкування й перевизначення
- •Лекція 10. Блокові і стрічкові елементи css
- •Блокові і стрічкові елементи
- •Елемент div
- •Елемент span
- •Властивості блоків
- •Відступи (margin)
- •Набивання (padding)
- •Рамка (border)
- •Обтікання блоку тексту
- •Лекція 11.Позиціонування у css
- •Координати і розміри
- •Абсолютні координати
- •Відносні координати
- •Лінійні розміри блоку
- •Управління видимістю
- •Порядок накладення і область видимості
- •Порядок накладення блоків. Z-index
- •Область видимості блоку. Clip
- •Лекція 12. Призначення та застосування JavaScript.
- •Метод join ()
- •Метод reverse ()
- •Метод sort ()
- •Оператори мови
- •Лекція 14. Об'єктна модель броузера.
Атрибути rows і соls
Для кожного рядка і стовпця, згаданих в тезі <FRAMESET>, необхідний свій набір тегів <FRАМЕ>.
Атрибут rows
Атрибут ROWS тега <FRAMESET> задає число і розмір рядків на сторінці. Кількість тегів <FRАМЕ> повинно відповідати зазначеному числу рядків. Праворуч від знаку "=" можна визначити розмір кожного рядка в пікселах, відсотках від висоти екрану або у відносних величинах (зазвичай це вказівка зайняти частину, що залишилася місця). Слід користуватися лапками й комами, а також залишати пробіли між значеннями атрибутів. Наприклад, наступний запис формує екран, що складається з трьох рядків: висота верхньої - 20 пікселів, середньої - 80 пікселів, нижньої - 20 пікселів:
<FRAMESET ROWS="20, 80, 20">
Наступний тег - <FRAMESET> - створює екран, на якому верхній рядок займає 10% висоти екрану, середня - 60%, а нижня - решту 30%:
<FRAMESET ROWS="10%, 60%, 30%">
Можна задати відносні значення в комбінації з фіксованими, вираженими у відсотках або пікселах. Наприклад, наступний тег створює екран, на якому верхній рядок має висоту 20 пікселів, середня - 80 пікселів, а нижня займає все місце, що залишилося:
<FRAMESET ROWS="20, 80, *">
Атрибут сols
Стовпці задаються так само, як рядки. Для них застосовуються ті ж атрибути.
Завдання вмісту фрейма - елемент FRАМЕ
Тег <FRАМЕ> визначає зовнішній вигляд і поведінка фрейму. Цей тег не має закриває тега, оскільки в ньому нічого не міститься. Вся суть тега <FRАМЕ> в його атрибути. Їх шість: NАМЕ, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE і SRC.
Атрибут nаме
Якщо ви хочете, щоб при клацанні мишею на посиланні відповідна сторінка відображалася в певному фреймі, необхідно вказати цей кадр, щоб сторінка "знала", що куди завантажувати. У попередніх прикладах ми назвали великою правий фрейм main, і саме в ньому з'являлися сторінки, вибрані з змісту в лівому фреймі. Фрейм, в якому відображаються сторінки, називається цільовим (target). Фрейми, які не є цільовими, іменувати не обов'язково. Наприклад, можна записати такий рядок:
<FRАМЕ SRC="my.html" NАМЕ="main">
Імена цільових фреймів повинні починатися з букви або цифри. Одні й ті ж імена дозволяється використовувати в декількох фреймових структурах. Після клацання миші відповідні сторінки будуть відображатися в іменованому фреймі.
Атрибут маrginwidth
Атрибут МАRGINWIDTH діє аналогічно атрибуту таблиць CELLPADDING. Він задає горизонтальний відступ між вмістом кадру і його межами. Найменше значення цього атрибута дорівнює 1. Не можна вказати 0. Можна не привласнювати нічого - за замовчуванням атрибут дорівнює 6.
Атрибут маrginheight
Атрибут МАRGINHEIGHT діє так само, як і МАRGINWIDTH. Він задає поля у верхній і нижній частинах фрейму.
Атрибут scrolling
Атрибут SCROLLING дає можливість користуватися прокруткою у фреймі. Можливі варіанти: SCROLLING = yes, SCROLLING = nо, SCROLLING = Аutо. SCROLLING = yes означає, що у фреймі завжди будуть смуги прокручування, навіть якщо це не потрібно. Якщо задати SCROLLING = no, смуг прокручування не буде, навіть коли це необхідно. Якщо документ занадто великий, а ви задали режим без прокрутки, документ просто буде обрізаний. Атрибут SCROLLING = Аutо надає браузеру самому вирішувати, потрібні смуги прокручування чи ні. Якщо атрибут SCROLLING відсутній, результат буде таким же, як при використанні SCROLLING = Аutо.