«Управління персоналом І економіка праці»

Вид материала

Навчально-методичний посібник

Содержание Практичне заняття 2 Завдання для самостійної роботи студентів Контрольні питання Задання 3. Створення Web-вузлів за допомогою майстрів і шаблонів 2.  Шаблон створення пустого Web-вузла. 3.  Шаблони створення багатосторінкового персонального Web-вузла. File виберіть команду New 4.  Модифікація персонального Web-вузла. Page Banner Properties Home. Щоб змінити на панелі навігації назву кнопки переходу на Домашню Web-сторінку Home (додому) введіть відповідне українське слово і клацніть по кнопці OK 5.  Створення Web-сторінок за допомогою шаблонів і майстрів. New (див. рис. 8), на вкладинці General 6.  Додавання до Web-вузла нової сторінки.

Подобный материал:

• Робоча програма та методичні вказівки щодо проходження магістерської практики для студентів, 416.45kb.
• Інформація про програми Напрям підготовки 030505 „Управління персоналом та економіка, 102.35kb.
• Графік, 89.39kb.
• Управління персоналом І економіка праці, 28.54kb.
• Програма вступного іспиту зі спеціальності 050109 «Управління персоналом І економіка, 172.45kb.
• Програма фахового вступного випробування з англійської мови, 63.05kb.
• Освітня програма підготовки магістра за спеціальністю «Управління персоналом І економіка, 14.54kb.
• Освітня програма підготовки бакалавра за напрямом «Управління персоналом І економіка, 33.27kb.
• Програма фахового вступного випробування для зарахування на навчання за окр «бакалавр», 173.16kb.
• Програма вступних випробувань за спеціальністю „Управління персоналом та економіка, 436.27kb.

Практичне заняття 2

Тема. Режими перегляду і редагування існуючих Web-сайтів та Web-сторінок

Мета: дати студентам ґрунтовні навички по роботі з існую­чими Web-сайтами та Web-сторінками, їх перегляду та редагу­ванню.

Завдання

1. 
   1.  Перейдіть в режим перегляду структури папок: Команди View (вид) – Folders (папки), або скористатися кнопкою Folders на вертикальній панелі Views і ознайомитися з можливостями такого режиму.
   
2. 2.  Створіть в режимі структури нову папку за допомогою команд: File (файл) – New (новий) – Folder (папка), та введіть в поле папки своє призвіще.
   
3. 3.  У цьому ж режимі виконайте (як і MS Word) переміщення деяких файлів у будь-яку папку, що є в лівій області структури.
   
4. 4.  Після завершення сеансу роботи з FrontPage вийдіть з програми одним з наступних способів:
   

• –       команди File (файл) – Exit (вихід);
  
• –       виберіть команду Закрыть в системному меню;
  
• –       клацніть два рази по значку програми в заголовку вікна.
  

Завдання для самостійної роботи студентів

1. 
   1.  Вивчить призначення 6-ти режимів роботи перегляду і ство­рення Web-вузлів за допомогою панелі View (вертикальна смуж­ка зліва в головному вікні), яка містить відповідно шість кнопок.
   
2. 2.  Відкрийте будь – який вузол в програмі FrontPage зі спис­ку Look in (шукати в) у діалоговому вікні Open Web.
   
3. 3.  Відкрийте в цьому Web-вузлі потрібну сторінку, потім за­крийте її.
   
4. 4.  Відобразіть в головному вікні програми в режим Page (Сто­рінка) область папок (Folder List): і попрацюйте там аналогічно роботі в Провіднику.
   
5. 5.  Перейдіть в режим перегляду Web-сторінок, і вивчіть призначення трьох вкладинок в нижній частині робочої області, а саме: Normal, HTML, Preview.
   
6. 6.  Перейдіть у режим перегляду структури папок, використо­вуючи панель режимів View (команди Folder) і перегляньте вміст папок в полі Folder List (список папок).
   
7. 7.  Виберіть зі списку будь – який файл і перейдіть в режим його редагування, натиснувши клавішу або клацнувши по ньому два рази. Після завершення редагування вийдіть з цьо­го режиму, натиснувши кнопку Folder панелі View.
   

Контрольні питання

1. 
   1.  Як відкрити Web-сайт?
   
2. 2.  Як відкрити потрібну Web-сторінку?
   
3. 3.  Які методи надає FrontPage для відображення області па­пок Folder List в головному вікні?
   
4. 4.  На яку роботу схожа робота в області Folder List по анало­гії з роботою в OC Windows?
   
5. 5.  Які режими перегляду і створення Web-сторінок Ви знаєте?
   
6. 6.  Як перейти в режим перегляду структури папок?
   
7. 7.  Яким чином можна створити нову папку в режимі перегля­ду їх структури?
   
8. 8.    Яким чином можна перемістити файли з однієї папки в іншу?
   
9. 9.  Які методи виходу з програми FrontPage Ви знаєте?
   

Література: 1, С. 136-147; 2, С. 178-206; 3, С. 317-335.

