Основи створення 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), у правому верхньому кутку якої знаходиться миготливий курсор.

Основи створення Web-сторінок

Рис. 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.

Основи створення Web-сторінок

Рис. 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.

Основи створення Web-сторінок

Рис. 6.4. Цей заголовок оформлений як заголовок першого рівня, зверніть увагу на те, що в списку стилів Ви вибрали Heading 1

4. Почнемо вводити імена співробітників. Натисніть; курсор перейде на новий рядок, після цього виберіть зі списку стилів Heading 3 (Заголовок 3). Під щойно введеної вами шапкою з'явиться рядок, що виглядає як заголовок третього рівня; наберіть в ній Kathy.

5. Повторюйте крок 4, введіть імена решти співробітників бухгалтерії: EU, Той, Janine і Kevin. Ваша сторінка буде виглядати так, як показано на рис. 6.5.

Основи створення Web-сторінок

Рис. 6.5. Домашня сторінка Accounting Рис. 6.6 ілюструє відносні розміри всіх шести рівнів заголовків.

Основи створення Web-сторінок

Рис. 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 та виберіть один із шаблонів сторінок фреймів.

Основи створення Web-сторінок

Ріс.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.

Виберіть файл зі списку і натисніть кнопку ОК. Сторінка відкриється у редакторі в новому вікні.

Основи створення Web-сторінок

Рис. 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 на панелі інструментів.


Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Доповідь
53.6кб. | скачати


Схожі роботи:
Web-Дизайн і програми для створення web-сторінок
Принципи створення Web-сторінок
Internet Explorer створення Web сторінок
Internet Explorer - створення Web-сторінок
Створення інтерактивних WEB - сторінок для отримання інформації в мережі Інтернет з використанням
Створення інтерактивних WEB сторінок для отримання інформації в мережі Інтернет з використанням форм
Створення WEB
Створення Web-сайту
Створення web-сторінки
© Усі права захищені
написати до нас
Рейтинг@Mail.ru