ЯК СТВОРИТИ WEB-СТОРІНКУ
Найпростіший спосіб створити сторінку для розміщення в Інтернеті - скористатися інструментами пакета Microsoft Office. Останні версії цього пакета надають можливість перетворити звичайний документ в HTML-формат з непоганим якістю коду. br/>
Можливості Word
Підготовлений в текстовому редакторі Word документ можна легко перетворити на web-сторінку. Однак вона буде виглядати не настільки привабливо, як хотілося б, якщо не зробити додаткові кроки. Розглянемо кілька прикладів. p> Візьмемо деякий текст.
В
Перетворимо документ у web-сторінку за допомогою операції Зберегти як web-сторінку ... (викликається з головного меню - позиція Файл). Тоді html-представлення документа матиме вид:
В
Перше, що кидається в очі - текст займає весь екранний простір. Довжина рядка занадто велика. Для комфортного читання на екрані число символів у рядку повинно бути в діапазоні 50-65.
Використання таблиці
Можна в цьому випадку поступити зовсім просто: завести у вихідному документі таблицю і помістити в неї потрібний текст. У таблиці можна задати рамку. Тоді вид web-сторінки набагато покращиться, і в браузері сторінка буде виглядати привабливіше.
В
Фон і стиль
Можна піти далі - наприклад, змінити колір і фактуру фону, вигляд гіперпосилань, оформлення списків. Для зміни загального дизайну сторінки можна скористатися командою Тема з розділу головного меню Формат.
В
Бажано вибрати не занадто яскравий фон, щоб на ньому добре читався текст. Таким фоном в запропонованому списку є, наприклад, Рисова папір. Вигляд сторінки помітно преобразився:
В
Вставка картинки
У документ можна додати картинку, взявши її, наприклад, з колекції кліпів. <В
Потрібно правою кнопкою миші клацнути на картинку, виконати операцію копіювання, і далі в документі вказати місце для картинки і виконати операцію вставки скопійованого об'єкта.
Якщо ви вставляєте картинку всередину абзацу, то краще змінити властивості картинки, задавши обтікання тексту навколо картинки (потрібно вибрати позицію головного меню Формат і далі Малюнок):
В
У документі при цьому не буде створюватися зайвого порожнього простору.
В
Нарешті, можна додати зображенні рамку і тінь за допомогою кнопок на панелі Малювання - Тип лінії і Стиль тіні. Подібні нюанси помітно додають виразності сторінці. br/>В
Якщо панелі Малювання немає на сторінці, то потрібно встановити її, вибравши позицію головного меню Вид і далі Панелі інструментів і Малювання. p> Рухомий рядок
Word дозволяє внести на web-сторінку та інші оформлювальні елементи, наприклад "біжучий рядок ". Щоб скористатися цією можливістю потрібно відкрити на екрані панель web-компонентів (з головного меню - позиція Вид, далі Панелі інструментів та Веб-компоненти). Клацання по кнопці операції Рухомий рядок відкриває додаткове вікно для завдання тексту параметрів рядка, що біжить.
В
Як звичайно, у рядку можна поміняти шрифт і атрибути: розмір шрифту і колір символів. Web-сторінка буде виглядати на екрані таким чином:
В
Ми привели приклад лише дуже скромного набору дизайнерських прийомів, за допомогою яких можна оформити web-сторінку на основі наявного документа у форматі Word.
Використання шаблонів оформлення
Якщо ви починаєте створювати сторінку з нуля, то можна скористатися майстром веб-сторінок, який у діалозі буде допомагати формувати документ. Або ж можна використовувати готовий шаблон оформлення сторінки, вибравши його з досить представницького набору. Для цього потрібно в операції Створити вибрати режим Створення за допомогою шаблону і далі Загальні шаблони. На екрані з'явиться форма, в якій потрібно вибрати закладку Веб-сторінки:
В
Далі у пропонованій заготівлі документу ви повинні ввести тексти і картинки:
В
Кольорове і стильове рішення користувач може вибирати самостійно, наприклад, за допомогою налаштувань Формат - Тема. br/>
Створення гіперпосилань і закладок
Останнє питання, яке ми плануємо розглянути у цьому розділі - створення гіперпосилань в документі.
Якщо ми хочемо послатися в документі на інший документ або інший сайт в Інтернеті, то таку гіперпосилання можна зробити так: виділити в документі фрагмент тексту (слово) і виконати операцію Вставка - Гіперпосилання ... На екрані з'явиться форма, в якій задається адресу гіперпосилання. Адреса можна ввести явно чи можна вибрати файл у вікні. br/>В
Тут слід пам'ятати, що адреса обраного файлу на вашому комп'ютері може змінитися, коли ви будете формувати свій сайт. Тому неявний спосіб завдання адреси підходить тільки в тому випадк...
