Головна Головна -> Підручники -> Підручник Вивчаємо FrontPage скачати онлайн-> Настроювання (налаштування) атрибутів веб-сторінки у FrontPage

Настроювання (налаштування) атрибутів веб-сторінки у FrontPage



Атрибути Web-сторінки в основному використовуються для загального управління її зовнішнім виглядом. Щоб відкрити властивості сторінки (всі шість вкладок), клацніть правою кнопкою миші по сторінці в режимі Page View і виберіть в контекстному меню Раge Properties. Відкриється діалогове вікно Page Properties, в якому ви побачите п’ять вкладок: General, Background,  Margins(ця вкладка зявляється тільки коли в меню Tools-PageOptions вказано, що сорінки розраховані тільки на браузер Microsoft Internet Explorer ) , Custom,  Language іWorkgroup.

Вкладка General

Ця вкладка зображена на мал. 6.

Мал. 6. Вкладка General властивостей Web-сторінки у FrontPage

З усіх полів на цій вкладці вам обов’язково треба вказати значення для поля Title (заголовок), всі інші поля можна не заповнювати або залишити значення за умовчанням.

  • Location. Звичайно – це URL для даної сторінки, по якому до неї може звернутися, наприклад, браузер. Якщо файл відкривається не з Web-сервера, а з диска, URL буде починатися з file:///. Для щойно створеної і ще не збереженої сторінки Location буде виглядати як unsaved:///new_page_l.htm. Редагувати це поле ви не зможете – воно призначене тільки для читання.
  • Title. Це дуже важливий атрибут, хоч його часто випускають з уваги. Він використовується в багатьох меню і діалогових вікнах FrontPage, крім того, назва сторінки відображається в заголовку вікна браузера і в описі результатів пошуку на пошукових серверах. Пересвідчіться, що ви присвоїли зрозумілу назву кожній сторінці.
  • Base location. Це поле, яке використовується відносно рідко, дозволяє задати URL, який буде автоматично підставлятися до гіперпосилаань, в яких вказані сторінки без повної адреси (наприклад, в Base location вказане www.pfew.com/info, а в гіперпосиланні – contact.htm; адреса для переходу по гіперпосиланню виходить www.pfew.com/info/contact.htm). Детальніше про це – трохи далі. Як правило, це поле залишають незаповненим.
Відносні адреси і основні URL
Для гіперпосилань на Web-сторінці вказувати повні адреси зовсім не обов’язково. Якщо в ній не вказано ім’я хоста, браузер автоматично підставить ім’я поточного хоста Якщо в гіперпосиланні не вказане ім’я папки, браузер скористається поточною папкою Такий підхід називається використанням відносних адрес (relative addressing), оскільки повна адреса для гіперпосилання залежить від того, на якій сторінці вона розташована Ось приклад:Поточна сторінка – http //www pfew com/info/default htm
Гіперпосилання – /products/toasters htm
Адреса для браузера http //www.pfew.соm/products/toasters htm

Звичайно використання відносної адресації зручніше. Використання цього підходу дозволяє легко переміщувати великі групи Web-сторінок з одного Web-сервера (або папки) на інший При цьому вам не доводиться міняти всі гіперпосилання.

Але іноді може трапитися так, що в якості адреси за умовчанням для гіперпосилань вам треба буде використати адресу, відмінну від поточної. Для таких ситуацій і призначене поле Base location Ось як воно використовується:

Поточна сторінка – http //www pfew com/mfo/default htm
Base URL – http //www xxxx com/mfo/
Гіперпосилання – contact htm
Адреса для браузера – http //www xxxx com/info/contact htm

  • Default target frame. Якщо ви розділили вікно браузера на фрейми, це поле буде відображати інформацію про фрейм, в якому буде показуватися дана сторінка.
  • Background sound. Три поля в цій групі призначені для інформації про звуковий файл, який буде програвати браузер відвідувача під час перегляду файла.
  • Вказується ім’я і шлях до звукового файлу. Це може бути як шлях до локального файлу, так і URL. Щоб можна було вибрати файл, натисніть на кнопку Browse;
    • Locaton. Вказує ім’я файла. Це може бути, як шлях до локального файла, так і URL. Щоб можно було вибрати файл скористайтися кнопкою Browse.
    • Loop. Скільки разів буде програватися файл;
    • Forever. Встановіть прапорець, щоб звуковий файл грав постійно. Відповідно, те, що ви вказали в полі Loop, значення мати не буде.