Задання 3. Створення Web-вузлів за допомогою майстрів і шаблонів

У даному завданні будуть розглянуті лише шаблони створення Web-вузлів та Web-сторінок оскільки майстри створення Web-еле­ментів були детально розглянуті в методичних рекомендаціях “Сучасні комп’ютерні технології”^1[1].

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

Домашня сторінка повинна мати Заголовок, опис розділів Web-вузла.

Розробка сторінок другого рівня повинна відповідати кіль­кості розділів Web-вузла, а також мати гіперпосилання на сто­рінки третього рівня ієрархії.

Шаблон – це сукупність параметрів документа для його бага­торазового використання, тобто це каркас Вашого документа. Вибравши, наприклад, шаблон One-column body, Ви одержите Web-сторінку, на якій інформація буде розміщена по центру в одну колонку; в інших шаблонах заздалегідь виділені області для розміщення тексту, графіки тощо.

Для створення Web-сайтів за допомогою шаблонів необхідно відкрити спеціальне вікно New (див. рис. 4).



Рис 4. Діалогове вікно New

1. 
   1.  Шаблони створення односторінкового Web-вузла (Web-сайту):
   

• –      в меню File (файл) виберіть команду New (новий);
  
• –         в підменю, що з’явиться, виберіть команду Web (Web-вузол);
  
• –      у діалоговому вікні New, що з’явиться, виберіть зі спис­ку шаблонів One page Web (одно сторінковий Web-сайт);
  
• –      у полі Specify the location of the new Web (вкажіть роз­міщення нового Web-вузла) введіть місце розташування і ім’я Web-вузла, що створюєте;
  
• –      натисніть кнопку ОК.
  

При використанні односторінкового шаблону створення Web-вузла, програма FrontPage 2000 сама формує його структу­ру з декількох папок (private, image…), а також додає паралель­но з папками одну пусту Web-сторінку (index.php).

Створений Web-вузол відкривається в режимі редагування (див. рис. 5).



Рис. 5. Область Folder List створеного Web-вузла

з використанням шаблону One Page Web

Вікно розділене на дві частини – панелі: зліва – панель па­пок – це і є структура Web-вузла, справа – робоча область FrontPage, в якій відкривається файл – пуста Web-сторінка (index.php), зви­чайно це і буде Домашня сторінка.

У подальшому структуру односторінкового Web-вузла можна змінювати, додаючи до нього нові папки і сторінки.

2. 2.  Шаблон створення пустого Web-вузла.
   

Для створення такого вузла використовується шаблон Empty Web (див. рис. 4), при цьому програма FrontPage формує струк­туру Web-вузла, що також складається з папок private і image, але в структурі ми не бачимо жодної сторінки.

3. 3.  Шаблони створення багатосторінкового персонального Web-вузла.
   

Використовуючи шаблон Personal Web ви можете дуже швид­ко створити власний персональний Web-вузол, в якому звичайно розміщують сторінки особистого характеру: біографії друзів, фотографії, довідкову інформацію, а за допомогою гіперпоси­лань – можна переглядати найбільш важливі для вас сторінки в Інтернеті.

Цей шаблон дуже важливий саме для початківців, які вивчать програму FrontPage.

Для створення Personal Web виконайте такі дії:

• –    у меню File виберіть команду New і далі Web (Web-вузол);
  
• –    у діалоговому вікні New, в папці Specify The location of new web введіть місце розташування сайту, його ім’я, наприклад, Pers-Web, а зліва, в цьому ж вікні, клацніть два рази на іконі Personal Web: через деякий час на екрані з′явиться одержаний Web-вузол (див. рис. 6) для його перегляду і редагування.
  

 



Рис. 6. Персональний Web-вузол, створений

за допомогою шаблона Personal Web

Екран теж розділений на частини: на лівій панелі бачимо струк­туру Web-вузла з папками (private, image) і файлів-сторінок ство­реного Web-вузла (index.php, favorite.phpl, interest.php, photo.phpl, myfav.phpl), які можна переглядати справа в робочій області. Ви­користовуючи засоби програми FrontPage, можна модифікувати сторінки: змінювати назву, додавати нові сторінки, вставляти текст, рисунки тощо.

4. 4.  Модифікація персонального Web-вузла.
   

Клацнувши по файлу – сторінці index.php (зліва на сторінці), праворуч побачимо Домашню Web-сторінку, яку і почнемо ре­дагувати, як власну Web-сторінку, при чому, якщо курсор миші приймає на будь-якій частині правої панелі вигляд руки з сто­рінкою – то тут корегування можливе, але при цьому необхідно клацнути на об’єкті два рази і у відповідних діалогових вікнах внесіть свої корективи, якщо курсор не змінює свого вигляду (це нижче і правіше від пунктирних ліній), де розміщений звичайний текст – міняйте його, як вам потрібно, знищуючи попередній.

