31.Робота з графічними об'єктами та створення гіперпосилань в html.

Колір фону всього HTML-документа і фонового зображення визначається атрибутами BGCOLOR(колір фону) і BACKGROUNDCOLOR(фонове зображення) у тегу <BODY>. Колір фону сторінки: <BODY BGCOLOR = колір>. Фонове зображення: <BODY BACKGROUNDCOLOR = адреса зображення>. Для додавання зображень слід використовувати тег <IMG>, всередині якого обов'язково записується атрибут SRC, що вміщує адресу зображення. Формат запису: <IMG SRC = адреса зображення>. Задається параметром ALIGN тегу <IMG>. Розміри зображення: задається параметрами WIDTN (ширина) HEIGHT (висота) тегу <IMG> в пік селях або відсотках. Відділення зображення від тексту задається параметрами HSPACE(відступ по горизонталі) VSPASE(відступ по вертикалі) тегу <IMG> в пік селях. Для додавання звуків слід використовувати тег <BGSOUND>, в середині якого обов'язково записується атрибут SRC, що вміщує адресу звукового файлу. Посилання (гіперпосилання) дозволяють клацанням кнопки миші по виділеному тексту або зображенню перейти до другого файла або фрагмента сторінки. Всі посилання задаються тегом <A HREF>, якому відповідає закриваючий тег </A>. Текстові посилання: форма запису: <A HREF> = «адреса посилання»> текст посилання </A>. Графічні посилання: структура графічного посилання: <A HREF = «адреса посилання»><IMG SRC = «адреса графічного файла»> </A>. Посилання в межах одного документа: такі посилання називаються закладками, потрібні якір і власне посилання, якір визначає місце в документі, на яке відбувається перехід через посилання, посилання використовує ім’я якоря замість імені (адреси) файла. Підказка при наведенні мишки на посилання: потрібно використовувати атрибут TITLE для тега <A>.

32.Технологія і засоби проектування Web-сторінок. Microsoft FrontPage. Інструментальні засоби цієї програми дають змогу створювати різні веб-сторінки. Завдяки приналежності даної програми до пакету програм MS Office, звичному інтерфейсу та наявністю великої кількості шаблонів програма дає змогу швидко оволодіти навичками роботи будь-якому користувачу, навіть початківцю, який знайомий з основами роботи в MS Word. Створення веб-сторінок не потребує знань мови HTML або JavaScript. Програма має засоби для форматування тексту, створення та перевірки гіперпосилань, використання фреймів, вставки графічних зображень, роботи з формами та інше. Редактор має зручні інструменти для роботи з таблицями, вбудовані засоби для обробки зображень, дозволяє легко розміщувати на сторінках різні мультимедійні об'єкти: малюнки, відеофільми, анімацію, звукові фрагменти. Інтеграція з пакетом MS Office дає змогу подавати на сторінках документи MS Word, таблиці і графіки MS Excel, динамічно отримувати дані з MS Access, використовувати мову VBA, засоби перевірки орфографії і десятки готових шаблонів для оформлення сторінок сайту. До недоліків редактора FrontРage можна віднести його переважну орієнтацію на веб-оглядач Internet Explorer, тому слід перевіряти роботу створеного сайту в інших оглядачах. А також деяку надмірність готового коду HTML. Редактор відстежує зміни в коді сторінок і наполегливо відновлює теги, видалені користувачем. Пропонується використовувати версію програми – MS FrontPage 2003. Macromedia Dreamweaver – це редактор веб-сторінок, що за своєю функціональністю схожий на MS FrontPage. Редагування веб-сторінок може здійснюватись як у візуальному режимі, так і в режимі HTML-коду. В першому випадку форматування та редагування здійснюється за допомогою інструментарію програми та дає змогу одразу бачити зміни на веб-сторінці. Це дещо нагадує форматування сторінки у програмі MS Word. При цьому знання мови HTML не є обов’язковим. В другому випадку редагування веб-сторінки здійснюється шляхом введення HTML-коду. Недоліком цієї програми є те, що під час створення та збереження веб-сторінок програма автоматично створює додатковий код, що збільшує обсяг сторінки. Microsoft Publisher – це видавнича система, яка місить велику кількість шаблонів. За допомогою цієї програми можна створювати різні веб-сторінки, обираючи різні макети програми. Програма не потребує знань мови HTML, веб-сторінки створюються швидко і легко. Недоліком цієї програми є те, що при збереженні веб-сторінки програма створює додатковий HTML-код.

Кольорова специфікація:

Black (Чорний) = "#000000" ; Green (Зелений) = "#008000" Silver (Срібло)= "#C0C0C0" Lime (Лимон) = "#00FF00" Gray (Сірий) = "#808080" Olive (Оливковий) = "#808000" White (Білий) = "#FFFFFF" Yellow (Жовтий)= "#FFFF00" Maroon (Темно-бордовий) = "#800000" Navy (Темно-синій) = "#000080" Red (Червоний) = "#FF0000" Blue (Синій) = "#0000FF" Purple (Фіолетовий) = "#800080" Teal (Бірюзовий) = "#008080" Fuchsia (Фуксія) = "#FF00FF" Aqua (Блакитний) = "#00FFFF"