Запитання

1. Які можливості для веб-дизайну має програма Word 2007?

2. Які можливості мають програми Word 2000/ХР?

3. Як створити фон для сторінки?

4. Як задати текстуру для фону сторінки чи фрейму?

5. Які елементи можна вставити у сторінку?

6. Що таке тема?

7. Які теми ви знаєте?

8. Як створити фрейми на сторінці?

9. Які властивості фреймів ви знаєте?

10. Що можна зробити за допомогою команди Формат рисунка?

11. Як створити гіперпосилання?

12. Яке призначення підказок?

Тема 10. Веб-дизайн у програмі м8 Word.

План

1. Від Word 97 до Word 2007.

2.Word 2000 і Word 2003 (ХР).

3. Сайт фірми.

1. Від Word 97 до Word 2007.

Для створення веб-сторінки згідно з елементарними правилами веб-дизайну програма Word 97 має примітивні засоби. Спочатку потрібно виконати команди Файл (File) і Створити (Now). Потім слід перейти на закладку Веб-сторінки, вибрати шаблон Нова веб-сторінка (Blanc BebPage), увімкнути радіокнопку Документ і натиснути на кнопку Ок. Тепер можна розпочати роботу над сторінкою.

Фон для сторінки створюють за допомогою команд Формат => Фон => вибирають колір фону або, що значно цікавіше, вибирають на свій смак способи заливання сторінки (fill effects), які називаються текстурами (tехture), натискають на Ок. Після цього вводять потрібний текст і за допомогою панелі форматування чи команди Формат добирають шрифт, його розмір, колір, вигляд та розташування.

Текстові блоки, списки і таблиці створюють за правилами програми "Word”. За допомогою команди Вставити розташовують горизонтальні лінії, рухомі тексти, різноманітні об'єкти, поточну дату, автотексти, символи, картинки, файли, закладки, гіперпосилання, елементи управління (форми), а також задають фоновий звук і відеокліпи. Таку сторінку зберігають у файлі з розширенням htm. У Word 97 немає змоги створити фрейми тощо.

У Word 2007 документи можна переглядати броузером. А створювати любительську веб-сторінку взагалі просто — достатньо перемкнути відображення документа на веб-режим. Спрацьовує технологічний принцип wisiwig: що я бачу, те я й отримаю. Коди веб-сторінки генеруються автоматично. І оскільки вони є неоптимальними, то такий підхід — не для професіоналів.

Детальніше зупинимось на технології створення любительської веб-сторінки у програмі Word ХР, яка буде актуальною ще деякий час.

2.Word 2000 і Word 2003 (ХР).

Обидві програми мають майже одинакові засоби для створення веб-сторінок та сайтів і підтримують технологію фреймів (рамок). Є також заготовки типових сторінок і майстер створення сайту, але, оскільки його можливості примітивні, ми не рекомендуємо ним користуватися.

Програми мають також потулший засіб веб-дизайну, який називається застосуванням тем. Тема — це сукупність деякого декоративного фону і стилів подання тексту, списків, таблиць, горизонтальних ліній і гіперпосилань. Тема автоматизує процес створення сторінок і сайту. Тем є декілька десятків. Найцікавіші такі: АиtоmоЬіlе, Ваrs, Виbblеs, Canvas, Декорація, Перетікання, Пласти, Смужки, Японська тощо. Користувач має змогу побачити, який буде результат від застосування теми. Слід пам'ятати, що теми для різних сторінок і фреймів треба добирати гармонійно (контрастними або однотонними) з урахуванням властивостей шрифтів (усі шрифти із засічками або без них) тощо. Початківцям рекомендується задавати одну тему для всіх сторінок і фреймів сайту. Теми можна задавати або змінювати після створення сторінки чи сайту. У багатьох випадках доцільно на базі теми, яка сподобалась, створити сторінку-шаблон і всі сторінки сайту створювати на його основі.

Для створення фреймів (рамок) потрібно за допомогою команди Вигляд увімкнути панель Рамки. Вона містить такі кнопки: створити фрейм ліворуч для змісту, якщо у правому фреймі є тексти, що мають стилі заголовків; створити порожній фрейм ліворуч, праворуч, зверху, знизу; вилучити заданий фрейм; властивості фрейму.

