- •Лекція 1
- •Універсальна адреса ресурсу
- •Коди спеціальних символів
- •Базові елементи
- •Гіперпосилання
- •Форматування документа
- •Графіка
- •Програма Microsoft FrontPage. Режими роботи
- •Приклади програм.
- •Лекція №2
- •Основи web-дизайну у програмі FrontPage
- •Лабораторна робота №1
- •Теоретична частина
- •Хід роботи
- •3. Відкрийте файл file1.Htm у броузері.
- •4. Поекспериментуйте з різними значеннями кольорів (green, white, yellow, blue, #ffaa55 тощо) параметрів bgcolor і text.
- •Основна література
- •Алексеев а.П. Информатика 2001. – м., «солон-р», 2001. – 353 с.
- •Безручко в.Т. Практикум по курсу «Информатика». Работа в Windows, Word, Excel: Учебное пособие. – м.: Финансы и статистика, 2002. – 272 с.
- •Питання та завдання для самоконтролю та самоперевірки
- •Завдання для самостійної роботи з теми:
- •«Створення Web-документів»
- •Контрольні питання
- •Лабораторна робота №2
- •Методичні вказівки для студентів
- •Уміст контейнера (текст)
- •Хід роботи:
- •Основна література
- •Питання та завдання для самоконтроля та самоперевірки
- •Лабораторна работа№3
- •Методичні вказівки для обговорення
- •А тепер можна перейти на початок сторінки.
- •Хід роботи:
- •Основна література
- •Питання та завдання для самоконтролю та самоперевірки
А тепер можна перейти на початок сторінки.
4. Вставляння звуку і відеозображення. Важливо пам'ятати, що звукові файли мають розширення назв au, wav, mid, midi, ra, а відеофайли — avi, vivo, mpeg. Щоб вставити звук чи відео, достатньо як значення параметра HREF у тезі гіперпосилання задати шлях до відповідного звукового чи відеофайлу, який вже є на диску, наприклад, так:
Тепер <А HREF="mysound.wav">
послухайте мене (150К) </А>.
Текст «послухайте мене (150К)» стане гіперпосиланням, клацнувши на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана, наприклад, за допомогою програми Фонограф у файл "mysound.wav" обсягом 150 Кбайт. Оскільки звукові та відеофайли завантажуються довго, рекомендують зазначати у гіперпосиланнях їхні обсяги в кілобайтах.
Щоб звуковий чи відеоефект повторювався декілька разів, у тезі <А> використовують параметр LOOP=n, де п -кількість повторень.
Щоб звук з деякого файлу пролунав у момент запуску сторінки, потрібно використати тег <BGSOUND SRC = "адреса звукового файлу">.
Інший спосіб - використайте тег <EMBED SRC="адреса звукового файлу"> і, крім звукового ефекту, отримаєте на екрані магнітофонну панель для регулювання тривалості й сили звуку, припинення звучання, продовження тощо.
5. Поняття про динамічні ефекти. Динамічними називаються ефекти, коли графічні зображення на web-сторінці змінюються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст "біжить" уздовж екрана тощо.
Розглянемо ефект рухомого тексту у смузі, що має висоту HEIGHT ="висота в пікселях" і тло BGCOLOR ="колір тла". Ефект створюється за допомогою парного тега <MARQUEE>...</MARQUEE>, а саме:
<MARQUEE BGCOLOR="green" HEIGHT = 40>
Хай завжди буде coнцe!</MARQUEE>
Текст "Хай завжди буде сонце!" буде рухатись в смузі справа наліво, заходитиме за край екрана і з'являтиметься справа. Цей тег варто застосовувати до заголовків сторінки.
Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = "alternate", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide".
Значення "right" параметра DIRECTION забезпечить ефект руху у протилежний бік.
Обмеження кількості проходів задається параметром LOOP= n, де п - кількість проходів.
Смугу можна відцентрувати за допомогою параметрів HSPASE і VSPACE.
Швидкість руху задає параметр SCROLLAMOUNT= n, де п - конкретне значення, яке вибирають з діапазону від 1 (повільно) до 10 (швидко).
Зауваження. Інші динамічні ефекти створюють за допомогою процедур з використанням мов програмування Visual Basic Script чи JavaScript. Немає єдиного стандарту мови HTML. Деякі теги чи їхні параметри не діють у всіх броузерах. Деякі теги і параметри для різних броузерів називаються по-різному. Якщо в написанні тега, назви параметра чи в його значенні допущено синтаксичну помилку, то тег чи параметр не діятимуть.
Хід роботи:
Відкрийте свою web-сторінку або створіть нову.
Вставте у свій файл гіперпосилання на об'єкти, описані у цьому параграфі: графічні, звукові та відеофайли, які доступні на вашому комп'ютері, а також на деякий html- файл, наприклад, file4.htm.
Застосуйте гіперпосилання для переходу на початок та кінець сторінки.
Застосуйте тег MARQUEE до одного з заголовків і поекспериментуйте із його параметрами.