Зліва в робочій області (правої панелі) розміщена панель навігації (Navigation Bar), за допомогою якої можна переходити на інші сторінки, назви яких і вказані на цій панелі (файли цих сторінок розміщені в лівій панелі і мають розширення. htm, а назви сторінок, що розміщені на панелі навігації, мають ті ж са­мі назви, що і їх файли, але без розширення. Наприклад: в струк­турі є файл interest.php, а на панелі навігації – його сторінка, як гіперпосилання під назвою interest). Щоб змінити англійські назви кнопок панелі навігації на українські (чи російські) вико­найте такі дії:

• –    відкрийте цю сторінку, тобто 2 рази на файлу interest.php (на структурі Folder list),або утримуючи клавішу клац­ніть по назві сторінки на панелі навігації;
  
• –    встановіть курсор на назві сторінки interest (з’явилась вго­рі тексту) і клацніть 2 рази : відкриється діалогове вікно Page Banner Properties;
  
• –    в поле Page Banner Properties (текст банера сторінки) за­мість назви сторінки interest введіть відповідне українське слово Інтерес і натисніть кнопку OK.
  

Сторінка матиме вигляд як на рисунку 7.



Рис. 7. Вигляд Web-сторінки після зміни її назви

Як бачимо, змінилась не лише назва відкритої сторінки, але і відповідна назва кнопки на панелі навігації (горизонтальна па­нель навігації під назвою сторінки).

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

Зауважимо також, що поняття банер (Page Banner) – це об’єкт, який використовується для відображення в графічному вигляді заголовків Web-сторінок.

Таким чином, можна змінити назву всіх кнопок, але крім назви кнопок Home.

Щоб змінити на панелі навігації назву кнопки переходу на Домашню Web-сторінку, необхідно виконати таку послідовність дій:

• –    вибрати з меню (вікна MS Front Page) опцію Tools (сервіс) і клацнути по команді Web Settings (установка Web-вузла).
  
• –    у діалоговому вікні Web Settings, що з’явиться виберіть вкладинку Navigation;
  
• –    в текстове поле Home page замість англійського слова Home (додому) введіть відповідне українське слово і клацніть по кнопці OK.
  

Зауважимо, що в цьому ж діалоговому вікні можна змінити назви кнопок, які дозволяють переміщуватись по сторінках од­ного рівня – Назад, Попередня, Наступна.

5. 5.  Створення Web-сторінок за допомогою шаблонів і майстрів.
   

Для перегляду таких шаблонів і майстрів необхідно скорис­татися командами: File – New – Page.

У результаті таких дій з′явиться діалогове вікно New (див. рис. 8), на вкладинці General (основні) якого вказані всі імена шаблонів, наприклад: One – column Body інформація розміща­ється в одну колонку по центру сторінки; One – column Body with Contents on Left (або Right) – інформація буде зліва (або справа) і зміст відповідно справа або зліва; Three column Body сторінка містить заголовок і текст в три колонки; Two – column Body – сторінка містить заголовок і текст в дві колонки; Two – co­lumn Body with Contents on Left – сторінка містить заголовок і текст в дві колонки по центру, а зліва – зміст тощо.



Рис. 8. Вікно для вибору шаблона створюваної Web-сторінки

6. 6.  Додавання до Web-вузла нової сторінки.
   

Діалогове вікно New (див. рис. 4), яке відкривається при ство­ренні нового Web- вузла командами File-New-Web містить шаб­лони, які пропонують створити або пустий, або односторінковий Web-вузол. Необхідна для розміщення інформації кількість сто­рінок ми додаємо до Web-вузла самостійно. Для цього існує де­кілька способів, а саме:

• –    при натисненні на кнопку New на стандартній панелі ін­струментів і виборі команди Page (сторінка) з’явиться шаблон Normal Page (звичайна Web-сторінка);
  
• –    при виборі команди: File – New – Page;
  
• –    при одночасному натисненні клавіш .
  

У останніх двох випадках ми попадаємо в звичайне для нас вікно New зі списком шаблонів Web-сторінок типу One column body і т.д.

У результаті додавання нової сторінки до Web-вузла в правій панелі FrontPage з’явиться пуста Web-сторінка з назвою: newpage1.php (див. рис. 9).



Рис. 9. Пуста Web-сторінка new_page.1htm

Це вказує на те, що це є перша створена Вами сторінка з мо­менту запуску програми Front Page. Наступні сторінки, що бу­дуть створені, матимуть назви: new_page_2.phpl, new_page_3.php і т. д.

Створивши цю сторінку можна зразу ж вносити в неї інфор­мацію.

Після завершення роботи необхідно обов’язково зберегти цю сторінку, скориставшись командою: File-SaveAs (зберегти в) і в діалоговому вікні SaveAs виберіть в полі Save in свій Web-вузол, а в полі імені сторінки буде new_page_1.php і клацніть по кнопці Save, тобто все так, як і в усіх додатках MS Office. Назва сто­рінки збережеться з розширенням .html і ми її бачимо в області Folder list.