Урок на тему "FrontPage пакетінің құрылымы"

№1- Модуль. FrontPage пакетіне кіріспе.

1.1   FrontPage пакетінің құрылымы.

Front Page бағдарлмасын Microsoft фирмасы ойлап тапқан. Бүгінгі таңда Front Page 98  және  Front Page 2000 версиялары жұмыс істейді. Front Page пакеті Web бетшелерін құру үшін қолданылады. Интерфейстің жолы мен стандартты тақтасындағы бұйрықтар арқылы бір немесе бірнеше  Web (бетшелерін) парақтарын құруға болады. Әрбір бұйрықты орындаған сайын  HTML коды орындалады. Front Page бағдарламасының негізі  HTML коды. Әрбір мәзір жолы мен стандартты тақтадағы пернелерде сәйкес   HTML коды орналасқан.

Front Page пакеті екі бөліктен тұрады: Front Page Explorer(Сурет-1.1) және Front Page Editor (Сурет-1.2). Explorer- жобаларды ұйымдастыруға қолданылады. Editor- құжаттың дизайнын реттеу үшін ондағы мәтіндерді түзету үшін қолданылыды. Front Page 2000 пакетінде бұл екі компонент бір модульде орналасқан. Алдағы уақытта егер Front Page Explorer және Front Page Editor ұғымдарын кездестірсек онда, Front Page 98 пакетінде жұмыс жасағанымыз Front Page 2000 Editor модулі Page жұмыс түріне ауысқан. Front Page пакетін құрғанда локальді  Web сервердің www түпкі директориясында мынадай үш бума құрылуы тиіс:

n  Private, - бұл бумада құрылатын бетшелер болады;

n  Cgi-bin,-бұл бумада бетшелер құру үшін қолданылатын модульдер болады.

n  Image,- бумасында беттерді түрлендіру үшін керекті графикалық файлдар сақталады.

Осы бумалардың дискідегі орналасуы интернеттің қызметтік әкімшілігінің  Web серверін парағын шақыру арқылы көруге болады(Сурет-1.1). Front Page пакеті HTML құжатын көру үшін оларды түзету,  HTML басқару құжатын сайтта новигациялау, жасалынатын жобалардың барлық файлдарын, гиперсілтемелерін көру қызметтерін орындайды.

Көптеген жобаларды жасауда Front Page пакетін пайдаланып уақытты үнемдеуге болады.

FrontPage пакетінің интерфейсі төменде көрсетілгендей (Сурет-1.3):

1.2   FrontPage пакетін қолданып

Web-бетшелерін құру технологиясы.

Біз осы уақытқа дейін сайт құру үшін Блокнот редакторын қолданып келдік. Сайт құруға анағұрлым мүмкіндіктері көп, уақыт аз кететін Microsoft Office фирмасы шығарған Front Page пакетін қолдануға болады.Windows 98 операциясның ортасында Front Page Express жеңілдетілген программасы жұмыс істеді. Front Page пакетін іске қосу үшін: Пуск -  Программы -  Microsoft Office - Front Page 98 (2000).Жүктелу кезінде бірден сұхбаттасу терезесі шығады (Сурет-1.1):

Getting Started :  1. Open an Existing Front Page Web.

                            2. Create a New  Front Page Web.

                            3. Always open last Web.

OK      CANSEL       HELP                                                            

Front Page  жүктелу кезіндегі ашылатын сұхбаттасу терезесі,  Always open last Web жұлдызшасын таңдасақ : алдыңғы жұмысты қандай құжатпен аяқтасақ соның жалғасы шығады. Ал Front Page 2000 версиясын жүктегенде бұрынғы құрылған сайт ашылады, немесе стандартты құралдар тақтасы арқылы жаға сайт ашуға болады, интерфейсі бірден мониторға шығады. Егер бірде-бір сайт құрылмаса онда  Front Page  98 де Create a New  Front Page Web жұлдызшасын таңдап OK батырмасын басамыз. (Front Page 2000 версиясында New Page (File/New) пунктін таңдаймыз) – сұхбаттасу терезесі шығады New  Front Page Web :

1.     Choose the kind of Front Page web to create 

a)     O One Page web.

b)    O Importan Existing web.

c)     O From Wizard or Template.  

       2. Choose a title for your Front Page web                                   

             My New web.

              http:/local host/my web.

              change

Құру барысында құрылатын құжаттың тегін көрсету қажет.

Таңдаудың  үш турлі жағдайы болады:

                а) One Page Web  - бір ғана HTML бетшесін құру;

                 b) Importan Existing Web – осыған дейін құрылған сайт негізінде                  құру;

                 c) From Wizard or Template – сайт құру үшін сайт шаблонын таңдау және шебер қызметін пайдалану.

Шеберлер мен шаблон тізімінде төмендегідей стандарттар болады:

− Corporate Presence Wizard – жай корпоративтік сайт құру.