ПОРАДА

Намагайтеся не вказувати звукових файлів великого розміру або в форматах, які поширені не на всіх платформах. Краще усього використовувати файли MIDI: вони звичайно невеликого розміру і підтримуються скрізь.
  • Design-time control scripting. Ця група призначена для налагодження параметрів виконання скриптів на сторінці.
  • Platform. Вказується, де будуть виконуватися скрипти в браузері або на сервері;
  • Server. Яка мова за умовчанням буде застосовуватися для інтерпретації скриптів, призначених для виконання на сервері. Можна вибрати JavaScript, VBScript або настройки за умовчанням для Web;
  • Client. Яка мова за умовчанням буде застосовуватися для інтерпретації скриптів, призначених для виконання в браузері. Можна вибрати JavaScript, VBScript або настройки за умовчанням для Web;
  • Style. За допомогою цієї кнопки можна настроїти параметри стильового оформлення (каскадних таблиць стилів) для основного тексту сторінки.

Вкладка Background

Вкладка Background призначена для управління загальними параметрами колірної схеми сторінки. Вона наведена на мал. 7.

Мал. 7. Вкладка Background властивостей Web-сторінки у FrontPage

ПРИМІТКА

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

ПОРАДА

Вкладку Background можна відкрити, вибравши Background в меню Format в режимі Page View.

Настройка фону і кольорів

На вкладці Background можно провести настройки фону і колірної схеми сторінки. Врахуйте, що ці настройки будуть відноситися виключно до сторінки, що ви вказали.

  • Background Picture. Установка перемикача показує, що у сторінки буде фонове зображення. У полі трохи нижче можна вказати шлях до файла фонового зображення (або вибрати його, натиснувши кнопку Browse).
Використання фонових зображень
Фонові зображення показуються на сторінці під будь-якими іншими зображеннями або текстом. Якщо зображення менше, ніж сторінка, воно буде повторюватися, щоб заповнити весь простір зліва направо, і зверху вниз. Такий підхід називається мозаїчним розміщенням (tiling). У результаті невелике зображення, яке можна завантажити швидко, заповнює весь простір екрана.Якщо вам не треба, щоб фонове зображення повторювалося, зробіть його ширшим, ніж стандартний екран комп’ютера. Звичайно більш ніж вистачає ширини в 1200 пікселів. У більшості редакторів зображень можна скористатися засобом Add Margin або Extend Canvas, які дозволяють дуже просто збільшити розмір зображення. Додані пікселі можна заповнити кольором фону або зробити їх прозорими. Пікселі того ж кольору, що повторюються звичайно стискуються дуже непогано, і розмір файла (і час його завантаження) істотно не збільшиться.

Зображення великої ширини часто використовуються для розміщення графіки у лівого кордону екрана. Звичайно сам малюнок займає 20 30 пікселів зліва, а все інше заповнюється фоном або робиться прозорим.

