Основи створення Web-сторінок
Обійдемося без HTML
Поза всяким сумнівом, найбільш цікаві справи зараз кояться у Всесвітній Павутині, і
напевно, ви теж хочете бути в центрі подій, інакше ви не читали б ці рядки. Але щоб гідно виглядати в Internet, вам треба бути справжнім асом HTML. А
хто в наш час має у своєму розпорядженні достатні можливості для того, щоб досконально вивчити хоч що-небудь, особливо якщо це стосується
програмування? Але ж хочеться іноді і просто телевізор подивитися ... Не падайте духом: як ви вже знаєте, Провідник в силах полегшити вашу долю, а й
Редактор Frontpage також не виняток.
Редактор Frontpage дотримується тих самих дружніх принципів по відношенню до
користувачеві, що і Провідник. Frontpage дозволяє вам створювати сторінки професійної якості, при цьому не вимагаючи від вас знання тонкощів HTML.
Якщо, редагуючи сторінку, ви захочете виділити слово курсивом або змінити колір заголовка - будь ласка, позначте потрібний фрагмент тексту, натисніть кнопку, і
справа в капелюсі: Frontpage сам згенерує відповідний код HTML. Завдяки цьому ви зможете сконцентруватися на більш важливі речі, наприклад, на
опрацювання дизайну свого сайту. І навіть не виключено, що ви зможете, нарешті, дозволити собі повалятися ввечері на дивані перед телевізором.
Також не забуті досвідчені знавці і цінителі HTML і ті, хто хоче такими стати.
При бажанні ви зможете прямо в редакторі писати код HTML і тут же, не запускаючи браузер, бачити результати своєї діяльності.
Отже, засукавши рукави і приступайте до справи: зараз ми з вами розберемося, як з
допомогою редактора Frontpage досягти саме того результату, до якого ви прагнете. Для ілюстрації всіх можливостей редактора ми з вами розробимо
сайт для мережі intranet вигаданої компанії "Cascade Coffee Roasters". Попутно ви ознайомитеся з кількома прикладами інтеграції
Frontpage з додатками Microsoft Office.
Редактор Frontpage в першому наближенні
Одна з головних принад Редактора полягає в його вміння представляти сторінки в
режимі WYSIWYG (what you see is what you get - що бачите, то й одержуєте). Це означає, що в браузері вони будуть виглядати так само, як і в редакторі. Ще не
так давно кожну дрібницю доводилося вручну описувати в кодах HTML, і залишалося лише сподіватися, що результат буде саме таким, як було задумано.
Тепер же вам потрібно лише домогтися, щоб ваша сторінка правильно виглядала в редакторі - так, це самий справжній WYSIWYG.
Робота в редакторі Frontpage дуже схожа на роботу з текстовим процесором, подібним
Microsoft Word. Ті, кому доводилося мати справу з Microsoft Word, напевно дізнаються стандартні кнопки, такі, як жирний шрифт, курсив і підкреслення,
марковані й нумеровані списки, повтор і скасування операції і т. п. Введення тексту у вікні Редактора відбувається точно так само, як у Word; точно так само, як
в Word, можна перевіряти орфографію. У редакторі дуже зручно - буквально в кілька рухів миші - будувати таблиці та фрейми (frames).
Як Word, Редактор Frontpage дозволяє одночасно відкривати кілька файлів, а
оскільки Редактор оперує сторінками, то сміливо можна сказати, що він дозволяє відкривати одночасно декілька сторінок. Ця можливість дуже корисна,
наприклад, у тих випадках, коли, щоб дотриматися узгодженість і точність інформації, потрібно швидко переходити від однієї сторінки до іншої. Редактор
також дозволяє скопійована (разом з усім кодом HTML) з Internet і відредагувати її. Це може бути зручно, коли ви хочете швидко отримати
інформацію з інших своїх сай-тов. Зрозуміло, при копіюванні інформації з інших сайтів будьте вкрай уважні, щоб не порушити нічиї авторські
права; пам'ятаєте, що плагіат в результаті дуже дорого обходиться.
Запуск редактора
Як потрапити до редактора? Це можна зробити кількома способами:
- Двічі клацнувши на сторінці в структурі папок (Folders View), списку файлів (All Files View), карті навігації (Navigation View ) або
схемою ги-перссилок (Hyperlinks View) Провідника. При цьому буде викликаний Редактор і відповідна сторінка відкрита в його вікні
- Натиснувши правою кнопкою миші в структурі папок, списку файлів, карті навігації
або схемою гіперпосилань Провідника і вибравши в контекстному меню команду Open
- Натиснувши правою кнопкою миші в списку завдань Провідника (Tasks View) на задачі, пов'язаної з сторінкою, і вибравши в
контекстному меню опцію Do Task; відкриється Редактор із зазначеною у вікні сторінкою
- Запустивши Редактор безпосередньо (або прямо з Microsoft Windows, або з Провідника
Frontpage при натисканні на панелі інструментів кнопки Show Frontpage Editor або командою Show Frontpage Editor з меню Tools). У цьому випадку
Редактор відкриється з порожнім екраном; щоб відкрити потрібну сторінку, використовуйте команду Open меню File і приступайте до редагування
При запуску Редактор відкриє своє власне вікно, у верхній частині якого, як в
більшості програм подібного класу, розташовані меню і панелі інструментів. Коли всі панелі інструментів видимі, Редактор виглядає так, як показано на
рис. 6.1.
Спочатку він може здатися важкувато, але не лякайтеся: у цьому розділі ви дізнаєтеся, для
чого призначені більшість цих кнопок і меню. Якщо ви вмієте користуватися Excel, ви помітите, що вкладки внизу вікна редагування - Normal (Звичайний
вид), HTML (Код HTML) і Preview (Попередній перегляд) - схожі на вкладки робочих аркушів. Ці вкладки дозволяють побачити редагується
сторінку з різних точок зору. Для початку ми будемо працювати у звичайному режимі (вкладка Normal). Проте перш ніж розпочати роботу в редакторі,
вивчимо, як найкращим чином налаштувати його і максимально пристосувати до своїх потреб.
Налаштування параметрів редактора
Напевно в роботі з комп'ютером у вас є якісь звички і уподобання. Якщо,
Наприклад, у вас алергія на панелі інструментів, то ви маєте повне право прибрати їх з екрану. Чи, може, вам подобається вікно побільше і менші
стандартного. Налаштування всіх цих елементів Редактора досить проста. Розглянемо деякі способи благоустрою вашого робочого місця.
Зміна розмірів вікна
Зазвичай буває зручно розсунути вікно редактора на весь екран, щоб бачити як можна
велику площу редагованої сторінки. Зверніть увагу на групу з трьох кнопок, розташовану у правому верхньому кутку вікна Редактора. Щоб максимально
відчинити вікно, натисніть кнопку максимізації - вона середня в цій групі (зрозуміло, якщо вікно ще не розгорнуто на весь екран). Щоб відновити
попередній розмір і місце розташування вікна Редактора, натисніть кнопку відновлення, яка займе місце кнопки максимізації. Цей набір з трьох кнопок абсолютно
такий же, як і в будь-яких інших програмах Microsoft Windows NT 4.0 і Windows 95.
В редакторі можна розгортати та згортати вікна окремих сторінок. Щоб розгорнути сторінку, натисніть середню кнопку в правому верхньому куті заголовка
вікна відповідної сторінки; щоб згорнути сторінку, натисніть ліву кнопку в цій групі. Коли ви мінімізуєте сторінку, вона згорнеться в кнопку і
розташується внизу вікна Редактора; завдяки цьому ви завжди зможете бачити, скільки сторінок відкрито в редакторі одночасно.
Робота з панелями інструментів
Редактор має в своєму розпорядженні поруч панелей інструментів, якими можна керувати через меню
Yiew (Вид): Standard (Стандартна), Format (Оформлення), Image (Малювання), Forms (Форми), Advanced (Додатково) і Table (Таблиця). Коли вони все видно,
як показано на рис. 6.1, вони займають істотну частину вікна Редактора. Тому ті, що вам не потрібні, краще сховати. Щоб приховати панель інструментів,
відкрийте меню View і приберіть галочку навпроти імені цієї панелі. Щоб показати заховану панель, знайдіть її ім'я в меню Yiew і поставте навпроти нього
галочку, тоді панель з'явиться на тому ж самому місці, яке вона займала раніше. Придивившись, ви побачите в меню View пункти Status Bar (Строка
стану) і Format Marks (Символи форматування). Цим опцій присвячено наступний розділ даної глави.
Панелі Редактора можна розташовувати в будь-якому місці екрана. Щоб пересунути панель інструментів, клацніть на будь-якому місці панелі, не зайнятому
кнопками, і перетягніть її на нове місце. Якщо ви залишите її будь-де у вікні редагування, то панель буде плаваючою. Якщо такий варіант вас не
влаштовує, підтягти панель до будь-якого краю вікна і залиште її там.
Рядок стану і символи форматування
Рядок стану, розташовану в самому низу вікна Редактора, можна ховати і показувати; для цього служить команда Status Bar меню View.
Редактор в деяких випадках неявно використовує символи форматування, такі, як знаки
абзацу. Щоб показати чи сховати ці мітки на сторінці, виберіть у меню View опцію Format Marks.
А тепер, коли ви досить познайомилися з деякими основними настройками
Редактора, саме час повернутися до саит RoasterNet нашої славної фірми "Cascade Coffee Roasters".
Підказка
Щоб приховати або показати символи форматування, можна скористатися кнопкою
Show/Hide Paragraph панелі інструментів. На ній зображено символ абзацу.
Приступимо до будівництва
У цьому розділі описано більшість елементів, які ви можете з допомогою Редактора розмістити на сторінці. У вашому розпорядженні будуть всі звичайні
елементи сторінок, такі як тексти, гіперпосилання, заголовки і ряд менш ординарних: таблиці (tables), фрейми (frames), рядки, що біжать (marquees),
фонові звуки (background sounds) та відео (video). Вони обговорюються в цьому розділі і в розділі 7. Ще один важливий елемент Web-сторінок - зображення (про
них ми детально поговоримо в розділі 8). Також Редактор дозволяє вставляти в сторінки форми (forms) і Компонент (Components), яким
присвячена глава 9. Найбільш передові Web-технології, такі, як компоненти ActiveX і аплети Java, детально розглянуті в главі 10, теж легко
вбудовуються в HTML-сторінки.
Розміщуючи на сторінці черговий елемент, намагайтеся дотримуватися простого принципу:
вважайте, що ви працюєте в текстовому процесорі, наприклад, у Microsoft Word. Багато прийоми маніпулювання елементами сторінок у редакторі
повністю аналогічні тим, які знайомі вам по роботі в Word. Багато меню і панелі інструментів також повторюють аналогічні елементи в Word. Якщо вам
доводилося працювати з текстовими процесорами, то напевно ви засвоїте Редактор Frontpage швидко і без особливих зусиллі.
Переміщення по сторінці
Переміщення по змісту сторінки (якщо воно, звичайно, є) проводиться традиційним
способом за допомогою клавіатури. Наприклад, для прокручування сторінки на один екран вгору або вниз використовуються клавіші і
відповідно; комбінація клавіш + приведе вас на самий верх сторінки, a + - в її кінець. Для руху по
сторінці можна також використовувати стрілки, а смуги прокрутки, як завжди, просувають вікно в горизонтальному і вертикальному напрямку.
У редакторі Frontpage реалізовані 25 найбільш популярних клавіатурних комбінацій
Microsoft Word, так що користувачі Office будуть почувати себе в редакторі, як вдома.
Текст
Щоб помістити на сторінку тексту, просто-напросто введіть його з клавіатури. Подивимося, як на нову сторінку Human Resources (Персонал) сайту
RoasterNet вставити текст:
1. Командою Sew меню File створіть в редакторі нову сторінку. У діалоговому
вікні New виберіть Normal Page (Звичайна сторінка) і натисніть кнопку ОК. На вашому екрані з'явиться пуста сторінка (рис. 6.2), у правому верхньому кутку якої
знаходиться миготливий курсор.
Рис. 6.2. Нова сторінка в редакторі
2. Наберіть слова Cascade Coffee Roasters.
Зверніть увагу, що текст починається з лівого краю поточного рядка. У вашій владі
розташувати його яким-небудь більш цікавим чином:
зробити відступ, вирівняти по правому краю або по центру. Можна змінити шрифт та кегль
для тексту, зробити його заголовком або змінити його властивості ще масою способів. Всі ці прийоми форматування ми розглянемо в наступному розділі.
Все те, що ви введете, буде так само виглядати в браузері. Щоб почати новий
абзац, натисніть клавішу, як у Word.
Підказка
Для вирізання, копіювання і вставки в редакторі використовуються стандартні комбінації клавіш: + (Вирізати),
+ (Копіювати), + (Вставити). Інший варіант - клацанням правої кнопки відкрийте контекстне меню і виберіть
відповідну команду з нього.
Вирізання, копіювання та вставка тексту
Процедура вирізання, копіювання і вставки тексту (так само, як і будь-яких інших елементів)
в редакторі Frontpage виглядає точно так само, як в додатках Office. Редактор використовує буфер обміну аналогічно додатків Office: ви можете вирізати і
копіювати будь-які фрагменти в інші відкриті в редакторі сторінки або до документів інших додатків. Просто виріжте або скопіювати потрібний фрагмент у
буфер, перейдіть в документ (попередньо його необхідно відкрити) і виконайте вставку. При цьому форматування тексту може виявитися частково втраченим --
це залежить від програми, до якого ви переносите свій матеріал. Наприклад, якщо ви перемістіть текст, набраний шрифтом різного кегля, в Блокнот
(Notepad), то в Блокноті весь текст буде мати однаковий, встановлений за умовчанням кегль.
Видалення тексту
Видалення тексту або інших елементів так само просто. Його можна зробити декількома
способами: відзначивши видаляється, фрагмент, можна потім натиснути клавішу, а можна вибрати в меню Edit опцію Clear.
(Рада)
Якщо ви захочете повернути назад віддалений матеріал, виберіть у меню Edit опцію
Undo або натисніть кнопку Undo на панелі інструментів. Докладніше про це читайте в наступному розділі.
Зрозуміло, ви можете видаляти символи і цілі слова перед курсором і після нього. Щоб
видалити слово праворуч від курсору +, а слово ліворуч від курсору - +. Спробуйте цей прийом - з
всіх комбінацій клавіш Редактора Frontpage і Microsoft Word ці використовуються, мабуть, рідше всіх, але вони істотно прискорять процес редагування.
Матеріал з файлів Microsoft Office
Однією з найсильніших сторін Frontpage є його здатність органічно засвоювати
матеріал з файлів Microsoft Office. Така дружба Front-page і Microsoft Office економить масу часу. Наприклад, якщо інформація, яку ви хотіли б
помістити на сторінку сайту Frontpage, знаходиться у файлах Word або Excel, то вам не доведеться вводити її в редакторі Frontpage заново.
Копіювання та вирізання з файлів Office
Рис. 6.3 ілюструє, з якою легкістю можна перемістити матеріал з Word в
Редактор Frontpage. Дівчина з відділу кадрів "Cascade Coffee Roasters" за звичкою почала набирати текст для домашньої сторінки
RoasterNet в Word, але адміністратор сервера компанії строго вказав їй, що слід використовувати Frontpage. І нехай написано-то було всього кілька рядків,
але навіщо ж робити зайву роботу, треба просто перенести текст з Word в Редактор Frontpage.
Рис. 6.3. Передача інформації з Word в Редактор Frontpage
Це робиться так: потрібний текст виділяється в Word, копіюється в буфер, потім ми
перемикаємося в Редактор і вставляємо текст з буфера туди, де ми хотіли б його бачити. Frontpage автоматично перетворює його в формат HTML.
Перетягування файлів Office в Редактор
Тепер перейдемо до більш цікавим речам. Згадаймо попередній приклад і припустимо,
що у нас в Word набрано не кілька рядків, а кілька сторінок. Зрозуміло, можна не полінуватися конвертувати їх у файли HTML, благо відповідних
програм зараз є багато. Але ми-то знаємо, що це не потрібно, адже в компанії "Cascade Coffee Roasters" використовують Frontpage.
Розберемося, як ставити посилання на файли Office, а також як відкривати цілі файли в
Редакторі Frontpage і автоматично перетворювати їх у файли HTML:
- Якщо файл Office вже імпортовано в Провідник у складі сайту (тобто на нього
усередині сайту є посилання), то можна підчепити це фото в Провіднику і перетягнути його на сторінку, відкриту в редакторі. Щоб це зробити, клацніть у
Провіднику на значку відповідного файлу (це буде, відповідно, значок Word або Excel) і, утримуючи ліву кнопку миші натиснутою, перетягніть файл на
видиму частину сторінки Редактора. Frontpage на ім'я файлу створить посилання на нього
- Можна перетягувати файли Office з будь-якого місця в Windows прямо на сторінку,
відкриту в редакторі. Так, наприклад, ви можете перетягнути файл з провідника Windows і навіть з робочого столу (desktop) Windows. Frontpage конвертує файл
в HTML і має в своєму розпорядженні його на відкритій сторінці. Якщо у файлі містяться посилання, то вони преобразовиваются у лінки Frontpage, зберігаючи при цьому свої прив'язки
Рада
Для того щоб в редакторі вставити файл у сторінку, можна скористатися командою
File меню Insert (Вставити).
До речі, майте на увазі, що Редактор при цьому повинен бути відкритим, але не обов'язково
активний. Файл можна перетягнути на кнопку Редактора на панелі завдань (taskbar) Windows і секунду почекати, утримуючи кнопку миші натиснутою. Після цього
Редактор стане активним і ви зможете опустити файлу на відкриту сторінку.
Рада
Редактор дозволяє перетягувати і вставляти файли будь-якого формату, що підтримується
Office. Наприклад, у Редактор можна перетягувати документи WordPerfect або робочі аркуші Lotus 1-2-3.
Заголовки
Однією з умов ефективного дизайну Web-сторінок є розумне використання
заголовків. Надлишок великих заголовків, швидше за все, зробить вашу сторінку важко читається, а сторінки, бідні заголовками, часто сумовиті на вигляд і складні
для сприйняття. Заголовки допомагають структурувати представлену на сторінці інформацію - точнісінько як в газеті чи журналі.
На прикладі однієї з сторінок все того ж сайту RoasterNet розглянемо простий випадок
використання заголовків. Нехай це буде домашня сторінка бухгалтерії - Accounting. На цій сторінці ми хотіли б бачити список імен співробітників, до
яких згодом будуть прив'язані посилання на їх власні сторінки. Послідовність ваших дій буде така:
1. Створіть у редакторі нову сторінку, вибравши в меню File опцію New. У
діалоговому вікні New Page виберіть Normal Page і натисніть кнопку ОК. У редакторі з'явиться пуста сторінка, у лівому верхньому куті якої
розташовується миготливий курсор.
2. Зі списку стилів на панелі форматування виберіть Heading 1 (Заголовок
1). Зауважте, що в списку перераховані шість рівнів заголовків. Шапка сторінки повинна бути виділена як слід - наприклад, як заголовок першого рівня. У
редакторі Frontpage заголовок буде оформлений з нового рядка як окремий абзац.
3. Введіть основний заголовок сторінки. Accounting, як показано на рис.
6.4.
Рис. 6.4. Цей заголовок оформлений як заголовок першого рівня, зверніть увагу на те, що в списку стилів
Ви вибрали Heading 1
4. Почнемо вводити імена співробітників. Натисніть; курсор перейде на
новий рядок, після цього виберіть зі списку стилів Heading 3 (Заголовок 3). Під щойно введеної вами шапкою з'явиться рядок, що виглядає як
заголовок третього рівня; наберіть в ній Kathy.
5. Повторюючи крок 4, введіть імена інших працівників бухгалтерії: EU, Той,
Janine і Kevin. Ваша сторінка буде виглядати так, як показано на рис. 6.5.
Рис. 6.5. Домашня сторінка Accounting Рис. 6.6 ілюструє відносні розміри всіх шести рівнів заголовків.
Рис. 6.6. Співвідношення розмірів заголовків різного рівня
В вашому браузері ці заголовки можуть виглядати трохи інакше, ніж в редакторі
Frontpage, оскільки браузер сам визначає, як саме вони повинні виглядати. Це не має великого значення, тому що в будь-якому випадку формати цих заголовків
задаються таким чином, щоб заголовок більш високого рівня (найвищий рівень - перший) завжди був більший заголовка більш низького рівня. Як
правило, чим важливіше заголовок, а отже, вище його рівень, тим більший шрифт, тим більше інтервали до і після нього.
Списки
Розмістивши інформацію на сторінках, не забувайте про те, що іноді зручно представляти
матеріал не абзацами, а у вигляді списків. Списки читаються легше довгих безперервних абзаців, тому помірне використання списків може поліпшити
сприйняття сторінок, а проте дуже захоплюватися ними теж не варто, тому що є небезпека зробити сторінки сухими і нудними.
Рада
Атрибути нумерованих списків можна змінювати. Наприклад, нумерація може проводитися
римськими цифрами (як великими, так і малими) або літерами (також і малими, і великими); можна встановити будь-який початкове значення номера.
Більш детально ці питання розібрані в главі 7, в розділі "Властивості списків"./
Точний вигляд списків усіх типів визначається браузером, використовуваним для перегляду
сторінки. Тут ми наведемо лише коротку характеристику кожного типу: усі вони були доступні в спадному списку стилів на панелі відформатовані ия:
- Bulleted List (Маркований список). Елементи такого списку забезпечені маркерами.
Маркіровані списки зазвичай використовуються для перерахування логічно пов'язаних одиниць інформації без певної послідовності
- Directory List (Покажчик). Інший формат маркованих списків. Деякі браузери
інтерпретують його дещо інакше, ніж звичайний нумерований список; зазвичай використовується в тих випадках, коли пункти списку дуже короткі
- Menu List (Меню). Різновид маркованих списків, що підтримується більшістю браузерів
- Numbered List (Нумерований список). Цей список являє собою послідовність
впорядкованих пунктів. Зазвичай вони нумеруються цифрами, починаючи з 1. Нумеровані списки є ідеальним засобом, наприклад, для запису послідовності
дій
Створення списку
Повернемося до RoasterNet. Співробітниця профкому хоче довести до відома всіх службовців
компанії, як слід оформляти відпустку за свій рахунок. Зрозуміло, тут їй не обійтися без нумерованого списку. Ось що їй належить зробити:
1. Відкривши сторінку в редакторі, помістити курсор на те місце, де має перебувати початок списку, його можна встановити на початок, середину і навіть на
кінець абзацу. Якщо в тому рядку, де стоїть курсор, вже є який-небудь текст, то Frontpage зробить цей абзац перший пункту списку. Якщо потрібно почати
новий список, то поставити курсор на порожню рядок.
Підказка
Можна перетворити на маркований або нумерований список вже існуючий текст. Для
цього позначте потрібний фрагмент та натисніть відповідну кнопку на панелі інструментів. Детальніше про функції форматування розказано в наступному розділі.
2. Вибрати в списку, що розкривається стилів опцію Numbered List.
Frontpage відзначить перший рядок нового списку номером 1. Набрати текст першого пункту списку.
3. Увівши перший пункт, натиснути клавішу. Редактор поставить на новій
рядку наступний номер, після якого можна ввести наступну порцію тексту. (Повторюйте цю процедуру до тих пір, поки список не закінчиться.)
4. Завершивши введення списку, натиснути комбінацію клавіш +.
Редактор Frontpage почне новий рядок під списком і встановить курсор на її початок
Визначення
Визначення (definition) - це спеціальний вид форматування, що може бути корисним, зокрема, для
оформлення списків, які складаються з термінів та їх визначень (зрозуміло, ви вільні придумати цього формату будь-яке застосування). Послідовність
визначень у багатьох відношеннях можна розглядати як особливий різновид списку, тільки замість цифр або маркерів пункти списку починаються зі слів або
фраз, а інша частина пункту форматується як відповідна словникова стаття.
У більшості браузерів кожний термін для визначення вирівнюється по лівій межі сторінки, а текст визначення розташовується під ним з відступом вправо
(на зразок того, як у маркованому списку маркер розташовується у лівого кордону, а текст форматується з відступом). В інших браузерах термін
розташовується на одному рядку, а пояснення до нього - на наступній.
Робота з файлами сторінок
Стандартні команди роботи з файлами в редакторі схожі на аналогічні команди Провідника,
з тією різницею, що діють вони на рівні сторінок, а не Web-сайтів. Наприклад, в редакторі команда Close закриває сторінку, а в Провіднику,
відповідно, цілком сайт. Крім цього, над файлами в редакторі можна виробляти ще деякі додаткові дії, як, наприклад, друк. У
цьому розділі ви познайомитеся з файловими командами Редактора.
Створення нових сторінок
Процес створення нових сторінок у редакторі вельми простий: більше того, Редактор
надає у ваше розпорядження ряд шаблонів і майстрів, за допомогою яких ви можете створювати сторінки з найрізноманітнішими властивостями. Частіше за все ви
будете створювати сторінки, щоб приєднати їх до поточного відкритого сайту, але це не єдиний можливий випадок; можна створити нову сторінку, зберегти
її незалежно і додати до будь-якого сайту пізніше (читайте про це далі в цій главі в розділі "Збереження сторінок").
Підказка
Створити нову сторінку за шаблоном Normal page можна одним натисненням на кнопку New
на панелі інструментів.
Щоб створити нову сторінку, виберіть у меню File опцію New або натисніть
комбінацію клавіш +. Ви побачите діалогове вікно New, зображене на рис. 6.7. У вікні New виберіть потрібний шаблон сторінки або
перейдіть на вкладку Frames та виберіть один із шаблонів сторінок фреймів.
Ріс.6.7. Діалогове вікно New
Вибравши зі списку необхідний шаблон, натисніть кнопку ОК. Вичерпна опис
шаблонів і майстрів було приведено у розділі 4.
Відкриття сторінок
Команда Open дозволяє вам відкривати сторінки сайту, завантаженого в Провіднику,
збережені у вигляді файлів на диску вашого комп'ютера або в локальній мережі і навіть сторінки безпосередньо з Internet. З її допомогою можна відкривати не тільки
сторінки, створені під Frontpage, але і файли ще деяких типів. Це забезпечує додаткові можливості додавання матеріалу в ваш сайт. У
Редакторі ви зможете відкрити файли наступних типів:
- Файли HTML (HTM, HTML)
- Файли Preprocessed HTML (HTX, ASP)
- Файли RTF (Rich Text Format)
- Текстові файли (ТХТ)
- Гіпертекстові шаблони (НТТ)
- Документи Word (DOC)
- Файли WordPerfect (DOC, WPD)
- Робочі листи Excel (XLS, XLW)
- Файли Works (WPS)
А якщо у вас встановлено Microsoft Office і при його установці ви вибрали додаткові конвертори документів, то вони також будуть доступні для
Frontpage.
Відкриття сторінки поточного сайту
Якщо ви бажаєте редагувати сторінку, що входить до поточний відкритий в Провіднику
сайт, то у вас є два шляхи: по-перше, ви можете перемкнутися в Провідник, знайти в ньому потрібну сторінку і відкрити її звідти (подвійним клацанням миші);
по-друге (це навіть простіше), ви можете відкрити її в редакторі за допомогою команди Open з меню File.
Коли ви виберете команду Qpen, то побачите діалогове вікно Open,
показане на рис. 6.8.
Виберіть файл зі списку і натисніть кнопку ОК. Сторінка відкриється в редакторі в новому
вікні.
Рис. 6.8. Діалогове вікно Open
Відкриття сторінки з файлу
Припустимо, редагуючи свій Web-сайт, ви захотіли додати в нього сторінку, яка
записана у вас як файл, але не входить ні в один із сайтів Frontpage. Припустимо, наприклад, що хтось у вашій організації насочінял якихось
спеціальних сторінок і записав їх для загального користування, щоб будь-який бажаючий міг при необхідності вставити будь-яку з них у свій сайт. Якщо вам
захочеться помістити в свій сайт таку сторінку, зробіть наступне:
1. Натисніть кнопку File команду Open. Якщо Провідник у вас в цей
час запущено, то ви побачите вікно діалогу Open. Клацніть на кнопці Select a file on your computer (Вибрати файл на своєму комп'ютері), це
друга кнопка праворуч від текстового поля URL; при цьому відкриється діалогове вікно Select File, показане на рис. 6.9. Якщо ви працюєте в
Редакторі, не запускаючи Провідник, по команді Open відразу відкриється вікно діалогу Select File.
2. Знайдіть потрібний файл і натисніть кнопку ОК. Файл відкриється в редакторі.
Підказка
Щоб швидко викликати вікно діалогу Open, натисніть комбінацію клавіш + чи кнопку Open на панелі інструментів.