− Customer Support Web – тұтынушылардың ақпаратынан құралған бетшелер, тұтынушылардың ақпаратын қолдау үшін құрылған бетше. Бұл стандарт программалық және компьютерлік фирма үшін өте қажет.

− Discussion Web Wizard - әр түрлі дискуссия сайтын жасау үшін қолданатын стандарт.

− Emepty Web – бос бетше шаблонын құру үшін қолданылатын стандарт.

− Personal Web – арнайы WEB бетшелерінің шаблонын құру үшін қолданылатын стандарт. Бұл стандарт бойынша құрылған сайтқа сілтеме, фото суреттер, басқа құжаттар енгізуге болады.

− Project Web – стандарты бойынша белгілі бір жобаға керекті бетше құруға болады.(web-сайт) Мұндай  web сайтта жобаға қатысушылар тізімі, жоба статусы, жоба міндеті мен мақсаты, архив және дискуссия болады.

WEB – сайт бетшесін құру үшін, алдымен One Page web таңдаймыз. FP 2000 версиясында file/New бұйрығын таңдаймыз. Біздің жобамызды (проектінің) атын берейік: «Student» деп. Бұл проект атын өзгертуге болады. Ол үшін change пернесін таңдаймыз ОК. Front Page локальді web серверде жоба туратын түпкі каталог құрады. Ол каталог аты -  Student және осы сайт үшін бірінші web бетшесі Home Page құрылады. Front Page Explorer сайт құрлысының жұмысына көшеді → F Page Explorer → Student ( http://localhost/student) жұмысшы жолақта  Novigator пернесінің құрлысы көрінеді. Құрлысшы 2 бөліктен тұрады: 1 бөлігінде сайттың (проект, жобаның) негізгі бетшесі шығады, 2 бөлігінде жобаға қатысты барлық бумалар мен файлдар тізімі болады. Бастапқыда  құрылатын сайттың негізгі бетшесі болып табылатын - private, images, default. html  бумалары болады. Новигацияның негізгі бетшесінде Home Page –бір ғана пернесі орналасады. Негізгі бетшеде түзету жүргізу үшін Home Page пернесін 2 рет шерту керек. Тағы жаңа бетшелер құру үшін  New Page  пернесін шертеміз. F Page 2000 версиясы бірден сайттың барлық құрамын көрсетеді. Page режимінде негізгі бетше, терезесі 2 бөлікке бөлінеді. Сол жақ  бөлігінде Folder list терезесі шығады, онда сайттың барлық жұмыстарына қатысты  бумалар мен файлдар тізімі болады. Оң  жақта    F Page Editor  терезесі шығады. Бұл  терезе Folder list  терезесіндегі ағымдағы бетше шығады. Терезені екі бөлікке бөлуді стандартты құралдар тақтасындағы  Folder list пернені шерту арқылы жағуға, сөндіруге болады немесе мәзір жолындағы     View / Folder list  таңдаймыз.

 Сонымен бірінші бетше құрамыз – негізгі бетше жұлдызшасын екі рет шертсек F Page 98 версиясының екінші компоненті F Page Editor жүктесек бұл компонентте default . htm файлы ашылады. F Page негізгі жұмысшы жолағы 3 парақтан тұратын блокнотта орындалады. Блокнот Normal, HTML, Preview деп аталатын 3 парақтан тұрады.

1-ші парағы  Normal – бетшелерге дизайн (түрлендіру) жасау үшін қолданылады;

2-ші парағы HTML – HTML кодын көру және түзету үшін қолданылады;

3- ші парағы Preview – құрылған Web бетшелерін браузерлерден қолдану үшін қолданылады.

Бұл құрған Web парақтан шаблоны бос HTML пернесін тере отырып HTML мәтінін алуға болады:

    <html>

    <head>

    <meta http-equiv = “Content – Type”content=”text/html;charset=windows-                      1251”>

   <title> home page</title>

   </head>

   <body>

   </body>

   </html>

HTML коды (для пустой странцы).

Front Page  2000  да кішкене өзгешелеу:

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html;chorset=windows-1251”>

<meta http-equiv=”Content-Language”content=”en-us”>

<title>Home Page <title>

<meta name=”G E N E R A T O R” content=”Microsoft Front Page 4.0”>

<meta name Progid ”content =” Front Page.Editor.Документ>

</head>

<body>

</body>

</html>

Web бетшелеріне өзгерістер енгізсек онда HTML мәтіні де сәйкес өзгеріп отырады, керісінше егер HTML кодына кіріп өзгеріс енгізсек онда бетше сәйкес түрде өзгеріп отырады.  Front Page 98 де File – Page Properties немесе Front Page 2000 да Properties бұйрықтарына кірсек Web бетше қасиеттері көрсететін диалогтық, сұхбаттасу терезесі шығады. Title жолын өзгерту арқылы бетше,тақырып атын өзгертуге болады.