Уникайте насичених кольорів для фонових зображень, які можуть утруднити читання тексту

  • Watermark. Перекладається як “водяний знак”. Установка цього прапорця означає, що при прокрутці сторінки фонове зображення залишиться нерухомим і не буде переміщатися разом з іншими елементами сторінки. Така можливість підтримується Internet Explorer, але багато інших браузерів її не підтримують. Цікаво, що не підтримує показ поведінки цього елемента і сам FrontPage. Тому, щоб переглянути, як буде виглядати цей елемент, відкрийте сторінку в Internet Explorer.
  • Properties. Натиснення цієї кнопки відкриває діалогове вікно, в якому можна настроїти властивості фонового зображення.
  • Background. Визначає колір фону сторінки. Цей колір буде відображатися, якщо немає фонового зображення, якщо яка-небудь частина фонового зображення прозора і якщо браузер відображає текст ще до завантаження фонового зображення.
  • Text. Настройки кольору звичайного тексту.
  • Hyperlink. Настройки кольору для гіперпосилань.
  • Visited hyperlink. Настройки кольору для гіперпосилання, що вказує на сторінку, яку користувач недавно відкривав в браузері. Колір повернеться до звичайного для гіперпосилань стану, якщо протягом часу, вказаного для кеша браузера, користувач не відвідає сторінку-мету.
  • Active hyperlink. Настройки кольору для гіперпосилання, по якому користувач щойно клацнув мишею.
  • Enable hyperlink rollover effects. Установка цього прапорця дозволяє настроювати зміну зовнішнього вигляду гіперпосилання при проходженні над ним курсору миші. Настройки проводяться із звичайного діалогового вікна Font.
  • Get background and colors from page. Установка цього прапорця відміняє всі індивідуальні настройки вкладки Background для сторінки і дозволяє отримати настройки від іншої сторінки. Така можливість може виявитися корисною при роботі з набором уніфікованих сторінок.

Вкладка Margins

На вкладці Margins вказуються x-y координати для першого елемента на сторінці (мал. 8). Як точка відліку приймається верхній лівий кут сторінки.

Мал. 8. Вкладка Margins властивостей Web-сторінки у FrontPage

Відступ по висоті вказується за допомогою прапорця Specify Top Margin і вказівки розміру відступу в пікселях, а відступ зліва – за допомогою прапорця Specify Left Margin і аналогічного поля.

У FrontPage і Internet Explorer все відображається, як потрібно. Netscape Navigator використовує свої команди для роботи з відступом, тому в ньому виходить інша картина.

Вкладка Custom

Вкладка Custom використовується для роботи із системними і призначеними для користувача змінними (мал. 9).

Вкладка Custom
Мал. 9. Вкладка Custom властивостей Web-сторінки у FrontPage

Системні змінні – це, як правило, стандартні заголовки HTTP (HTTP headers), а в якості призначених для користувача ви можете вказувати все що завгодно. Детальніше про системні змінні – у врізці нижче, а змінні користувача дуже зручно використовувати, наприклад, щоб автоматично підставляти ім’я відповідального за щось співробітника або адресну інформацію. Якщо на цю посаду прийде інша людина або адреса зміниться, вам досить буде усього раз змінити змінну, замість того, щоб вишукувати всі згадки про предмет на сторінках. Додавати змінні просто: натисніть кнопку Add, а потім введіть ім’я і значення змінної (мал. 4.10).

Мал .10. Діалогове вікно для додання системної змінної

Для зміни вже існуючої змінної або її значення призначена кнопка Modify.

  • Copyright. Заява про авторські права.
  • Description. Пропозиція з описом змісту сторінки.
  • Distribution. Звичайно використовується одне з двох слів: global або local. Local означає, що сторінка не представляє інтересу для користувачів за межами організації – власника Web-сайту.
  • Expires. Дата, після якої зміст сторінки вважається застарілим. Використовуйте наступний формат:

Tue, 02 Dec 1997 21:29:02 GMT

  • Keywords. Це – ключові слова, які полегшують знаходження цієї сторінки при пошуку. Якщо ключових слів декілька, вони розділяються комами.
  • Robots. Інструкції для “роботів” – пошукових серверів Інтернету. Єдиних стандартів не існує. Деякі інструкції підтримуються одними серверами і не підтримуються іншими. Ось найпоширеніші змінні:
  • None. Роботам пропонується проігнорувати цю сторінку. Еквівалентне Noindex, Nofollow;
  • All. Роботам пропонується індексувати цю сторінку і всі сторінки, до яких можна перейти по гіперпосиланням, без будь-яких обмежень. Діє так само, як і Index, Follow;
  • Index. Запрошення всім роботам включити цю сторінку в результати пошуку;
  • Noindex. Цю сторінку індексувати не рекомендується;
  • Follow. Запрошення роботам слідувати по гіперпосиланням цієї сторінки;
  • Nofollow. Слідувати по гіперпосиланням цієї сторінки не рекомендується.

