- •Конспект лекцій з дисципліни
- •Лекція 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. Об'єктна модель броузера.
Атрибут noresize
Як правило, користувач може, переміщаючи кордон фрейму мишкою, змінити його розмір. Це зручно, але не завжди. Іноді потрібно атрибут NORESIZE. Пам'ятайте: всі межі фрейму, для якого ви задали NORESIZE, стають нерухомими - відповідно, може виявитися так, що розміри сусідніх фреймів теж стануть фіксованими. Скористайтеся цим атрибутом з обережністю.
Атрибут srс
Атрибут SRС застосовується в тезі FRАМЕ при розробці фреймової структури для того, щоб визначити, яка сторінка з'явиться в тому чи іншому кадрі. Якщо ви задасте атрибут SRС не для всіх фреймів, у вас виникнуть проблеми. Навіть якщо веб-сторінки, що відображаються у фреймі, вибираються в сусідньому фреймі, ви повинні принаймні задати для кожного фрейма початкову сторінку. Якщо ви не вкажете початкову сторінку і URL, фрейм виявиться порожнім, а результати можуть бути найнесподіванішими.
Атрибут таrgет
Щоб розібратися з атрибутом ТАRGЕТ, необхідно повернутися до простого прикладу з кадром змісту. Коли користувач клацає мишкою на одній з посилань у лівому фреймі, відповідна сторінка повинна з'явитися в правому фреймі, а зміст залишається незмінним. Щоб цього досягти, потрібно визначити цільової фрейм ТАRGЕТ, в якому буде відображатися сторінка для кожного пункту змісту. Цільові фрейми задаються в посиланнях лівого фрейму. Ось навіщо всім кадрів у фреймової структурі були присвоєні імена. Правий фрейм називається main, так що потрібно в кожному посиланні додати атрибут ТАRGЕТ = "main", в результаті чого відповідна сторінка з'явиться у фреймі main. Зверніть увагу: кожна посилання містить атрибут ТАRGЕТ = "main", який по клацанню миші відображає сторінку у фреймі main.
Атрибут ТАRGЕТ можна задавати для кількох різних тегів. При використанні в теге <ВАSЕ> він спрямовує всі посилання в певний цільової фрейм, якщо надалі не передбачено інше. Можна задати атрибут ТАRGЕТ в теге <АRЕА> в активному зображенні або в теге <FОRМ>. Фрейми корисні для організації форм. Користувачі будуть бачити одночасно і форму, і результат свого вибору. Зазвичай при клацанні мишею кнопки Submit форма зникає, і з'являється сторінка з результатами вибору. Поєднання форм і фреймів може виявитися зручним способом навігації.
Вкладені і множинні кадрові структури
Вкладені фрейми не дуже сприяють навігації. Та все ж бувають випадки, коли виникає потреба розмістити одні фрейми всередині інших. Фрейми самі по собі - незвичайне засіб навігації, і немає чого ще більш ускладнювати свої сторінки. Але якщо вам все ж потрібні вкладені фрейми, то вони не викликають проблем.
В основному вкладені фрейми діють так само, як вкладені таблиці. Задайте кадрову структуру, а усередині якого-небудь фрейму в ній - ще одну структуру. Необхідно пам'ятати, що тег <FRАМЕ> не має закриває тега. Ви, напевно, помітили, що при роботі з фреймами не використовуються атрибути <СОLSРАN> і <ROWSРАN>. Їх роль відіграють множинні, або вкладені, фрейми. Задавши всередині однієї осяжний фреймової структури дві незалежні підструктури, можна помістити в лівій частині екрана стовпець з двох, а в правій - із трьох фреймів.
Рис. 7.2.
