ЯК СТВОРИТИ WEB-СТОРІНКУ

Найпростіший спосіб створити сторінку для розміщення в Інтернеті - скористатися інструментами пакета Microsoft Office. Останні версії цього пакета надають можливість перетворити звичайний документ у HTML-формат з непоганим якістю коду.

Можливості Word

Підготовлений у текстовому редакторі Word документ можна легко перетворити на web-сторінку. Однак вона буде виглядати не так привабливо, як хотілося б, якщо не вжити додаткові кроки. Розглянемо кілька прикладів.

Візьмемо деякий текст.

Перетворимо документ у web-сторінку за допомогою операції Зберегти як web-сторінку ... (викликається з головного меню - позиція Файл).Тоді html-подання документа буде мати вигляд:

Перше, що кидається в очі - текст займає все екранне простір. Довжина рядка занадто велика. Для комфортного читання на екрані числосимволів у рядку повинно бути в діапазоні 50-65.

Використання таблиці

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

Фон і стиль

Можна піти далі - наприклад, змінити колір і фактуру фону, вигляд гіперпосилань, оформлення списків. Для зміни загального дизайнусторінки можна скористатися командою Тема з розділу головного меню Формат.

Бажано вибрати не надто яскравий фон, щоб на ньому добре читався текст. Таким фоном в запропонованому списку є, наприклад, Рисова папір. Вид сторінки помітно преобразився:

Вставка картинки

У документ можна додати картинку, взявши її, приміром, з колекції кліпів.

Потрібно правою кнопкою миші клацнути на картинку, виконати операцію копіювання, і далі в документі вказати місце для картинки і виконати операцію вставки скопійованого об'єкта.

Якщо ви вставляєте картинку всередину абзацу, то краще змінити властивості картинки, задавши обтікання тексту навколо картинки (потрібно вибрати позицію головного меню Формат і далі Малюнок):

У документі при цьому не буде створюватися зайвого пустого простору.

Нарешті, можна додати картинці рамку і тінь з допомогою кнопок на панелі Малювання - Тип лінії і Стиль тіні. Подібні нюанси помітно додають виразності сторінці.

Якщо панелі Малювання немає на сторінці, то потрібно встановити її, вибравши позицію головного меню Вид і далі Конфіденційність та Малювання.

Та, що біжить рядок

Word дозволяє внести на web-сторінку і інші оформлювальні елементи, наприклад "біжучий рядок". Щоб скористатися цією можливістю потрібно відкрити на екрані панель web-компонентів (з головного меню - позиція Вид, далі Конфіденційність та Веб-компоненти). Клацання по кнопці операції Біжучий рядок відкриває додаткове вікно для завдання тексту параметрів біжучого рядка.

Як завжди, в рядку можна поміняти шрифт і атрибути: розмір шрифту і колір символів. Web-сторінка буде виглядати на екрані таким чином:

Ми навели приклад лише дуже скромного набору дизайнерських прийомів, за допомогою яких можна оформити web-сторінку на основі наявного документа у форматі Word.

Використання шаблонів оформлення

Якщо ви починаєте створювати сторінку з нуля, то можна скористатися майстром веб-сторінок, який в діалозі буде допомагати формувати документ. Або ж можна використовувати готовий шаблон оформлення сторінки, вибравши його з досить представницького набору. Для цього потрібно в операції Створити вибрати режим Створення за допомогою шаблону і надалі Загальні шаблони. На екрані з'явиться форма, в якій потрібно вибрати закладку Веб-сторінки:

Далі в пропонованій заготівлі документа ви повинні ввести тексти та малюнки:

Кольорове і стильове рішення користувач може вибирати самостійно, наприклад, за допомогою настройок Формат - Тема.

Створення гіперпосилань і закладок

Останнє питання, яке ми плануємо розглянути в даному розділі - створення гіперпосилань у документі.

Якщо ми хочемо послатися в документі на інший документ чи інший сайт в Інтернеті, то таку гіперпосилання можна зробити так: виділити в документі фрагмент тексту (слово) і виконати операцію Вставка - Гіперпосилання ... На екрані з'явиться форма, в якій задається адресагіперпосилання. Адреса можна ввести явно чи можна вибрати файл у вікні.

Тут слід пам'ятати, що адреса обраного файлу на вашому комп'ютері може змінитися, коли ви будете формувати свій сайт. Тому неявний спосіб завдання адреси підходить тільки в тому випадку, якщо структура вашої папки на комп'ютері та на сайті Інтернету збігаються.

Якщо гіперпосилання має посилатися на іншу частину цього ж документа, то попередньо потрібно вставити закладку на початку потрібного фрагмента. Потрібно виконати операцію Вставити - Закладка, і в що з'явилася на екрані формі ввести ім'я закладки.

Тоді при створенні гіперпосилання потрібно вказати цю закладку (кнопка Закладка ... розташована в правій частині форми), вибравши, наприклад, її зі списку у формі:

Веб-презентація в PowerPoint

Програма PowerPoint орієнтована на створення презентацій на комп'ютері. Однак у неї є функція перетворення підготовленої презентації у веб-формат.

Ви можете відкрити підготовлену презентацію та виконати операції (з головного меню) Файл - Зберегти як веб-сторінку. Як завжди потрібно задати ім'я веб-презентації у вікні,. В результаті виконання перетворення презентації буде створено файл із заданим ім'ям і розширенням. Htm і однойменна папка з додатковими матеріалами.

Якщо тепер з браузера викликати веб-презентацію, то на екрані можна побачити результат перетворення.

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

Презентацію можна переглядати з показом структури слайдів. Але якщо цю інформацію не представляє інтересу, то зарезервоване для показу структури поле на екрані можна прибрати (операція розгорнути / згорнути структуру в нижньому рядку).

За допомогою кнопки Показ слайд можна переглядати слайди на повному екрані.