ПОРАДА

Інформацію про включення службової інформації для роботів (Robot Exclusion Standart) можна отримати за адресою www.kollar.com/robots.html

Можливості системних змінних HTTP

Системна змінна Refresh, яка показана на мал. 10, в деяких ситуаціях може бути дуже корисною Вона наказує браузеру зачекати декілька секунд (в нашому прикладі – 20), а потім автоматично перейти на новий URL. Так можна влаштувати, наприклад, щось на зразок автоматичного показу слайдів. Інше застосування – при переміщенні всього сайту на нове місце залишити на старому сторіночку з оголошенням про перехід на нову адресу При цьому відвідувач буде переноситися на нову адресу автоматично. Краще не використовувати значення затримки, що рівне нулю. Відвідувач може не зрозуміти, в чому справа, і повторно спробує потрапити на ту ж адресу або скористається кнопкою Back, а сторінка буде повертати його назад.

Про деякі інші корисні системні змінні розказано нижче. Ці змінні часто використовуються пошуковими роботами типу Yahoo, Lycos, AltaVista і lnfoSeek для більш точного індексування сторінок.

Вкладка Language

Вкладка Language призначена для настройок кодування для Web-сторінки (мал. 11).

Мал 11. Вкладка Language властивостей Web-сторінки у FrontPage

На цій вкладці є три поля:

  • Mark current document as. Встановлене в цьому полі значення буде використовуватися FrontPage для перевірки правопису (якщо стоїть None, то FrontPage буде керуватися тим, яка розкладка клавіатури у вас була включена під час набору тексту). Значення, введене в це поле, використовується також пошуковими серверами;
  • Save the documents as. Можна вибрати кодування, в якому буде збережена Web-сторінка. Наприклад, для сторінки на російській мові можна вибрати Cynllic або Cyrillic (KOI8-R). Якщо ви вибрали значення за умовчанням (None), то буде використовуватися мова за умовчанням вашої операційної системи;
  • Reload the current document as. Настройки для браузера. Керуючись ними, браузер буде відображати вашу Web-сторінку. За умовчанням використовується значення <Automatic Encoding>.

ПРИМІТКА

Врахуйте, що у властивостях сторінки вказуються мовні настройки тільки для сторінки. Щоб швидко налагодити кодування для всіх сторінок Web за умовчанням, можна скористатися вкладкою Language діалогового вікна Web Settings (меню Tools > Web Settings > Language).

Вкладка Workgroup

Вкладка Workgroup призначена для організації роботи з Web-сторінками в колективі (мал. 4.13).

Мал. 12. Вкладка Workgroup властивостей Web-сторінки у FrontPage

На цій вкладці можна скористатися наступними полями:

  • Available Categories. Можна встановити прапорець для віднесення сторінки до певної категорії. Кнопка Categories призначена для створення нової категорії, якщо ті, що вже є, вас не влаштовують. Цей атрибут призначений для спільного використання з компонентом Categories (детальніше про нього і про інші компоненти буде розглянуто пізніше);
  • Assigned To. У цьому полі належить вказувати відповідального за Web-сторінку. Поповнити список відповідальних можна за допомогою кнопки Names;
  • Review Status. Сюди можна ввести (або вибрати зі списку) поточний етап проходження Web-сторінки по інстанціях. Інстанції можна вказувати і свої, скориставшись кнопкою Statuses;
  • Exclude This File When Publishing the Rest of the Web. При публікації вашого Web ця сторінка передаватися не буде. Така можливість може виявитися корисною, якщо сторінка ще не готова.







Популярні глави цього підручника:



Всі глави цього підручника:

Вивчаємо FrontPage