Головна   Додати в закладки Введення і форматування тексту | Реферат


Реферати українською мовою | реферати на українській мові Реферати українською мовою | реферати на українській мові
 Пошук: 

 

 




Введення і форматування тексту - Реферат


Категорія: Реферати
Розділ: Комп`ютери, програмування
Розмір файла: 57 Kb
Кількість завантажень:
28
Кількість переглядів:
1334
Описання роботи: Реферат на тему Введення і форматування тексту
Дивитись
Скачати


Спочатку світ World Wide Web був текстовим. У цей час, звичайно, він збагатився зображеннями, звуком, інтерактивними елементами управління, але основну роль в представленні інформації досі грає текст. У цьому розділі будуть розглянуті можливості FrontPage в області роботи з текстом.

Де це можливо, FrontPage використовує ті ж прийоми роботи, що і всі інші додатки Microsoft Office (особливо Word). У багатьох випадках це додатковий довід на користь FrontPage. Однак у FrontPage є і деякі унікальні особливості, які виникають з особливостей предмета, для якого він призначений. Важливо пам"ятати, що остаточний вигляд Web-сторінок, створених у FrontPage, визначає не сам FrontPage, а браузер відвідувача Web-сайта. Які б точні інструкції по оформленню тексту не давав FrontPage, браузер відвідувача може їх проігнорувати. Крім того, системи відрізняються не тільки встановленими браузерами і їх версіями, але і можливістю використовувати ті або інші шрифти, різним вирішенням і глибиною кольору та іншими чинниками. Тому завжди треба пам"ятати, що при розробці сторінки ви зможете лише приблизно уявити собі, як вона буде виглядати на екрані монітора відвідувача.

Прийоми введення тексту у FrontPage

Введення тексту у FrontPage проводиться так само, як це прийнято в текстових редакторах. Клацніть показчиком миші в будь-якому місці сторінки, і курсор буде вміщений в найближчу точку, в яку можна ввести текст.

Введення, копіювання, вирізування і видалення тексту здійснюється звичайним для Office 200Х чином (табл. 1). Спробуйте запам"ятати клавіатурні комбінації - це зможе зберегти вам безліч часу при роботі.

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

Імпорт тексту

FrontPage дозволяє вставку на сторінку цілих файлів або їх виділених частин. При цьому він може розпізнати безліч форматів і конвертувати їх в ефективний код HTML. Можна скористатися як перетягненням, так і стандартними клавіатурними комбінаціями, а також вибором відповідного пункту меню.

Як FrontPage інтерпретує текст і графіку

Якщо фрагмент, який ви вставляєте, не є текстом HTML, FrontPage передусім визначає, чи є дані, що вставляються вами текстовими або графічними Якщо дані визначені як текстові, FrontPage

• розпізнає вміст файла, використовуючи встановлені в системі стандартні конвертори,

• конвертує дані в формат RTF,

• конвертує дані з формату RTF в HTML,

• табличні дані (наприклад, з електронної таблиці) перетворюються в таблицю HTML. Всі інші дані вважаються звичайним текстом, при цьому FrontPage прагне, наскільки це можливе, зберегти форматування початкового тексту

Якщо дані визначені як графічні, FrontPage

• конвертує дані в формат зображень Windows (* bmp),

• при збереженні Web-сторінки відкриває діалогове вікно, в якому ви можете уточнити назву і шлях до графічного файла, що створюється,

• якщо зображення використовує прозорість або менше за 256 кольорів, FrontPage за умовчанням зберігає його як файл у форматі GIF. Якщо ж в зображенні використовується більше за 256 кольорів і не використовується прозорість, файл зберігається в форматі JPEG.

Особливості роботи з текстом в HTML

Читання попереднього розділу могло навести вас на думку, що редагування тексту у FrontPage нічим не відрізняється від роботи з текстом в звичайних текстових редакторах. Багато в чому це дійсно так, але це - заслуга саме FrontPage. Що ж до HTML, то в ньому редагування відрізняється рядом обмежень:

• символи табуляції сприймаються як пропуски. Тому використати ці символи для вирівнювання рядків тексту неможливо;

• символи пустого простору (пропуски, символи табуляції, перекладу рядка сприймаються як один пропуск. FrontPage автоматично вирішує цю проблему, замінюючи в групі пропусків всі пропуски, крім останнього, на спеціальні нерозривні пропуски (див. врізку нижче). Тому пропуски, які ви вставили у FrontPage, не будуть проігноровані браузером;

• в HTML немає прямої підтримки червоного рядка, відступів між параграфами, точної настройки довжини рядка або відстані між рядками.

Коли вам все-таки треба використати декілька пропусків підряд:

Браузери за умовчанням відображають всі символи пустого простору як один пропуск. Це означає, що в HTML неможливо за допомогою декількох звичайних пропусків відобразити пустий простір більше одного пропуску. Однак в цій ситуації у вас є два виходи:

• Використайте стиль параграфа Formatted, який у вигляді виключення зберігає відображення декількох пропусків відразу Для цього у FrontPage використовується тег

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

• У HTML передбачені спеціальні нерозривні пропуски (nonbreaking space) Ці пропуски браузери не стискають. В коді HTML ви зможете розпізнати нерозривний пропуск по комбінації символів   в незалежності від кількості нерозривних пропусків, що йдуть підряд, браузер відобразить їх всі. У FrontPage передбачені три можливості для вставки нерозривних пропусків:

1. при введенні декількох пропусків FrontPage перетворить в нерозривні всі пропуски в послідовності, за винятком останнього,

2. при введенні тексту натиснення клавіші Tab розцінюється як натиснення пропуску чотири рази підряд,

3. щоб просто вставити один нерозривний пропуск, натисніть Ctrl+Shift+пропуск.

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

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

Вставка спеціальних елементів тексту

Вставка чотирьох спеціальних елементів тексту, розривів рядків, горизонтальних ліній, символів і коментарів проводиться у FrontPage за допомогою меню Insert.

Вставка розриву рядка

Вибір пункту Break в меню Insert приводить до відкриття діалогового вікна Break Properties, показаного на мал. 1.

Мал. 1. Діалогове вікно Break Properties

За допомогою нього можна вставити будь-який з чотирьох спеціальних елементів:

Normal Line Break. Це - звичайний розрив рядка. Його можна вставити також натисненням клавіш Shift+Enter. Введення тексту буде продовжене на один рядок нижче;

Clear Left Margin. Якщо цей розрив вставлений в текст, який обтікає зображення або інший об"єкт в лівому краю екрана, введення тексту буде продовжене вже під об"єктом;

Clear Right Margin. Якщо цей розрив вставлений в текст, який обтікає зображення або інший об"єкт у правому краю екрана, введення тексту буде продовжене вже під об"єктом;

Clear Both Margin. Якщо цей розрив вставлений в текст, який обтікає зображення або інший об"єкт з будь-якого краю екрана, введення тексту буде продовжене вже під об"єктом.

Натиснення кнопки Style внизу зліва приводить до відкриття діалогового вікна Modify Style, яке буде розглянуте далі в цьому розділі. Можна лише зауважити, що за допомогою неї можна застосувати оформлення каскадних таблиць стилів до розриву рядка.

Розриви рядків показані на двох малюнках: звичайний - на мал. 2, а розрив рядка, коли об"єкт розміщений біля лівої границі, - на мал. 3.

Мал. 2. Звичайний розрив рядка

Мал. 3. Розрив сгроки при розміщенні об"єкта у лівого кордону

Вставка горизонтальних ліній

Щоб на сторінці розмістити горизонтальну лінію, в меню Insert потрібно вибрати Horizontal Line. Звичайно горизонтальна лінія займає всю ширину вікна браузера, при цьому перед нею і відразу ж після неї передбачені розриви рядків. Горизонтальну лінію можна побачити на мал. 2 і 3. Вона розташована над зображенням і займає всю ширину сторінки.

Мал. 4. Діалогове вікно Horizontal Line Properties

Якщо ви клацнете по горизонтальній лінії правою кнопкою миші і в контекстному меню виберете Horizontal Line Properties, ви зможете настроїти властивості цієї лінії (мал. 4):

• в групі Width можна настроїти довжину горизонтальної лінії (в пікселях або відсотках від максимально можливої довжини у вікні браузера);

Height дозволяє настроїти товщину лінії в пікселях;

Alignment прив"язує лінію до лівої частини екрана, до правої частини або до центра;

Color дозволяє настроїти колір лінії з використанням трьох стандартних діалогових вікон для вибору кольорів;

• установка прапорця Solid Line (No Shading) усуває спеціальне затінення біля країв лінії, яке додає зображенню об"єм. У результаті лінія повинна виглядати плоскою;

• кнопка Style відкриває діалогове вікно Modify Style, в якому можна настроїти форматування каскадних таблиць стилів для цієї лінії.

Вставка символів

Спеціальні символи - це ті символи, які ви не знайдете на клавіатурі. У FrontPage ви зможете вставити їх легко і просто за допомогою діалогового вікна Symbol (меню Insert → Symbol) (мал. 5).

Мал. 5. Діалогове вікно Symbol

Вставка коментарів

Коментарі - це текст, який буде видимий у FrontPage, але не в браузерах відвідувачів. Звичайно коментарі - це різні замітки, які призначені для вас чи інших членів команди розробників сайта. У FrontPage вставляти коментарі дуже просто. Для цього досить в меню Insert вибрати Comment і в діалоговому вікні, що відкрилося, мал. 6 ввести текст коментаря.

У FrontPage коментарі відображаються темно-червоним кольором. Щоб внести в них зміни, можна клацнути по них два рази мишею або клацнути правою кнопкою миші і в контекстному меню вибрати Comment Properties. Для видалення просто клацніть по них мишею і натисніть кнопку Delete.

Мал. 6. Діалогове вікно Comment

Пошук, заміна і перевірка правопису

У FrontPage передбачені засоби пошуку, заміни і перевірки правопису Web-сторінок.

Пошук тексту

Для пошуку тексту встановіть курсор в позицію, з якої ви хочете почати пошук, і виберіть Find в меню Edit або натисніть Ctrl+F. Відкриється діалогове вікно Find, яке зображено на мал. 7.

Мал. 7.Діалогове вікно Find and Replace

У цьому вікні можна скористатися наступними настройками:

Find where - дозволяє вибирати пошук на всіх сторінках або ж тільки на поточній;

Direction - пошук вперед до кінця сторінки або назад до її початку;

Match case - установка цього прапорця приводить до того, що при пошуку буде враховуватися регістр букв;

Find whole words only - при установці цього прапорця частини слів враховуватися не будуть. Пошук буде зупинятися тільки на цілих словах, що відповідають умовам пошуку;

Find in html - при установці цього прапорця FrontPage буде проводити пошук не тільки в тексті сторінки, що відображається, але і серед службового коду HTML. Для того, щоб використати цю можливість, вам необхідно буде відкрити вкладку HTML для Web-сторінки.

Заміна тексту

Щоб не тільки зробити пошук, але і відразу ж замінити знайдений текст, скористайтеся командою Replace в меню Edit (або натисніть Ctrl+Н). Діалогове вікно Replace показане на мал. 8. Воно відрізняється від діалогового вікна Find наявністю поля Replace With. У це поле вводиться текст, який повинен замінити знайдений. Щоб зробити заміну в автоматичному режимі, натисніть кнопку Replace All.

Мал. 8. Діалогове вікно Replace

Перевірка правопису

У FrontPage передбачені два способи перевірки правопису. По-перше, ви можете використати фонову перевірку правопису під час введення тексту, а, по-друге, після закінчення введення тексту ви можете перевірити на помилки всю сторінку (або декілька сторінок) цілком.

При фоновій перевірці правопису слова, які не розпізнані, підкреслюються хвилястою червоною лінією. Настройка перевірки правопису проводиться з вкладки General діалогового вікна Page Options (меню Tools > Раge Options > General). На цій вкладці розташовані два прапорці:

• Установка прапорця Check spelling as you type дозволяє FrontPage провести фонову перевірку правопису під час введення тексту. Якщо така перевірка позначається на швидкості роботи вашої системи або на вашій сторінці дуже багато невідомих FrontPage слів, цей прапорець можна зняти. За умовчанням він встановлений.

• Установка прапорця Hide spelling errors in all documents ховає хвилясті лінії, якими підкреслені нерозпізнані слова. За умовчанням цей прапорець знятий. Ви можете скористатися ним, якщо терпіти не можете червоні підкреслення у вашому тексті і вважаєте за краще провести швидку перевірку потім.

При натисненні правою кнопкою миші по нерозпізнаному слову (яке підкреслене хвилястою лінією) буде відображене контекстне меню з пропозиціями по заміні слова, з можливістю проігнорувати всі згадки цього слова в тексті (Ignore All) або додати його в словник (Add). Більш повний набір можливостей для роботи з такими словами буде запропонований вам, якщо ви запустите перевірку орфографії (для цього в меню Tools виберіть Spelling або просто натисніть кнопку F7). Коли перевірка знаходить нерозпізнане слово, відкривається вікно, показане на мал. 9.

Мал. 9. Засоби перевірки правопису у FrontPage - загальні з іншими додатками Office

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

Ignore - нерозпізнане слово ігнорується, але при повторному знаходженні цього слова перевірка знову зупиниться на ньому;

Change - замінює нерозпізнане слово на слово в полі Change To. Ви можете погодитися із вже запропонованим варіантом, вибрати будь-яке слово зі списку Suggestions, або ввести свій варіант написання прямо в цьому полі;

Change All - діє так само, як Change, але при цьому всі такі ж слова, які будуть знайдені при продовженні пошуку, будуть замінюватися автоматично;

Suggest - перевіряє слово, яке ви щойно ввели в полі Change To, і, якщо воно не розпізнане, пропонує до нього варіанти.

Використання тезауруса

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

Тезаурус, незважаючи на свою назву, яка наводить на думку про сиву старовину, - це просто словник синонімів і антонімів з коротким уточненням їх значень. FrontPage використовує загальний тезаурус з іншими компонентами Office 2000. Використати тезаурус просто - виділіть слово, до якого ви хочете підібрати синонім, і в меню Tools виберіть Thesaurus (або натисніть Shift-F7). Відкриється діалогове вікно Thesaurus (мал. 10).

Мал. 10. Діалогове вікно Thesaurus

FrontPage автоматично відображає список синонімів і антонімів до виділеного слова. Якщо у початкового слова є декілька значень, вони відображаються в списку Meanings. Вибір якого-небудь значення приводить до відображення списку синонімів і антонімів для цього значення. Натиснення кнопки Replace (або просто подвійне натиснення мишею по синоніму) приводить до того, що виділене слово буде замінене синонімом. Якщо ж синонім близький до того, що вам потрібен, але ще не зовсім той, можна скористатися кнопкою Look Up і подивитися синоніми вже для нього. Щоб повернутися до початкового слова, натисніть кнопку Previous.

Форматування абзаців

Оформлення і компонування абзаців - це ключовий елемент компонування всієї Web-сторінки і визначення її зовнішнього вигляду. У FrontPage передбачений багатий вибір засобів для роботи з абзацами.

Використання основних абзацних стилів HTML

FrontPage підтримує 15 основних абзацних стилів HTML. Всі вони показані на мал. 11.

Зверніть увагу, що це саме абзацні стилі. Вони застосовуються до абзаців, а не до кожного символа окремо. Ці стилі призначені для того, щоб визначати структуру документа, а не його точний зовнішній вигляд, тому будь-який браузер буде показувати у відповідності зі своїми настройками, які у різних браузеров можуть сильно відрізнятися. Стилі з Heading 1 по Heading 6 призначені для заголовків різних рівнів. На практиці сторінка, на якій використовуються заголовки всіх шести рівнів, звичайно дуже велика, і потрібно подумати про те, щоб розбити її на декілька. Однак можливість використання різних стилів заголовків забезпечує необхідну гнучкість у відношенні розмірів заголовків. Наприклад, якщо ви бажаєте використати для сторінки більш великі заголовки, виберіть тільки діапазон з Heading 1 по Heading 3. Якщо ж, навпаки, вам потрібні менші заголовки, зупиніться на діапазоні з Heading 4 по Heading 6. Як правило, шрифт найбільшого розміру, передбачений в браузерах для Heading -1, а найдрібніший (для заголовків) для Heading 6.

Мал. 11. Основні абзацні стилі HTML, що підтримуються FrontPage

Стиль Normal призначений для звичайного тексту. Для нього (як і для більшості інших стилів, в тому числі стилів заголовків) передбачене автоматичне перенесення тексту на новий рядок по досягненні правого краю вікна.

Стиль Formatted унікальний з трьох причин: по-перше, для нього використовуються тільки моноширинні шрифти. По-друге, він відображає декілька звичайних пропусків підряд. По-третє, текст з рядків абзацу зі стилем Formatted автоматично не переноситься на наступний рядок при досягненні правого краю екрана. Враховуючи всі ці особливості, стиль Formatted - це ідеальний вибір при використанні табличних даних і коду програм, де необхідно точно зберігати довжину стовпців і відстань між символами.

Стиль Address був спеціально розроблений для виділення адрес Web. Він часто використовується, наприклад, щоб виділити адресу електронної пошти, вміщену окремо від усього іншого тексту. У браузерах часто передбачене виділення всього тексту в абзацах, оформлених цим стилем, курсивом.

Для застосування будь-кого з 15 стилів HTML просто встановіть курсор в потрібному абзаці (або виділіть необхідний проміжок тексту) і потім виберіть потрібний стиль зі списку Change Style панелі інструментів Formatting (перелік всіх інструментів на панелі Formatting, наведений в табл. 4). Крім того, є три клавіатурні комбінації, які дозволять вам при введенні тексту застосовувати стилі, не відриваючи рук від клавіатури. Ось вони:

Crl+Shift+S - переводить курсор у вікно вибору стилю;

Сtrl+Shift+N - застосовує стиль Normal;

Сtrl+Shift+L - застосовує стиль Bulleted List (маркірований список).

Точні настройки властивостей абзацу

Точно настроїти властивості абзацу можна, скориставшись діалоговим вікном Paragraph (мал. 12). Його можна відкрити, клацнувши по тексту абзаца правою кнопкою миші і вибравши в контекстному меню Paragraph або скориставшись командою Paragraph в меню Format.

Мал. 12. Діалогове вікно Рагадгарh

На даний момент нас цікавить єдине поле цього діалогового вікна - Alignment. У ньому ви можете вибрати вирівнювання для абзацу:

Default - використовуються настройки за умовчанням;

Left - вирівнювання по лівому краю;

Right - вирівнювання по правому краю;

Center - вирівнювання по центру;

Justify - по ширині рядка.

Всі інші настройки цього діалогового вікна будуть розглянуті трохи пізніше, при обговоренні каскадних таблиць стилів.

Робота із списками

У термінології HTML списки (lists) - це набір параграфів, перед якими браузер повинен автоматично розставляти цифри (numbers) або спеціальні символи (bullets). Вставляти в текст списки, використовуючи тільки текстовий редактор, - значно складніше, ніж працювати із звичайним текстом. На щастя, FrontPage дозволяє вам забути про всю чорнову роботу.

Створення маркірованих і нумерованих списків

Як ви можете пересвідчитися, подивившись на мал.13-15, у FrontPage підтримуються три різновиди списків:

Picture Bullets (маркіровані списки з використанням зображень). Ви можете вказати зображення, яке буде показувати на початок наступного елемента списку;

Plain Bullets (звичайні маркіровані списки). Браузер буде використовувати стандартний символ для відділення одного елемента списку від іншого;

Numbered Bullets (нумеровані списки). Браузер буде послідовно нумерувати елементи списку.

Мал. 13. Вставка маркірованого списку з використанням зображень

Перетворення існуючих абзаців в список проводиться дуже просто. Спочатку треба виділити необхідні абзаци, а потім скористатися будь-яким з нижченаведених:

• вибрати Numbered List або Bulleted List із списку Change Style панелі інструментів Formatting;

• натиснути на кнопку Numbered List або Bulleted List на панелі інструментів Formatting;

• вибрати команду Bullets And Numbering в меню Format.

Мал. 14. Вставка маркірованого списку з використанням звичайних міток

Мал. 15. Вставка нумерованого списку

Щоб завершити використання списку і повернутися до звичайного тексту, просто натисніть Enter два рази. Якщо зайвий рядок вам не потрібен, приберіть її клавішею Backspace.

На вкладці Picture Bullets ви можете вказати зображення для списку двома способами:

Якщо ви застосували для Web або окремої сторінки тему, можна встановити перемикач Picture в положення Use Pictures From Current Themes. У результаті ви зможете вибрати роздільник елементів списку, передбачений для цієї теми.

Щоб скористатися будь-яким зображенням, встановіть перемикач в положення Specify Picture. При цьому вам доведеться вказати шлях до потрібного зображення.

Зверніть увагу на кнопку Style на мал.13-15. Вона призначена для застосування до списків форматування каскадних таблиць стилів.

На мал.16 показані звичайні маркіровані і нумеровані списки різних рівнів. На практиці список нижнього рівня по відношенню до списку більш високого рівня - це список всередині списку. Створювати такі вкладені списки не складно: виділіть елемент вже готового списку, який ви хочете зробити вкладеним списком, і два рази клацніть по кнопці Increase Indent на панелі Formatting (або два рази натисніть Ctrl+M). Перше натиснення застосує до рядка стиль Normal, а другий - перетворить його у вкладений список.

Мал. 16. Приклади вкладених списків

Щоб перетворити елемент списку в звичайний абзац, помістіть на нього курсор і натисніть кнопку Decrease Indent на панелі інструментів Formatting, В залежності від рівня вкладеності елемента може знадобитися декілька натискань.

Ви можете змінити загальний стиль існуючого списку. Для цього клацніть правою кнопкою миші по існуючому списку і в контекстному меню виберіть List Properties. Відкриється діалогове вікно List Properties. Перейдіть на вкладку Other (мал. 17).

Мал. 17. Додаткові можливості для вибору списків представлені на вкладці Other діалогового вікна List Properties

На цій вкладці ви зможете:

• в списку List Style вибрати відповідний стиль для списку;

• встановити параметр Compact Layout (тільки для списків визначень - Definition List). При установці цього прапорця термін, що визначається, буде розташовуватися на одному рядку зі своїм визначенням.

Створення списків, що стискуються

FrontPage дозволяє зробити багаторівневі списки такими, що стискуються (collapsible). Це означає, що список нижчого рівня можна буде показувати і ховати, клацаючи мишею по елементу списку вищого над ним рівня.

Створювати списки, що стискаються і управляти їх початковим станом можна за допомогою діалогового вікна List Properties. Два прапорці, які за це відповідальні, присутні на всіх вкладках.

Enable Collapsible Outlines - установка цього прапорця включає “стискання” багаторівневого списку. У результаті підрівні будуть з"являтися і зникати в залежності від натиснення мишею по елементах списку.

Initially Collapsed - установка цього прапорця означає, що спочатку всі пiдрiвнi списку будуть сховані.

Використання типів списків із вкладки Other

За допомогою вкладки Other діалогового вікна List Properties можна скористатися типами списків Directory List, Menu List і Definition List.

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

Тип Definition List складається відразу з двох стилів. Він призначений для списків означень, тому в ньому виділяються означувані слова (стиль Definition Term), і абзац з визначенням (стиль Definition). Щоб подивитися, як виглядає такий список, можна заглянути на декілька сторінок назад і подивитися на мал. 11. У середній частині якраз і показаний список типу Definition List. Працювати з таким списком дуже просто.

1. Введіть в новому рядку термін, який ви хочете визначити.

2. Застосуйте до цього рядка стиль Defined Term (використовуючи список Change Style панелі інструментів Formatting).

3. Встановіть в кінці рядка курсор і натисніть Enter. FrontPage почне новий рядок і автоматично застосує до нього стиль Definition.

4. Введіть визначення для терміну і натисніть Enter. FrontPage почне новий рядок і автоматично застосує до нього знову стиль Defined Term.

5. Після того, як ви закінчите роботу з термінами і їх визначеннями, натисніть Enter два рази. FrontPage повернеться до стилю Normal.

Використання шрифтів

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

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

В останніх версіях HTML вже можна вказувати назви шрифтів. Однак від цього буде небагато користі, якщо для Web-сторінки ви використовуєте такі шрифти, як DomCasual ВТ або Elephant. Шансів на те, що вони будуть встановлені на комп"ютери користувачів, небагато. Тому існує велика ймовірність того, що браузер відвідувача просто замінить ці шрифти на інші (швидше всього, на шрифт за умовчанням), внаслідок чого сторінка з"явиться перед очима відвідувача не зовсім в тому вигляді, на який ви розраховували.

Для роботи з шрифтами на панелі інструментів Formatting передбачено цілих сім елементів. Кожний з цих елементів можна використати для застосування атрибута до виділеного тексту або зняття раніше вже застосованого атрибута:

Font дозволяє застосувати до виділеного тексту вибраний вами шрифт;

Font Size дозволяє збільшити або зменшити розмір шрифту;

Bold застосовує до виділеного тексту напівжирне зображення;

Italic застосовує до виділеного тексту курсив;

Underline застосовує до виділеного тексту підкреслення;

Font Color дозволяє вибрати колір для шрифту;

Highlight Color дозволяє вибрати колір фону для виділеного проміжку тексту.

Щоб отримати доступ до більшого числа настройок для тексту, виділіть потрібний відрізок тексту і виберіть Font в меню Format (або клацніть правою кнопкою миші по виділеному тексту і в контекстному меню виберіть Font). Відкриється діалогове вікно Font (мал. 18).

Мал. 18. Діалогове вікно Font

П"ять порад по використанню шрифтів у Web-сторінках:

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

Шрифти не повинні бути дуже великими, щоб не займати даремно простір у вікні браузера. Використання шрифтів дуже великого розміру затрудняє читання тексту і приводить до необхідності часто прокручувати сторінку

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

Уникайте дуже великої кількості різних стилів. Краще використати усього декілька ретельно продуманих прийомів оформлення

Ваша мета - контраст, а не дисгармонія. Це стосується всіх елементів, включаючи фон і шрифт.

Далі буде наведена коротка характеристика кожного з параметрів. Ті параметри, які в нашому списку відмічені словом (CSS), будуть відображатися тільки браузерами з підтримкою каскадних таблиць стилів. Інші браузери їх просто проігнорують.

Font - дає можливість вибрати потрібний шрифт.

Font style - дозволяє застосовувати звичайне зображення, напівжирне, курсив і напівжирне курсивне.

Size - дозволяє вибрати розмір шрифту (у відносному діапазоні від 1 до 7). Поруч з відносними значеннями приведені типові еквівалентні абсолютні значення, але необхідно враховувати, що в різних браузерах вони можуть бути різними.

Color - дає можливість скористатися трьома стандартними діалоговими вікнами для вибору кольору шрифту.

Underline - застосовує до тексту підкреслення.

Overline (CSS) - малює над текстом горизонтальну лінію.

Blink - текст починає мерехтіти. Ті браузери, які не підтримують цей ефект, просто проігнорують цей параметр.

Superscript - перетворює текст у верхній індекс (тобто текст меншає в розмірі і дещо підіймається над рядком).

Subscript - перетворює текст в нижній індекс (текст меншає в розмірі і притискається до нижнього кордону рядка).

Small caps (CSS) - всі букви тексту відображаються як прописні (дещо зменшені в розмірі).

All caps (CSS) - всі букви тексту відображаються як звичайні прописні.

Capitalize (CSS) - перша буква кожного слова в тексті буде показана прописною, навіть якщо в оригіналі вона була рядковою.

Hidden (CSS) - виділений текст відображатися не буде.

Strong - посилює виділений текст. Більшість браузерів відобразять такий текст за допомогою напівжирного зображення.

Emphasis - робить виділений текст більш виразним. Більшість браузерів відобразять такий текст за допомогою курсиву.

Sample - цей стиль призначений для виділення прикладів (наприклад, результатів виконання програми). Звичайно для такого тексту використовується моноширинний шрифт.

Definition - для визначень. Як правило, рівнозначне виділенню курсивом.

Citation - для цитат. Також рівнозначне виділенню курсивом.

Variable - для назв змінних. І для цього стилю звичайно використовується курсив.

Keyboard - призначений для тексту, що вводиться користувачем. Звичайно для цього тексту передбачений моноширинний шрифт.

Code - для прикладів програмного коду. Звичайно використовується моноширинний шрифт.

Для негайного перегляду результатів застосування вибраних вами параметрів призначене поле Preview.

На вкладці Character Spacing (мал. 19) можна задати відстань між буквами і положення тексту відносно рядка.

Мал. 19. Вкладка Character Spacing діалогового вікна Font

Spacing - в цьому списку можна вибрати Normal (звичайна відстань між буквами), Condensed (для зменшення відстані) і Expanded (для збільшення). Якщо значення зі списку вам не підходять, можна встановити своє значення в полі By.

Positioning - в цьому списку можна вибрати Normal (нормальне положення тексту відносно рядка), Raised (над рядком) і Lowered (під ним). Нестандартне значення можна встановити за допомогою поля By.

Як і на попередній вкладці, приклад застосування вибраних вами параметрів можна відразу ж переглянути в полі Preview.

Вирівнювання тексту

У HTML передбачені чотири можливості для вирівнювання тексту: Default, Left, Center і Right. Скористатися ними можна трьома способами:

• На панелі інструментів Formatting передбачені кнопки Align Left, Center і Align Right (див. табл.4). Якщо будь-яке вирівнювання вже застосоване до тексту, відповідна кнопка буде показана натисненою. При використанні вирівнювання за умовчанням жодна з кнопок не натиснена.

• Можна клацнути по абзацу правою кнопкою миші і в контекстному меню вибрати Paragraph. У діалоговому вікні, що відкрилося, можна настроїти вирівнювання в полі Alignment.

• У меню Format виберіть Paragraph. Відкриється те ж діалогове вікно, що і в попередньому випадку.

Всі ці можливості, а також можливість вирівнювати текст по довжині рядка (Justify) надають у ваше розпорядження каскадні таблиці стилів.

Короткий огляд каскадних таблиць стилів

У перших версіях HTML не були передбачені можливості для вказівки типу шрифту, відступів, відстані між рядками і інших елементів оформлення тексту. У більш пізніх версіях з"явилися можливості вказівки типів шрифту і кольору, але тільки для спеціально виділених проміжків тексту. Централізоване управління елементами оформлення тексту тільки засобами HTML досі недосяжне.

Основи CSS

Щоб забезпечити максимальні можливості в області оформлення Web-сторінок, організацією World Wide Web Consortium були затверджені стандарти в області технології, яка отримала назву каскадних таблиць стилів (Cascading Style Sheets, CSS). Застосування CSS складається з двох етапів:

1. Визначення стилю. Стиль - це набір властивостей тексту. Наприклад, до таких властивостей відносяться: вибраний вами шрифт, його колір, розмір, фон і рамка. У CSS стиль називається селектором (selector).

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

Реально для застосування CSS використовуються рядки коду. На скільки це можливо, замість коду ми будемо розглядати діалогові вікна FrontPage, за допомогою яких код CSS генерується автоматично. Спочатку декілька визначень.

Стиль CSS (CSS style) - це набір властивостей тексту, наприклад: гарнітура шрифту, його розмір, насиченість ліній, колір, колір фону, тип рамки і її товщина та інше.

Правило CSS (CSS rule) - це вираз, який привласнює властивості одному або декільком стилям. Ось приклад правила, яке вказує назву шрифту і колір для стилів H1 і H2:

H1, H2 {font-family; Anal; color; red}

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

Селектор (selector) - ця назва стилю CSS. Для наших цілей цікаві тільки три типи селекторів:

o Клавіатурні селектори (type selectors) називаються так само, як і теги HTML: Р - для звичайних абзаців, H1 - для Heading1 (заголовка першого рівня), LI - для елемента списку, TD - для елемента таблиці і т.д. Застосування правила до клавіатурного селектора приводить до того, що змінюється вигляд всіх елементів сторінки, що управляються відповідним тегом HTML. Перше правило в наведеному нижче прикладі застосовує курсив до всіх комірок заголовка таблиці, друге правило робить весь напівжирний шрифт на сторінці червоним.

TH { font-style; italic;}

B { color; red;}

o Селектори класів (Class selectors) не застосовуються автоматично до яких-небудь частин сторінки. Вам необхідно вказати, до яких дільниць сторінки ви маєте намір їх застосувати. Перший вираз в прикладі створює клас goga, а другий - застосовує його до абзацу.

.goga { color: white; background-color: black; }

Цей текст буде білим на чорному фоні.

Зверніть увагу, що вираз, за допомогою якого ви визначаєте клас, починається з крапки. При застосуванні стилю до абзацу крапку на початку ставити не треба!

o Селектори ідентифікаторів (ID selectors) діють подібно до селекторів класів. Єдина відмінність полягає в тому, що після створення стилю і прив"язки його до ідентифікатора ви можете вказати цей ідентифікатор для елемента сторінки. Ось простий приклад. Створюється стиль для всіх елементів з ідентифікатором bruce, а потім ідентифікатор bruce присвоюється абзацу. У результаті текст в абзаці повинен стати напівжирним.

#bruce { font-weight: bold; }

<р id=bruce> Цей текст буде виділений напівжирним.

На жаль, не можна використовувати один і той же ідентифікатор більше ніж для одного елемента на сторінці. Тому селектори ідентифікаторів, на відміну від селекторів класів, використовуються відносно рідко. Зверніть увагу на префікс #, який використовується при створенні селектора ідентифікаторів.

Браузери, що підтримують CSS

CSS - це відносно нова технологія, і не всі браузери її підтримують. В Internet Explorer підтримка CSS з"явилася, починаючи з версії 3, а в Netscape Navigator - з версії 4. Більшість старих браузерів відносяться до CSS так само, як і до інших невідомих тегів HTML - вони їх ігнорують.

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

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

Де можна розмістити правила CSS

Є декілька можливостей для розміщення правил CSS на Web-сторінці.

Приєднати до елемента сторінки. В останніх версіях HTML для елементів сторінки передбачений атрибут STYLE, який дозволяє вам застосовувати до елемента форматування CSS. Код HTML при використанні цього атрибута виглядає таким чином:

<р >

Назва реферату: Введення і форматування тексту
Розділ: Комп"ютери, програмування
Опубліковано: 2008-01-05 22:17:47
Прочитано: 1452 раз

1 2 3 4 5 [6]

завантажити реферат завантажити реферат
 
 


Пошук
......

Страницы: [1] | 2 |




 




 

Записник:
Вибранні реферати  

Рефератів в нашій базі:
Рефераты: 16675
Розділи у алфавытному порядку:
АБВГДЕЖЗ
ИЙКЛМНОП
РСТУФХЦЧ
ШЩЪЫЬЭЮЯ

 

Підказка: Введення і форматування тексту | Реферат

TextReferat © 2021 - Реферати українською мовою, українські реферати на нашому сайті ви можете скачати безкоштовно, також можете перед завантаженням ознайомитись за потрібним вам рефератом. Якщо ви не можете знайти потрібний вам реферат, користуйтесь пошуком.