Початківцям рекомендується обмежетись одним фреймом ліворуч від основного тексту і задати йому розмір 25-30% від розміру екрана. У цьому фреймі традиційно розташовують елементи навігації: текстові гіперпосилання, гіперпосилання у вигляді кнопок чи рисунків.

За допомогою команди Властивості фрейму (рамки) у фрейм можна помістити деяку сторінку з html-файлу, задати розміри, ширину межі (границі), зробити межу невидимою, задавати смуги прокручування, дозволити пересувати межу під час перегляду сторінки у броузері, якщо броузер уміє це робити. Доступ до властивостей фрейму та інших команд можна отримати за допомогою його контекстового меню, тобто клацнувши у фреймі правою клавішею миші.

Тексти на сторінках створюють так, як у звичайному текстовому редакторі, добираючи потрібні шрифти, утворюючи списки, таблиці, вставляючи за допомогою команди Вставити різноманітні об'єкти. Щоб вставити лінії, застосовують команди Формат => Границі і заливки, натискають на кнопку Горизонтальна лінія і вибирають лінію із запропонованого меню. Різні геометричні фігури можна створювати за допомогою панелі інструментів Рисування.

Рисунки вставляють за допомогою команд Вставити =>, Рисунок => Картинки або рисунок з файлу чи зі сканера. Двічі клацнувши на рисунку, можна отримати доступ до вікна Формат рисунка і змінити його властивості: розміри, кут повороту і кольори, яскравість, спосіб обгортання текстом, задати альтернативний текст, обрізати, задати йому стиль водяного знака тощо. Ці ж дії над рисунком можна виконати за допомогою панелі інструментів Налаштовування зображення і команди Формат рисунка з його контекстового меню.

Можна вставляти специфічні веб-компоненти: елементи керування для форм, рухомі тексти у Word 2000, навігаційні панелі у Word ХР. Однак зауважимо, що панелі потребують взаємодії з програмою М8 FrontPage.

У тексті варто розташовувати закладки і давати їм назви. Перехід на закладку можна здійснювати за допомогою гіперпосиланння з будь-якого місця сторінки, наприклад з кінця на початок великого тексту тощо.

Сторінки сайту можуть мати логічні назви, наприклад, Біографія, Сім'я, Фотоальбом. Сайт починають створювати з побудови його логічної схеми, що відображає зв'язки між сторінками. Сторінки можна додавати чи вилучати. Назву сайту і логічні назви сторінок записують у лівому навігаційному фреймі. Такі назви можуть бути оформлені у стовпець, у вигляді списку чи таблиці. Поряд із логічними назвами сторінок або замість них можна розташувати мініатюрні картинки-піктограми і зробити їх гіперпосиланнями.

Щоб текст чи картинку зробити гіперпосиланням, їх виокремлюють і виконують команди Вставити => Гіперпосилання або клацають на відповідній кнопці на стандартній панелі інструментів.

Отримаємо вікно Додавання гіперпосилання, де слід задати одну з чотирьох можливостей зв'язку:

1) з деяким файлом (тоді задають шлях до нього за допомогою навігатора) чи з іншою веб-сторінкою в Інтернет (тоді задають її адресу у полі Адреса);

2) з місцем у документі (тоді вибирають це місце чи закладку);

3. з новим документом, який створюватимуть (тоді задають його розташування на диску і зазначають чи створюватимуть його тепер чи пізніше;

4. з електронною поштою (тоді у відповідні поля заносять адресу і тему листа).

Рекомендуємо натиснути на кнопку Підказка... і ввести текст, який з'являтиметься, коли укажчик миші наводитимуть на гіперпосилання, особливо, якщо ним є картинка, наприклад, «Це біографія Васі Квакіна» тощо.

Важливо також зазначити фрейм (рамку), де відображатиметься ця сторінка, клацнувши на кнопці Вибір рамки і на відповідній рамці у схемі рамок (це є у Word ХР). Рамки мають номери — запам'ятайте їх.

Стежте за тим, щоб усі нові сторінки адресувались до одної папки, інакше файли проекту будуть розкидані по всьому диску. Назву файлам сторінок придумує користувач, наприклад, page1, рage2 тощо, розширення htm система додає автоматично. Усі назви файлів слід записувати латинськими літерами. Це суттєво під час публікування сайту на сервері, який може працювати під операційною системою Unix.