Cine a lansat primul site web și când. Crearea si designul unui site web

FrontPage este cunoscut a fi un instrument de dezvoltare web. Dar această aplicație are o altă caracteristică importantă de reținut: FrontPage este, de asemenea, un instrument de gestionare a site-urilor web.

Cum vă ajută FrontPage să vă gestionați site-ul? Iată câteva exemple de utilizare a funcțiilor aplicației.

  • · Adăugați, redenumiți, ștergeți și mutați fișiere (fără a utiliza Microsoft Windows Explorer)
  • · Depanați folosind rapoarte personalizate, cum ar fi raportul Hyperlinkuri întrerupte
  • · Publicarea site-ului web

Este important să rețineți că aceste controale nu sunt disponibile atunci când deschideți și lucrați cu fișiere HTML unice. Sunt disponibile numai atunci când deschideți și lucrați cu un site Web FrontPage.

Site Web FrontPage

Un site web este un grup de pagini web conexe găzduite pe una dintre servere HTTP(Protocol HTTP. Un protocol de Internet utilizat pentru a furniza date. Permite utilizatorilor programelor client să descarce text, imagini, sunet și alte date digitale prin introducerea adreselor URL sau făcând clic pe hyperlinkuri.) pe Internet. Majoritatea site-urilor Web oferă vizitatorului o pagină de pornire ca punct de plecare. Pagina principală este conectată la alte pagini folosind hyperlinkuri și structuri de navigare.

Puteți crea un site Web bazat pe disc sau pe server. Un site web bazat pe disc este un site web situat pe computerul local. Un site Web găzduit de server este un site situat pe un server Web, cum ar fi Microsoft Internet Information Server (IIS) sau pe un server virtual.

Șabloane (Șablon. Un set de formate de text și grafice pre-proiectate din care pot fi create noi pagini web și site-uri Web. O pagină sau un site creat folosind un șablon poate fi personalizat și modificat.) și vrăjitori (Wizard. Un program care definește întrebări și apoi utilizează răspunsurile pentru a crea obiecte precum un formular sau o pagină Web.) Microsoft FrontPage facilitează și mai rapidă crearea unui site Web. Când utilizați unul dintre acestea instrumente Microsoft FrontPage face cea mai mare parte a structurii, permițându-vă să vă concentrați asupra conținutului. Șabloanele și vrăjitorii pot fi folosite pentru a crea o pagină Web goală sau un site Web interactiv complex, cu mai multe pagini.

Utilizarea Microsoft FrontPage pentru a crea un site Web implică următorii pași de bază.

  • 1. Obțineți de la serviciul care oferă acces la serverele web un cont de site web sau o adresă URL (URL. O adresă care specifică protocolul (cum ar fi HTTP sau FTP) și locația unui obiect, document, pagină web sau altă resursă în Internet sau intranet, cum ar fi http://www.microsoft.com/.), cum ar fi un furnizor de servicii de internet (ISP) (furnizor de servicii de internet. O organizație care oferă acces la Internet pentru e-mail sau alte servicii de internet. Unii furnizori de servicii de internet sunt internaționale, oferind acces în diferite țări, în timp ce altele sunt limitate la o anumită regiune.) sau Web Presence Provider (WPP) WPP (Web Presence Provider). Un furnizor de servicii de Internet care găzduiește site-urile Web ale clienților pe serverele sale și gestionează hardware-ul și software-ul necesar pentru a face site-urile Web ale clienților disponibile pe Internet.
  • 2. Crearea unei structuri de site web folosind șabloane și vrăjitori.
  • 3. Adăugarea de conținut.
  • 4. Publicarea unui site web pe Internet.

Pentru a crea și configura un site SharePoint utilizând Microsoft FrontPage, trebuie să aveți drepturi de administrator. Cont Site-ul Web și capacitatea de a comunica cu serverul pe care este instalat Microsoft Windows SharePoint Services.

Un site Web poate conține unul sau mai multe site-uri copii. Un site copil este un site Web care se află în interiorul altui site Web. Un site Web care conține site-uri copii se numește site de nivel superior (site de nivel superior. Dosarul cel mai de sus din ierarhia de foldere a unui site Web. Site-ul Web de nivel superior poate fi localizat pe un server Web, pe un server virtual rețea sau pe hard diskul unui computer local) . Dacă vă gândiți la un site Web ca la un director care conține un set de foldere, un site copil este reprezentat ca un subfolder care conține un site Web independent.

Subsite-urile sunt gestionate, dezvoltate și accesate independent. Cu toate acestea, este posibil să afișați informații pe un subsite acces limitat sau informații destinate unui grup limitat de vizitatori ai site-ului.

Puteți converti dosarele de site-uri de nivel superior în site-uri secundare. De asemenea, nodurile copil pot fi convertite în subdosare. Cu toate acestea, multe setări ale site-ului se pot pierde atunci când sunt efectuate astfel de conversii, cum ar fi hyperlinkurile din bara de navigare și activitățile asociate cu acele pagini. Aceste setări se pierd deoarece structura de navigare și sarcinile sunt stocate separat pentru fiecare site. În plus, cu cât conținutul unui site Web este mai mare, cu atât este nevoie de mai mult pentru a converti site-ul Web într-un subfolder sau subfolder într-un site Web.

Lucrul cu site-uri web.

Să aruncăm o privire mai atentă la diferitele sarcini administrative la nivel de gazdă pe care le puteți efectua în IIS. Ne-am uitat deja pe scurt la caseta de dialog Proprietăți de bază pentru serviciul WWW și știți deja că are zece file care conțin o varietate de setări pe care le puteți configura. Nouă dintre aceste zece file se aplică și la nivel de site (pentru administrarea site-urilor Web individuale); V aceasta sectiune Vom arunca o privire mai atentă asupra acestor diverse file și setările lor. Ca exemplu în acest capitol, vom configura Site Web implicit.

fila site web.

Fila Site Web din fereastra Proprietăți site vă permite să setați identificarea site-ului Web, să configurați o limită pentru numărul maxim de conexiuni TCP simultane care realizează sesiuni HTTP, să activați sau să dezactivați persistența conexiunilor HTTP și să activați înregistrarea IIS pe serverul dvs.

Identificarea site-ului web.

Fiecare site Web găzduit pe un computer IIS trebuie să aibă o identitate unică, astfel încât clienții browserului să se poată conecta la acesta și să descarce conținut de pe acesta. Site-urile web pot fi identificate folosind trei parametri diferiți: adresa IP, numărul portului TCP și numele antetului gazdei.
Identificarea unui site web este setată în fereastra de proprietăți a acestui site web cu fila Site web. Pentru ca site-urile web de pe același computer să aibă identificări unice, acestea trebuie să difere unele de altele în cel puțin unul dintre cei trei parametri de identificare. Să ne uităm la diferite moduri de a seta identificarea unui site web și să discutăm cum puteți avea mai multe site-uri web diferite pe același server.

Configurarea mai multor adrese IP pentru una card de retea servere

Puteți configura mai multe adrese IP pentru un singur NIC de server sau puteți instala mai multe NIC, astfel încât fiecare NIC să aibă propria sa adresă IP. Alegeți o adresă IP diferită pentru fiecare dintre site-urile web. Nu modificați setarea portului TCP pentru aceste site-uri (80 este setarea standard a portului HTTP TCP) și nu configurați numele antetului gazdei. Avantajul acestei metode este că este convenabil pentru clienți să se conecteze la fiecare site folosind adresa IP a site-ului în adresa URL pe care o solicită (sau folosind un nume DNS complet calificat dacă serverul DNS a fost configurat cu un nume de gazdă unic pentru fiecare dintre adresele IP ale computerului IIS).
Dezavantajele acestei metode includ faptul că, dacă computerul dvs. conține multe site-uri web, acestea vor trebui alocate mai multe adrese IP. Aceasta nu este o problemă pentru intraneturile private care utilizează unul dintre blocurile de adrese IP private, cum ar fi 10.y.z.w, 172.16-31.z.z, 192.168.z.z. Dar pe serverele conectate direct la Internet, va trebui să primiți cantitatea necesară Adresele IP de la ISP-ul dvs. Cu toate acestea, aceasta metoda sarcinile de identificare a unui site web este cea mai comună.

Configurarea unei singure adrese IP pentru placa de rețea

Setați diferite porturi TCP (numere mai mari de 1023) pentru fiecare dintre site-urile Web la care doriți să vă conectați. Principalul dezavantaj al acestei metode este că clienții trebuie să cunoască numerele de port ale site-urilor web la care trebuie să se conecteze. De exemplu, dacă numele DNS al serverului este Win2003s.test.fio.ru, iar site-ului web de pe acest server i se atribuie numărul de port 8023, atunci clientul va trebui să folosească adresa URL http://Win2003s.test.fio.ru pentru a accesa acest site: 8023.

Configurarea unei adrese IP menținând în același timp portul TCP standard

Această metodă configurează o singură adresă IP pentru NIC-ul serverului și lasă portul TCP la valoarea implicită (80) pentru toate site-urile. Configurați un nume unic de antet gazdă pentru fiecare site folosind butonul Avansat. Numele antetului gazdei sunt posibile în protocolul HTTP 1.1. Numele antetului gazdei asociat cu fiecare dintre gazde este numele DNS complet calificat tipic atribuit gazdei în baza de date disponibilă a serverului DNS (sau fișier local Gazde pe clienți).

Când deschideți fereastra de proprietăți pentru site-ul Web implicit și pagina cu filă site web, apoi adresa IP este setată la Toate nealocate. Aceasta înseamnă că site-ul Web va răspunde la orice adresă IP care nu este atribuită în mod specific altor site-uri Web de pe computerul publicat. De aceea, acest site este implicit și singurul site web de pe un computer IIS pentru care această metodă de setare a unei adrese IP este posibilă.

Când clientul solicită un URL like http://vio.fio.ru, clientul transmite numele antetului gazdei vio.fio.ruîn anteturile cererii HTTP trimise către server. Serverul produce analizare numele antetului gazdei, identifică site-ul Web la care clientul ar trebui să se conecteze și returnează fișierele care se potrivesc cu cererea. Dezavantajul acestei metode este că clientul trebuie să accepte și antetele numelor de gazdă, adică trebuie să poată trece DNS-ul site-ului în anteturile de solicitare HTTP. Numele antetului gazdei sunt acceptate de browserele Microsoft Internet Explorer versiuni începând de la 3 și mai sus. Un alt dezavantaj al folosirii numelor de antet gazdă este că nu funcționează împreună cu conexiunile SSL, deoarece sesiunile HTTP sunt apoi criptate.

Dacă lucrați cu browsere mai vechi care nu acceptă nume de antet gazdă, puteți implementa un mecanism bazat pe cookie-uri pentru a permite browserelor să facă distincția între site-urile Web care au aceeași adresă IP și număr de port TCP. Informații suplimentare aceasta poate fi găsită în documentația online.

Când modificați numărul portului pentru un site Web, nu este necesar să reporniți serverul pentru ca modificările să aibă efect.

Conexiuni.

Pagina filă Site Web vă permite să configurați sesiuni HTTP pentru a limita numărul maxim de conexiuni TCP simultane la server. De asemenea, puteți să activați sau să dezactivați setarea HTTP Keep-Alives și să setați valoarea de expirare a conexiunii. Setarea HTTP Keep-Alives este o caracteristică HTTP 1.1 care permite clientului să mențină deschisă conexiunea TCP cu serverul chiar și după descărcarea unui fișier, dacă există alte fișiere care trebuie descărcate de pe acel server. Dacă clienții încep să sufere din cauza încetinirii serverului sau încep să primească frecvent un mesaj de eroare „încărcat”.

HTTP 500: Erori ocupat

Apoi încercați să micșorați valoarea din câmpul Timeout de conectare, astfel încât conexiunile TCP neutilizate să fie finalizate mai rapid.

Timeout-ul pe care l-ați setat în fila Site Web se aplică sesiunilor TCP active. TCP are propriile setări pentru terminarea conexiunilor TCP pe jumătate deschise, cum ar fi cele create în timpul atacurilor Denial of Service (DoS), atunci când atacatorii încearcă să copleșească un server web prin inundarea conexiunii sale de rețea cu pachete TCP SYN.

Jurnalizarea.

Fila Site Web vă permite să activați (sau să dezactivați) înregistrarea în jurnal pentru serverul dvs. Această setare este activată în mod implicit și permite administratorilor să monitorizeze accesul browser-ului client la site. Informațiile înregistrate pot fi salvate în diferite formate:

  • Format comun de fișier jurnal NCSA. Creează un fișier ASCII delimitat de spațiu cu un set predefinit de câmpuri.
  • Înregistrare ODBC. Format fix de înregistrare a bazei de date.
  • Format de fișier jurnal extins W3C. Acest format de jurnal personalizat este implicit; Este creat un fișier ASCII delimitat de spațiu, cu un set de câmpuri definite de administrator.
  • Format fișier jurnal Microsoft IIS. Este creat un fișier cu format fix în codificare ASCII.

Noile fișiere jurnal IIS pot fi create pe oră, zilnic, săptămânal sau lunar sau atunci când un fișier jurnal existent crește la o dimensiune specificată. În mod implicit, fișierele jurnal sunt stocate în folderul \%systemroot%\System32\LogFiles, dar puteți modifica această setare folosind butonul Browse.

Activarea înregistrării IIS pe o pagină cu o filă Site Web nu înseamnă că vizitele în toate părțile site-ului dvs. vor fi înregistrate. Puteți utiliza caseta de selectare Înregistrare din fila Acasă a casetei de dialog a unui site pentru a activa sau dezactiva înregistrarea accesului la conținutul găzduit în directorul principal al site-ului. Puteți urmări vizitele în alte directoare și chiar fișiere individuale folosind alte file.

Tab În plus Vă permite să configurați setări avansate de jurnal.

Fila Performanță.

Performanța site-urilor web individuale este configurată în pagina cu fila Performanță a ferestrei de proprietăți ale site-ului.

Pe această pagină puteți configura următoarele setări:

  • Limitarea lățimii de bandă. Puteți activa și seta o limită de lățime de bandă pentru acest site în secțiunea Limitarea lățimii de bandă. Acest lucru vă va permite să setați prioritate de acces la anumite site-uri situate pe același server.
  • Numărul de conexiuni la site-uri web. Puteți limita numărul total de conexiuni simultane la un site web. Pentru a face acest lucru, setați comutatorul în poziția maximă și setați valoarea corespunzătoare numărului de conexiuni.

Fila Filtre ISAPI.

Filtrele ISAPI (Internet Server Application Programming Interface) sunt DLL-uri dinamice suplimentare care efectuează acțiuni specifice atunci când IIS procesează solicitările clientului HTTP. Folosind această filă, puteți specifica un set de filtre ISAPI și secvența procesării acestora de către serviciul IIS. Filtrele setate la nivel de site sunt aplicate numai site-ului selectat. Filtrele setate la nivel de server se aplică tuturor site-urilor Web de pe server.

Filtrele ISAPI își efectuează acțiunile înainte ca serverul să răspundă efectiv la Solicitare HTTP. Puteți, de exemplu, să dezvoltați filtre ISAPI care efectuează autentificare personalizată, criptare a datelor, înregistrarea informațiilor de trafic într-un fișier jurnal personalizat sau alte sarcini.

Fila Director principal.

Pe pagina de filă Director principal, puteți specifica locația conținutului care se mapează la directorul principal al site-ului Web pentru a seta permisiunile de acces și alte setări pentru director și aplicațiile Web implementate în acel director.

Directorul principal.

Directorul principal al site-ului specifică locația conținutului care este accesat folosind o adresă URL similară

http://Site_name/File_name

unde SiteName este numele NetBIOS, adresa IP sau numele DNS al site-ului, iar FileName este numele oricărui Pagini HTML, sau un fișier cu o imagine, sau un script sau un alt fișier din directorul principal al site-ului.

Puteți seta directorul principal al site-ului utilizând comutatorul Sursă de conținut atunci când vă conectați la o resursă în unul dintre următoarele moduri:

  • Ca numele unui director situat pe discul local al computerului (poziție Directory a acestui calculator).
  • Ca cale UNC către o resursă partajată de rețea pe un server de fișiere (locație: folder partajat al unui alt computer).
  • Ca o redirecționare către o adresă URL, solicitând unui client care dorește să acceseze conținutul mapat la directorul principal să se conecteze la un alt server web, nu neapărat la serverul IIS (poziția URL persistentă). Redirecționarea poate fi temporară sau permanentă.

Redirecționare acces.

Capacitatea de a redirecționa accesul pentru directorul principal (sau orice director virtual) către o adresă URL este utilă atunci când site-ul Web este în construcție sau când acesta este oprit din cauza întreținerii sau a unei actualizări. IIS vă permite să redirecționați o solicitare pentru oricare dintre fișierele din directorul dvs. de pornire către aceeași adresă URL (de exemplu, către o pagină cu anunțul „Întreținere în curs. Site-ul va fi disponibil în 15 minute”) sau către același fișier într-un director de rețea (în acest fel puteți redirecționa clienții către un site oglindă temporar). De asemenea, puteți redirecționa accesul la un subdirector al directorului de pornire curent dacă pagina de anunț de întreținere sau conținutul oglindă se află pe același server.

Setați o redirecționare permanentă doar atunci când intenționați cu adevărat să mutați conținutul site-ului pe alt server, deoarece... unele browsere primesc un mesaj „Redirecționare permanentă”.

Redirecționare permanentă HTTP 301

Permisiuni.

Dacă specificați locația directorului dvs. de domiciliu fie ca director local, fie ca partajare în rețea, pagina filă Director principal vă permite să setați permisiunile de acces și alte setări pentru acel director.

Dacă locația pagina principala Dacă setați o redirecționare URL, aceste setări nu vor fi disponibile. Sunt posibile următoarele setări:

  • Acces la textul scriptului. Când este bifat, utilizatorii pot accesa textul sursă al scripturilor (de exemplu, fișierele ASP). Vă rugăm să rețineți că, dacă nu activați setarea Citire sau Scriere, atunci această setare nu va avea niciun efect. (Dacă activați setarea Citire, utilizatorii vor putea citi textele sursă ale scripturilor, iar dacă activați setarea Scriere, ei vor putea modifica scripturile.) Setarea Accesul la textul scriptului este de obicei activat la proiectarea serverelor pe care conținut este creat. Implicit este dezactivat.
  • Citind. Dacă bifați această casetă de selectare, utilizatorii pot vedea conținutul unui director sau fișier și proprietățile acestuia, cum ar fi timpul de creare și dimensiunea fișierului. În mod implicit, setarea este activată.
  • Record. Selectarea acestei casete de validare permite utilizatorilor să modifice conținutul unui director sau fișier. Înregistrarea pe server poate fi realizată numai de browsere care acceptă comanda PUT (Put) a protocolului HTTP 1.1 (acesta include Internet Explorer începând cu versiunea 4). În mod implicit, setarea este dezactivată.
  • Prezentare generală a catalogului. Dacă bifați această casetă de validare, utilizatorii vor putea vedea conținutul directorului lor de pornire atunci când nu există o pagină de pornire implicită. În mod obișnuit, ar trebui să dezactivați această setare (este dezactivată în mod implicit) pentru a ascunde structura directorului de conținut pentru a nu fi vizualizată accidental de utilizatorii care doresc să intre în locuri în care nu doriți.
  • Logare. Dacă bifați această casetă, de fiecare dată când un client accesează oricare dintre fișierele din directorul principal, o intrare va fi adăugată la fișierul de înregistrare. Rețineți că înainte ca această setare să funcționeze, trebuie să bifați caseta de validare Jurnal din pagina de filă a site-ului Web. În mod implicit, înregistrarea vizitelor în directorul principal este activată.
  • Indexarea catalogului. Când este bifat, Serviciul de indexare adaugă conținutul directorului principal la indexul principal. În mod implicit, serviciul de indexare este instalat în timpul Instalări Windows Server 2003.

Deşi autoritatea Citind si este instalat pt Site Web implicit dar capacitatea de a accesa conținutul unui anumit site Web depinde de multe condiții.

Configurarea unei aplicații web.

Dacă specificați un director local sau o partajare de rețea ca locație a directorului principal, atunci în fila Director principal puteți specifica setările oricărei aplicații implementate în acest director.

Un exemplu de aplicație web este un set de ASP-uri care lucrează împreună și oferă capacități algoritmice vizitatorilor site-ului. Setări pe care le puteți seta în zonă Setările aplicației:

  • Câmp de intrare Numele aplicatiei. Câmpul specifică numele unic al aplicației.
  • Dosarul sursă. O aplicație poate consta dintr-un arbore de directoare și conținutul acestora. Vârful acestui arbore este punctul de pornire al aplicației.
  • Început permis. Cu această setare, puteți specifica tipurile de aplicații care pot fi lansate în directorul principal. Puteți selecta Nimic, Numai scripturi sau Scripturi și executabile.
  • Grup de aplicații. Această setare vă permite să selectați un grup de aplicații asociate unui anumit folder de acasă.
  • Buton Setări. Făcând clic pe acest buton se deschide caseta de dialog Configurare aplicație, unde puteți configura opțiuni pentru maparea aplicației la motoarele de scripturi sau programele care o interpretează, pentru copierea aplicațiilor ISAPI (pentru îmbunătățirea performanței); pentru a stabili ora sesiunilor; pentru a seta limbajul implicit de scripting ASP pentru setările de depanare.

Dacă setați permisiunea de director la Scriere împreună cu setarea de scripturi și executabile, există un risc de securitate: un utilizator în care nu aveți încredere ar putea să încarce un program ostil într-un fișier executabil pe server și să provoace daune.

fila Documente.

În fila Documente din fereastra de proprietăți ale site-ului Web, puteți seta posibile nume de fișiere pentru documentele standard din directorul principal și modul în care browserul le poate accesa.

În mod implicit, patru fișiere sunt specificate în următoarea ordine: Default.htm, Default.asp, index.htm și iisstart.htm. De exemplu, dacă un browser încearcă să se conecteze la site-ul Web implicit de pe serverul Win2003s.test.fio.ru folosind adresa URL http://Win2003s.test.fio.ru, serverul va verifica mai întâi dacă este implicit. fișierul htm există în directorul principal. Dacă există un astfel de fișier, acesta va fi returnat clientului. Dacă nu există un astfel de fișier, serverul va căuta fișierul Default.asp. Acest proces va continua până când fișierul este găsit sau până când lista documentelor implicite se încheie. Puteți specifica documente standard suplimentare (de exemplu, Index.html) sau puteți elimina documente deja din listă. Puteți anula complet apelurile către documente standard; în acest caz, clienții trebuie să cunoască și să indice numele real al fișierului pe care doresc să îl acceseze pe server, setând, de exemplu, următorul URL: http://Win2003s.test. fio.ru/NoDefault .htm.

Folosind această filă, puteți seta și numele fișierului subsol (scris în format HTML); Un subsol trebuie adăugat în partea de jos a fiecărui fișier livrat de pe site către client. Anteturile și subsolurile vă permit să adăugați o declarație privind drepturile de autor sau o declinare a răspunderii privind drepturile de autor în partea de jos a fiecărei pagini. Dacă utilizați FrontPage pentru a vă crea conținut, puteți crea subsoluri complexe pentru a afișa informații precum data ultima schimbare fișier, contor de popularitate etc.

Dezvoltare de șabloane de site-uri web

Crearea unui site Web pentru șablon

În capitolul 4, ați creat șabloane de pagini Web. În această aplicație, veți crea propriul șablon de site Web. Deși un șablon de site Web este semnificativ mai complex decât un șablon de o pagină, dezvoltarea unuia nu este deosebit de dificilă. Creați și salvați site-ul Web ca de obicei, apoi copiați noul site Web în folderul de șabloane.
Următorul exemplu demonstrează cum să creați un șablon de site Web și pașii de urmat înainte ca acesta să poată fi utilizat pentru a crea site-uri.
1. În Frontpage, creați un nou site Web bazat pe șablonul Web gol. Denumiți site-ul WebTemplate.
2. Accesați modul de vizualizare Navigare. Faceți clic pe butonul Pagina nouă din bara de instrumente Standard pentru a crea o pagină de pornire.
3. Faceți clic dreapta pe pictograma paginii de pornire din panoul din dreapta și activați comanda Redenumire din meniul contextual. titlu nou Pagina de pornire și apăsați tasta .
4. Dacă panoul Folder List nu este afișat, activați comanda Folder din meniul View. Faceți clic pe Pagina de pornire în panoul din dreapta. Faceți clic pe butonul Pagina nouă pentru a adăuga o altă pagină la
site web. În Frontpage, imediat după crearea unei pagini, vi se solicită să redenumiți numele de fișier implicit al paginii. Denumiți noua pagină Pagel și apăsați tasta.
5. Creați încă trei pagini, numindu-le Pagina2, Pagina3, Pagina4.
6. Trageți paginile Pagel.htm, Page2.htm, Page3 în secvență. htm,Page4.1-i.tm din panoul Listă de foldere în panoul din dreapta, plasându-le la același nivel sub pagina principală (în mod implicit, numele fișierelor de pagină vor fi folosite ca titluri). Deci aceste patru pagini vor deveni copii ale paginii de start.
7. În modul de vizualizare Navigare, faceți dublu clic pe pictograma fiecărei pagini din panoul din dreapta (intervalul dintre clicuri ar trebui să fie suficient de mare pentru ca programul să nu îl perceapă drept clicuri duble) și introduceți noile titluri de pagină Pagina1, Pagina2, Pagina3 și Pagina4 Structura site-ului Web WebTemplate prezentată în Figura B.1! Acum puteți edita conținutul paginilor în vizualizarea pagină.

Fig B.1 Structura Wehfemplate în modul de vizualizare Ncnafufion

Copierea fișierelor pentru a crea un șablon de site Web După ce ați creat un site Web cu structura necesară, trebuie să îl convertiți într-un șablon Pentru a face acest lucru, trebuie să creați un folder cu extensia TEM (numele acestuia poate fi arbitrar), care ar trebui să fie să fie localizat în următoarea cale, pornind de la folderul rădăcină Windows \Application Data \Microsoft\FrontPage\Webs\. Apoi trebuie să copiați toate fișierele site-ului Web în folderul e1y și să adăugați fișierele. necesar ca FrontPdge să trateze site-ul Web ca un șablon. Copierea și crearea fișierelor se vor face în Windows Expioier
1. B Windows Explorer Accesați folderul site-ului Web WebTemplate (calea implicită C \Inetpub\Wwn\root\Webteinp!atc\) Folderul ar trebui să conțină cele cinci fișiere HTML create în secțiunea anterioară, precum și alte foldere cu fișiere suplimentare utilizate de site-urile Web Frontpage (Figura B 2) Elementele folderului Frontpage sunt descrise în Tabelul B1 Faceți clic dreapta pe folder (în panoul din stânga al Windows Explorer) și activați comanda Copiere din meniul contextual
2. Deschideți folderul în care sunt plasate șabloanele de site web FiontPage 2000 care urmează să fie create (calea implicită C \Windows\Application Data\Microsoft\FrontPage\Webs\)
3 Faceți clic dreapta pe acest folder (panoul din dreapta al Windows Explorer) și selectați comanda Lipire din meniul contextual. Folderul de plăci Webtem va fi copiat în folderul Webs. Ca urmare, veți primi majoritatea fișierelor pentru a crea un șablon complet
Notă
Pentru ca site-ul Web creat să poată fi folosit ca șablon, puteți plasa și folderul cu fișierele sale în folderul în care sunt stocate șabloanele standard Frontpage (calea implicită este C\Program Files\Mic rosoft Office\Templates\1033 \Webs\)
4. Faceți clic dreapta pe numele noului subfolder Webtemplate care a fost copiat în folderul Webs, selectați în meniul contextual Redenumiți comanda și denumiți subdosarul specificat Webtemplate tern (adăugați extensia TEM)
Notă
În folderul Webtemplate tern puteți șterge toate folderele enumerate în Tabelul B.1 (nu ștergeți doar folderul Imagini) Acest lucru nu va afecta funcționalitatea șablonului

Fig B. 2 Structura șablonului site-ului web WehTemplate

Tabelul B. 1. Structura de foldere a site-ului Web în Frontpage

Pliant Conţinut
frontiere Include până la patru fișiere HTML care sunt inserate în fiecare pagină împreună cu zonele comune de sus, de jos, din dreapta sau din stânga
privat Pagini pe care doriți să le faceți indisponibile pentru navigare sau căutare (de exemplu, pagini incluse)
șabloane partajate Șabloane utilizate pe site-ul Web
vtibin Programe CGI Frontpage create pentru a controla vizualizarea, precum și pentru a efectua acțiuni pe server de către administrator și autor
vticnf Fișiere de configurare pentru fiecare pagină a unui site Web, care conțin informații precum numele paginii, datele de creare și modificare, numele dezvoltatorului etc.
vtipvt Mai multe subfoldere cu fișiere actuale și istorice Lista de activități, precum și meta informații pentru site-ul Web și baza de date dependentă
vtiscript Scripturi în limbaje JavaSript și VBScript
vtitxt Indexuri de text pentru utilizare de către formularele de căutare
Imagini Toate imaginile asociate cu site-ul Web

Crearea fișierelor INF și MAP

Pe lângă fișierele deja copiate, veți avea nevoie de două fișiere suplimentare (cu extensii INF și MAP) pentru ca Frontpage 2000 să utilizeze șablonul site-ului Web. Fișierele INF conțin informații folosite pentru a include șablonul în lista găsită în caseta de dialog Nou. Fișierele MAP stochează legăturile de navigare pe care le creați. Vom copia aceste două fișiere din folderul implicit de șablon de site Web, le vom modifica conținutul și le vom salva sub numele corespunzătoare.

1. În Windows Explorer, deschideți folderul implicit de șablon web personal (calea implicită: C:\Program Files\Microsoft Off)ce\Templates\1033\Webs\Personal.tem).

2. În timp ce țineți apăsată tasta [ Ctrl ], selectați fișierele Personal.inf și Personal.map. Apăsați combinația de taste pentru a copia fișiere.
3. Reveniți la folderul Webtemplate.tem al șablonului pe care îl creați (calea implicită este C:\Wmdows\Application Data\Microsoft\FrontPage\Webs\Web-tempiate.-em). Faceți clic dreapta în panoul din dreapta și alegeți Lipire pentru a lipi cele două fișiere pe care le-ați copiat la pasul 2 în acest folder.
4. Faceți clic dreapta pe numele fișierului Personal.inf și redenumiți-l în Webtemplate inf. Denumiți fișierul Personal.map Web-template.map.
5. Faceți dublu clic pe numele fișierului Webtemplate.mf și editați conținutul acestuia folosind Notepad.În secțiunea Titlu, introduceți numele șablonului „Cazul de testare”, iar în secțiunea Description - o descriere a șablonului. După procesare, conținutul fișierului ar trebui să fie astfel:

6. Salvați și închideți fișierul Webteinplate.inf.
7. Deschideți fișierul Webt.ernpiate.map în editorul Notepad.
8. Editați fișierul Webtemplate.map așa cum se arată în figura următoare.

9. Salvați și închideți fișierul Webtemplate.map. Acum că ați creat fișierele INF și MAP în folderul dvs., Frontpage vă va accepta șablonul.
10. Comutați la modul Vizualizare pagină. Activați comanda submeniului Web meniul Fișier nou. În caseta de dialog Nou care se încarcă, lista de șabloane propuse va include și șablonul pe care l-ați creat - „Exemplu de testare” (descrierea acestuia este afișată în zona Descriere).

11. Selectați șablonul „Exemplu de testare” din listă. În mod implicit, se propune să atribuiți numele Webtenrplale2 site-ului Web creat (nu schimbați acest nume) Shelkbook pe butonul OK pentru a crea un nou site Web bazat pe șablonul. Se va deschide site-ul Web pe care l-ați creat (Figura B .3)
12 Ștergeți site-ul Web nou creat și închideți Prima pagină Dacă noul site Web nu funcționează conform așteptărilor, examinați fișierele din șablon Asigurați-vă că toate fișierele sunt acolo unde ar trebui să fie și că conținutul fișierelor INF și MAP respectă recomandările noastre și nu conține erori (care ar fi putut apărea deoarece ați editat aceste fișiere manual)

Orez. B.3 Site Web Webtemplate2 creat folosind șablonul „Exemplu de testare”.

Capitolul 11 ​​Crearea unui site web utilizând vrăjitori și șabloane

Șabloane și vrăjitori

Ne-am familiarizat cu fereastra principală a programului FrontPage. Înainte de a începe să dezvoltați singur un site Web, să aruncăm o privire la șabloanele și vrăjitorii pe care FrontPage le oferă pentru a accelera dezvoltarea.

Crearea unui site Web este un proces destul de intensiv în muncă, care necesită nu numai mult timp, ci și cunoștințe vaste în domeniul dezvoltării. Programul FrontPage întâlnește dezvoltatorii la jumătatea drumului, oferindu-le instrumente menite să reducă la minimum timpul petrecut cu crearea unui proiect. Printre acestea se numără un număr mare de șabloane și vrăjitori pentru crearea de pagini Web, cadre, site-uri Web și stiluri.

Ce sunt șabloanele și vrăjitorii și prin ce diferă ele unul de celălalt? Probabil că ați întâlnit șabloane când lucrați cu alte produse de birou, de exemplu, când lucrați cu Microsoft Word.

Probă- acesta este un set de parametri ai documentului pentru utilizarea sa repetată, cu alte cuvinte, scheletul documentului dumneavoastră. După ce ați ales unul sau altul șablon, veți folosi ulterior instrumentele care sunt deja incluse în acesta. De exemplu, selectând șablonul Body-o coloană, obțineți o pagină pe care informațiile trebuie plasate într-o coloană din centru. Alte șabloane au zone prealocate pentru plasarea textului și a graficelor etc.

Când utilizați vrăjitori, capacitățile dvs. de dezvoltare se extind deoarece maestru Pe măsură ce funcționează, vă pune întrebări și creează un site Web sau o pagină Web pe baza răspunsurilor dvs., plasând titluri și câteva informații. Astfel, atunci când utilizați vrăjitori, obțineți un proiect care este aproape de sarcinile dvs. principale.

Vrăjitorii site-ului web

Pentru a lansa Expertul de creare a site-ului web, urmați acești pași:

1. Din meniul Fișier, selectați comanda Nou, apoi în submeniul care se deschide, opțiunea Pagină sau Web. Ca rezultat, în fereastra principală a programului FrontPage apare pagina nouă sau panoul Web (Fig. 11.1).

Orez. 11.1. Panoul Creați o pagină web sau un site pentru a lucra cu pagini și site-uri web noi

2. Selectați Șabloane de site web în panou. Se deschide caseta de dialog Web Site Templates, în care puteți selecta un șablon sau un expert pentru a crea un site Web (Figura 11.2).

Orez. 11.2. Caseta de dialog Șabloane site-uri web

Caseta de dialog conține o filă Site-uri Web, care conține pictograme pentru șabloane și vrăjitori oferite de sistemul pentru crearea de site-uri Web. În tabel 11.1 descrie scopul vrăjitorilor oferite de programul FrontPage.

Tabelul 11.1. Vrăjitorii utilizați pentru a crea site-uri web

Maestru

Scop

Expertul site-ului web corporativ(Asistent de prezență corporativă)

Creează un site Web bazat pe reprezentarea companiei în lume Wide Web

Expertul pentru interfața bazei de date(Asistent pentru interfața bazei de date)

Creează un site Web care utilizează o bază de date pentru a stoca informații în care puteți vizualiza înregistrări, adăuga altele noi, șterge cele existente

Web Discussion Wizard
(Asistent Web pentru discuții)

Creează un site Web pentru discuții

Expert Web Import
(Import Web Wizard)

Importă date de pe site-uri Web create folosind alte programe într-un site Web creat în FrontPage

cometariu

În caseta de dialog Web Site Templates, FrontPage oferă patru vrăjitori pentru crearea unui site Web. Sunt enumerate în tabel. 11.1. Restul listei sunt șabloane.

3. Selectați pictograma specialistului ale cărui servicii doriți să utilizați. O scurtă descriere a expertului selectat apare în zona Descriere.

4. În câmpul Specificare locația noului web, introduceți adresa URL a site-ului Web, adică numele serverului Web pe care doriți să găzduiți site-ul Web și numele site-ului Web. Numele trebuie separate printr-un caracter „/”. De exemplu, http://localhost/Corporate. Sunt posibile următoarele opțiuni:

  • Serverul web este instalat pe computerul dvs. În acest caz, numele serverului este înlocuit automat în adresa URL. Serverul poate fi, de asemenea, atribuit numele retelei localhost implicit al computerului dvs.
  • Utilizați serverul Web al ISP-ului dvs., care este disponibil pe Internet. În acest caz, adresa URL reală a serverului este introdusă ca nume de server.
  • Salvați site-ul Web pe computer. În acest caz, calea fizică către acesta este indicată ca adresă.
  • Pentru a stabili o conexiune securizată cu serverul Web utilizând protocolul SSL, bifați caseta de selectare Necesar din fereastra Șabloane site-uri web Conexiune SSL(Este necesară o conexiune securizată (SSL)).

5. Faceți clic pe OK. Vrăjitorul începe.

Sfat

De asemenea, puteți face dublu clic pe pictograma expertului selectat pentru a lansa un expert sau un șablon.

Crearea unui site Web folosind expertul este după cum urmează. După pornirea asistentului, pe ecran apar casete de dialog una câte una pentru introducerea parametrilor site-ului Web creat. Trebuie să răspundeți la toate întrebările adresate. Pentru a vă deplasa între ecrane în timpul vrăjitorului, utilizați butoanele situate în partea de jos și aveți următoarele scopuri:

Buton

Scop

Anulare(Anulare)

Oprește munca vrăjitorului

Înapoi

Vă permite să reveniți la pașii anteriori din expert pentru a modifica informațiile introduse anterior

Vă permite să treceți la următorul pas al expertului

Gata(Finalizarea)

Vă permite să treceți la etapa finală în crearea unui site Web pe baza informațiilor introduse

După ce ați răspuns la toate întrebările vrăjitorului, faceți clic pe butonul Terminare. Expertul creează un site Web și îl afișează în fereastra principală a programului pentru vizualizare și editare.

cometariu

Puteți trece la etapa finală din orice fereastră a expertului utilizând butonul Terminare. În acest caz, FrontPage va crea site-ul Web utilizând setările implicite.

Să aruncăm o scurtă privire asupra capacităților vrăjitorilor pentru crearea unui site Web:

  • Expertul de prezență corporativă. Creează un site Web reprezentând compania pe Internet. Site-ul Web creat poate include:

· Pagini utilizate de vizitatorii site-ului Web pentru a vizualiza știri despre companie, precum și informații despre produsele și serviciile oferite

· Un cuprins care facilitează navigarea vizitatorilor pe site-ul Web.

· Formular de feedback al clienților cu privire la o anumită problemă

  • Expertul pentru interfața bazei de date. Site-ul Web creat cu ajutorul acestui expert poate conține următoarele pagini:

· Pagina de vizualizare a informațiilor bazei de date

· Pagina pentru introducerea informațiilor

· O pagină care vă permite să editați baza de date a unui site Web dintr-un browser

  • Expert Web pentru discuții. Creează un site Web pe paginile căruia utilizatorul își exprimă opinia în acest sens. discuție în curs. Site-ul Web creat poate include:

· Pagini de discuții și o pagină care permite vizitatorului să determine dacă mesajul său a ajuns pe site-ul Web

· Conținutul site-ului Web

· Formular de răspuns în flux

· Un formular de căutare care permite vizitatorilor site-ului să găsească pe site-ul Web informațiile de care sunt interesați

  • Import Web Wizard. Importă date de pe alte site-uri Web în site-ul Web creat în FrontPage. Puteți importa întregul site Web sau pagini individuale. Puteți importa de pe computerul dvs., de pe un computer situat în dvs retea locala sau de pe Internet specificând URL-ul acestuia

Expert pentru crearea unui site Web pentru a reprezenta o companie

Să ne uităm la munca Expertului de prezență corporativă, care creează un site Web pentru a reprezenta întreprinderea pe Internet. Pentru a crea un site Web utilizând acest expert, urmați acești pași:

1. Din meniul Fișier, selectați comanda Nou, apoi în submeniul care se deschide, opțiunea Pagină sau Web.

2. În panoul Creare pagină web sau site care apare în fereastra programului FrontPage, selectați comanda Șabloane site web (Șabloane site web).

3. În câmpul Specificare locație a noului site Web din caseta de dialog Șabloane site Web, introduceți locația și numele site-ului Web pe care îl creați.

4. Faceţi dublu clic pe pictograma Enterprise Web Site Wizard.

5. Maestrul isi incepe munca. Pe ecran apare prima sa fereastră, care conține scurta descriere masterat
(Fig. 11.3). Examinați informațiile furnizate și faceți clic pe Următorul.

Orez. 11.3. Prima fereastră de informații a expertului Enterprise Web Site Wizard

6. La următorul pas al expertului, vi se cere să decideți asupra paginilor care vor fi incluse în site-ul Web (Fig. 11.4). Caseta de dialog conține următoarele casete de selectare:

Acasă (Notă) - pagina de pornire a site-ului Web
Ce este nou - Pagina de știri a site-ului web
produse și servicii (Produse/Servicii) - o pagină care prezintă produsele sau serviciile oferite de companie

Orez. 11.4. Caseta de dialog pentru selectarea paginilor site-ului Web

Cuprins - o pagină care conține cuprinsul site-ului Web creat. Din această pagină puteți accesa toate paginile site-ului
Formular de feedback - o pagină sub forma unui formular pe care vizitatorii unui site web își pot posta părerea despre produsele și serviciile oferite
Formular de căutare - o pagină sub forma unui formular pentru căutarea cuvintelor pe un site Web. Acest formular va permite vizitatorului să găsească rapid informațiile necesare

În mod implicit, toate casetele de selectare sunt bifate. Debifați casetele de lângă paginile pe care nu doriți să le includeți în site-ul Web pe care îl creați. Caseta de selectare Acasă (Notă) nu este disponibilă pentru corectare. Acest lucru este de înțeles. La urma urmei, nu te poți descurca fără o pagină de pornire. După ce v-ați decis cu privire la selectarea paginii, faceți clic pe Următorul pentru a trece la pasul următor.

7. Următoarea casetă de dialog expert vă permite să definiți formatul paginii de pornire a site-ului Web care este creat (Fig. 11.5). Conține casete de selectare care, atunci când sunt bifate, vor rezerva spațiu pe pagină pentru următoarele informații:

Introducere - pentru informații introductive
Declarație de misiune - despre scopurile și obiectivele companiei
Profil companie - despre profilul companiei
Informații de contact - pentru informații de contact

Debifați casetele de lângă acele secțiuni ale căror informații nu le veți plasa pe pagina principală și faceți clic pe butonul Mai departe.

Orez. 11.5. Caseta de dialog pentru definirea formatului paginii de start

cometariu

Când creați un site Web utilizând expertul, este posibil să lipsească anumite casete de dialog. Prezența lor este determinată de paginile care vor fi prezente în dezvoltarea ta și pe care le-ai specificat în a doua casetă de dialog a vrăjitorului.

8. Următoarea fereastră de expert vă permite să setați parametrii paginii care va conține cel mai mult cele mai recente știri site-ul dvs. Web sau raportați pe ce pagină a site-ului Web au apărut informații noi (Fig. 11.6). În această fereastră există trei casete de selectare, a căror instalare duce la plasarea următoarelor secțiuni pe site-ul Web:

Caseta de bifat

Scopul secțiunii

modificări ale site-ului web
(Modificări web)

Noutăți despre site

mesaje informative
(Comunicat de presă)

Cazare mesaje informative

articole și recenzii
(Articole și recenzii)

Postarea de articole și recenzii

Orez. 11.6. Caseta de dialog pentru setarea parametrilor paginii de știri

9. La pasul următor al expertului, în câmpurile Produse și Servicii (Fig. 11.7), puteți seta parametrii paginii care conține informații despre bunurile și serviciile furnizate de companie. În conformitate cu numerele introduse, se va crea o pagină pentru fiecare produs sau serviciu promovat. Introduceți numerele necesare în aceste câmpuri și faceți clic pe Următorul.

Orez. 11.7. Caseta de dialog care vă permite să setați numărul de bunuri și servicii promovate

10. În fereastra de dialog care apare la pasul următor, puteți specifica secțiunile pentru care se va rezerva spațiu pe paginile de publicitate pentru bunuri și servicii (Fig. 11.8). Conține două grupuri de casete de selectare. Primul grup de casete de selectare definește parametrii paginii de prezentare a produselor:

Imagine produs - rezervă spațiu pe pagină pentru a plasa o imagine a produsului
Informații despre preț - își rezervă spațiu pe pagină pentru a plasa prețuri pentru produsul specificat
Formular de solicitare de informatii - duce la crearea unui formular de solicitare de informatii

Al doilea grup de casete de selectare determină parametrii serviciilor de publicitate în pagină:

Lista de capabilități - rezervă spațiu pe pagină pentru mai multe descriere detaliata Servicii
Conturi de referință - rezervă spațiu pe pagină pentru plasarea conturilor
Formular de solicitare de informații - indică necesitatea creării unui formular de solicitare a serviciilor pentru vizitatorii site-ului

Selectați casetele de selectare necesare și faceți clic pe Următorul pentru a trece la pasul următor.

Orez. 11.8. Caseta de dialog pentru setarea parametrilor pentru paginile care contin informatii despre produse si servicii

11. Următoarea casetă de dialog vă permite să setați câmpurile formularului chestionar părere cu vizitatorii site-ului dvs. Web (Fig. 11.9). Acest formular este folosit pentru a colecta informații și apoi a le transmite pe site-ul web. Nu puneți prea multe câmpuri în acest formular pentru a nu intimida vizitatorii care doresc să se înregistreze pe site-ul dvs. Web. Bifați casetele de selectare de lângă informațiile pe care le doriți despre oaspeți și faceți clic pe Următorul.

Orez. 11.9. Caseta de dialog vă permite să setați câmpurile formularului de feedback cu vizitatorii site-ului

12. În următoarea casetă de dialog, trebuie să specificați formatul datelor care provin din formularul de feedback cu vizitatorii site-ului dvs. Web (Fig. 11.10). Alegerea unui format sau altuia va fi determinată de modul în care sunt procesate. Aveți două opțiuni din care să alegeți:

Da, utilizați formatul delimitat de tabulatori - datele sunt salvate ca tabel. Această opțiune este utilizată dacă rezultatele sondajului vor fi procesate folosind o bază de date sau foaie de calcul Microsoft Excel
Nu - formatul paginii web (Nu, utilizați formatul paginii web) - datele sunt salvate în formatul paginii web

După ce ați setat opțiunea necesară, faceți clic pe Următorul pentru a trece la pasul următor al expertului.

Orez. 11.10. Caseta de dialog vă permite să setați formatul datelor care provin din formularul de chestionar

13. La pasul următor, expertul vă solicită să setați parametrii paginii de conținut a site-ului Web (Fig. 11.11). Caseta de dialog conține trei casete de selectare:

Păstrați lista de pagini actualizată automat - bifarea acestei casete vă permite să actualizați automat informațiile din cuprins atunci când paginile incluse în site-ul Web se modifică
Afișați paginile care nu sunt conectate la web - caseta de selectare determină dacă paginile care nu au linkuri directe de la alte pagini ar trebui să fie afișate în cuprins
Utilizați marcatori pentru paginile de nivel superior - când este bifată, lista paginilor de nivel superior este afișată ca o listă cu marcatori

Orez. 11.11. Caseta de dialog vă permite să setați parametrii pentru pagina care conține cuprinsul site-ului Web

Avertizare

Bifarea casetei pentru a actualiza automat lista de pagini (Păstrați lista de pagini actualizată automat) atunci când există un număr mare de pagini în
site-ul web și actualizări frecvente poate crește încărcarea paginii de cuprins.

14. Prin bifarea casetelor din fereastra expertului prezentată în Fig. 11.12, vă rezervați spațiu pentru informații care vor fi plasate în partea de sus și de jos a tuturor paginilor site-ului Web. Parametrii sunt împărțiți în două grupuri. Primul grup de casete de selectare determină informațiile plasate în partea de sus a paginilor. Acesta este logo-ul companiei, titlul paginii, link-uri către paginile principale ale site-ului Web.

Orez. 11.12. Casetă de dialog pentru plasarea informațiilor în partea de sus și de jos a paginilor site-ului Web

Al doilea grup de casete de selectare definește parametrii paginii plasați în partea de jos a paginilor, cum ar fi link-uri către paginile principale ale site-ului Web, adresa de e-mail a webmasterului, informațiile privind drepturile de autor și data la care pagina a fost modificată ultima dată.

cometariu

Bifarea casetelor din această fereastră a expertului este folosită numai pentru a rezerva spațiu pe paginile Web. După finalizarea expertului în editorul FrontPage, puteți plasa informațiile necesare în aceste locuri.

Selectați casetele necesare și faceți clic pe Următorul.

15. În continuare, în expert, se propune plasarea unei pictograme în construcție pe pagini, indicând faptul că crearea acestei pagini nu a fost încă finalizată (Fig. 11.13). Selectați una dintre cele două opțiuni oferite și faceți clic pe Următorul pentru a trece la următoarea casetă de dialog.

Orez. 11.13. Sunteți invitat să plasați pictograma În curs de dezvoltare pe paginile dvs.

16. În următoarele două casete de dialog, trebuie să specificați informații despre compania pentru care este creat site-ul Web. În caseta de dialog prezentată în Fig. 11.14, trebuie să introduceți numele complet și prescurtat al companiei, precum și adresa acesteia. Alte informatii despre companie - număr de telefon, numărul de fax, adresa de e-mail pentru webmaster și adresa de e-mail a companiei, introduceți în fereastra prezentată în Fig. 11.15.

Orez. 11.14. Caseta de dialog pentru introducerea numelui complet și prescurtat al companiei, precum și a adresei

Orez. 11.15. Caseta de dialog pentru introducerea numărului de telefon, a numărului de fax și a adresei de e-mail

17. La pasul următor, expertul vă solicită să selectați stilul de design al site-ului dvs. Web (Fig. 11.16). Puteți accepta designul implicit și faceți clic pe Următorul. Ulterior, puteți modifica designul întregului site Web, precum și oricare dintre paginile acestuia, folosind comanda Temă din meniul Format. Dacă doriți să începeți să proiectați site-ul Web pe care îl creați acest moment, apoi faceți clic pe butonul Alegeți tema web situat în centrul casetei de dialog. Pe ecran se va deschide fereastra Select Theme (Fig. 11.17).

Orez. 11.16. Caseta de dialog pentru setarea stilului de design al unui site Web

Orez. 11.17. Caseta de dialog pentru selectarea unei teme pentru paginile site-ului web

În partea de sus a casetei de dialog Selectare tema, opțiunea implicită este Toate paginile, ceea ce indică faptul că tema site-ului Web pe care o selectați se va aplica tuturor paginilor. Sub această opțiune este o listă de teme oferite de FrontPage. Când selectați o valoare din această listă, în zona Sample of Theme puteți vizualiza designul propus de text, titluri, liste, bare de navigare, hyperlinkuri. Dacă bifați casetele situate sub lista de subiecte, atunci:

Culori vii - culorile folosite în design vor fi mai saturate
Grafică activă - puteți adăuga grafică activă designului dvs
Imagine de fundal(Imagine de fundal) - puteți adăuga o imagine de fundal la designul paginii
Aplica cu folosind CSS(Aplicați folosind CSS) - la designul paginii este adăugată o foaie de stil externă

După ce selectați tema care vă place și bifați casetele necesare, faceți clic pe OK pentru a închide caseta de dialog Selectare tema. Aceasta vă va întoarce la fereastra expertului. Faceți clic pe „Următorul.

18. În următoarea casetă de dialog (Fig. 11.18), vrăjitorul raportează că a terminat de colectat informațiile de care are nevoie și este gata să continue construirea unui site Web. În mod implicit, în caseta de dialog a expertului, caseta de selectare Afișare Vizualizare sarcini după ce este încărcat web este bifată, indicând faptul că după finalizarea expertului și încărcarea site-ului Web creat, pe ecran va fi afișată o listă de sarcini generate pentru finalizarea site-ului. . Lăsați această casetă bifată, deoarece imediat după ce vrăjitorul finalizează lucrarea, veți putea vizualiza lista cu lucrările pe care trebuie să le faceți și vă veți asigura că vrăjitorul a finalizat toate lucrările principale pentru dvs.

Orez. 11.18. Fereastra de informații finale a vrăjitorului

cometariu

Înainte de a face clic pe Terminare, puteți reveni la casetele de dialog anterioare, puteți revizui informațiile pe care le-ați introdus sau puteți modifica orice. Pentru a face acest lucru, puteți folosi butonul Înapoi. După vizualizarea setărilor, nu trebuie să reveniți la ultima casetă de dialog. Pentru a începe procesul de creare a unui site Web, faceți clic pe butonul Terminare din orice fereastră.

Faceți clic pe Terminare pentru a finaliza crearea site-ului Web.

Expertul începe să creeze un site Web. Dacă ați bifat Afișare sarcini după încărcarea unui site web în ultima casetă de dialog

(Afișați Vizualizarea sarcinilor după ce web-ul este încărcat), apoi după ce vrăjitorul este finalizat, pe ecran se va deschide o listă de sarcini pentru finalizarea site-ului Web în formă tabelară (Fig. 11.19). Sarcinile sunt sortate după prioritatea finalizării lor. Coloana Asociat cu arată numele paginii care necesită lucrări, iar coloana Descriere arată o descriere a activității pe care trebuie să o faceți.

Orez. 11.19. Lista de sarcini pentru a finaliza crearea unui site Web

Plasați cursorul pe sarcina pe care doriți să o începeți executați, faceți clic pe butonul dreapta al mouse-ului și în meniul contextual care apare, selectați comanda Start Task.Pagina pe care ați selectat-o ​​se va deschide în modul de editare.Cursorul este plasat în locul în care este necesară modificarea. Puteți începe să editați site-ul Web creat de expert.

Prima pe lista de sarcini este editarea paginii de start a site-ului Web. Prin urmare, când începeți prima sarcină din listă, pagina de pornire se deschide în modul de editare (Fig. 11.20). Să ne uităm la elementele situate pe el. Ele vor fi, de regulă, prezente pe alte pagini ale site-ului Web.

  • Titlul paginii (pagina de start are titlul Acasă). Este un obiect grafic
  • Fundalul paginii web. Ca și titlul, este un obiect grafic

Orez. 11.20. Pagina de pornire a site-ului web

  • Bare de linkuri orizontale și verticale situate în partea de sus a paginii deasupra antetului și, respectiv, în zona generală din stânga. Bara de navigare orizontală conține link-uri către Notă (Pagina principală), Feedback, Cuprins și Formular de căutare. Panoul vertical al paginii de start conține link-uri Știri, Produse, Servicii, concepute pentru a merge la pagini cu știri ale companiei, precum și către pagini care promovează bunuri și servicii
  • Linii de separare orizontale
  • Numerele de telefon de contact, adresa poștală, adresa de e-mail, numele companiei. Aceasta informatie situat în partea de jos a paginii

cometariu

Imaginile grafice plasate pe paginile Web pot fi create folosind produse software precum Microsoft Photo Draw, Microsoft Image Composer, CorelDraw, Adobe Photoshop etc.

Elementele dintr-o pagină, precum și pagina în sine, sunt caracterizate de proprietăți pe care le puteți vizualiza și modifica folosind caseta de dialog cu proprietățile elementului. Pentru a deschide această fereastră, trebuie să selectați un element, să faceți clic dreapta și să selectați comanda Properties cu numele elementului care este modificat din meniul contextual care apare. De exemplu, pentru a deschide proprietățile antetului paginii, trebuie să utilizați Proprietăți banner pagină, Proprietăți bară de legături, Proprietăți linie orizontală etc.

Să ne uităm la structura de navigare a unui site Web pentru a reprezenta o companie pe Internet (Figura 11.21), precum și la modul în care paginile sale constitutive sunt conectate. Pentru a face acest lucru, accesați modul Tranziții făcând clic pe butonul cu același nume din panoul Vizualizări.

Orez. 11.21. Structura de navigare a site-ului web Expertul site-ului web corporativ

După cum puteți vedea din structura site-ului Web, paginile către care navigați folosind hyperlinkuri din bara orizontală de link-uri sunt situate la același nivel de ierarhie cu pagina de pornire. La următorul nivel în ierarhie se află paginile la care navigați folosind bara de link-uri verticală a paginii de pornire. La rândul lor, paginile celui de-al doilea nivel (Produse, Servicii) conțin bare de link-uri pentru a merge la paginile celui de-al treilea nivel al ierarhiei.

Site de discuții

Pentru a crea un site web de grup de discuții:

1. Din meniul Fișier, selectați comanda Nou, apoi în submeniul care se deschide, selectați opțiunea Pagina sau site-ul web
(Pagină sau Web).

2. În panoul Creați o pagină web sau un site care apare în fereastra programului FrontPage, selectați comanda Șabloane site web.

3. În câmpul Specificare locația noului web din caseta de dialog Web Site Templates, specificați locația și numele site-ului Web pe care doriți să îl creați, apoi faceți dublu clic pe pictograma Discussion Web Wizard.

4. Maestrul isi incepe munca. Pe ecran apare prima sa fereastră, care conține o scurtă descriere a vrăjitorului. Examinați informațiile furnizate și faceți clic pe Următorul.

5. În a doua casetă de dialog (Fig. 11.22) există casete de selectare. Acestea vă permit să specificați paginile care vor fi create pe site-ul Web și funcțiile care trebuie implementate:

Formular de secțiune nouă (Formular de trimitere) - un formular pentru introducerea comentariilor în timpul discuției
Cuprins - Un cuprins folosit pentru a organiza și revizui comentariile trimise anterior pe un anumit subiect. Un cuprins este inclus într-un site Web dacă vizitatorilor li se cere să citească și să comenteze întrebările celorlalți participanți.
formular de căutare - un formular de căutare a informațiilor după un criteriu dat
Răspunsuri cu discuții - când această casetă de selectare este bifată, comentariile pe un subiect general sunt combinate, oferind astfel vizitatorului o vizualizare secvențială a acestora
pagina de confirmare - o pagină de confirmare care permite vizitatorului să afle dacă mesajul său a ajuns pe site-ul Web

În mod implicit, toate casetele de selectare sunt bifate. Dacă doriți să renunțați la orice pagină sau caracteristică, debifați caseta, apoi faceți clic pe Următorul pentru a continua la pasul următor.

Orez. 11.22. O fereastră care vă permite să specificați paginile site-ului Web creat

6. În următoarea casetă de dialog a expertului (Fig. 11.23) există două câmpuri. În câmpul de sus, introduceți titlul discuției, iar în câmpul de jos, introduceți numele folderului în care vor fi plasate mesajele grupului de discuții. Puteți lăsa numele implicit al folderului sugerat de expert. După ce ați completat introducerea informațiilor, treceți la pasul următor făcând clic pe Următorul.

Orez. 11.23. Caseta de dialog pentru introducerea titlului

cometariu

Vă rugăm să rețineți că numele folderului trebuie să înceapă cu un caracter de subliniere „_”.

La pasul următor al expertului (Fig. 11.24), trebuie să indicați ce câmpuri trebuie să conțină inițial formularul pentru a trimite comentarii în timpul discuției. În mod implicit, se propune includerea câmpurilor Subiect și Comentarii. Ulterior, pe lângă cele selectate, puteți adăuga și alte câmpuri în formular. După ce ați selectat opțiunea necesară, faceți clic pe Următorul.

Orez. 11.24. Caseta de dialog pentru setarea câmpurilor de formular

8. În următoarea fereastră a expertului (Fig. 11.25), trebuie să indicați dacă doriți să limitați numărul de participanți în grupul de discuții. În mod implicit, opțiunea Nu, oricine poate posta articol este setată, indicând faptul că oricine poate participa la discuție. Lăsați această valoare și faceți clic pe Următorul.

Orez. 11.25. Fereastra pentru limitarea numărului de participanți într-un grup de discuții

9. Următoarele casete de dialog ale expertului indică modul de organizare a articolelor primite pe site-ul Web, dacă să plasați un cuprins pe pagina de start, să setați câmpurile formularului de căutare, tema site-ului Web, dacă să utilizați un cadru pentru a proiecta paginile și, dacă da, atunci aspectul acestuia. În aceste ferestre puteți accepta setările implicite oferite de expert. În fereastra finală a expertului, faceți clic pe butonul Terminare. Expertul începe să creeze un site Web. După finalizarea expertului, treceți la modul de operare Foldere făcând clic pe butonul cu același nume din panoul mod Vizualizări.

Orez. 11.26. Vizualizați un mesaj trimis

10. Site web în browser. Selectați linkul Postați un articol nou pe pagina de pornire. Se deschide un formular pentru introducerea unui mesaj. Introduceți subiectul, numele și mesajul dvs. în câmpurile formularului, apoi faceți clic pe butonul Postați articolul. În funcție de modul de securitate setat în browser, un avertisment de securitate poate apărea pe ecran. Faceți clic pe butonul Da în această fereastră. O confirmare de primire apare în cadrul de jos al paginii.
Site Web de mesaje. În fig. Figura 11.26 prezintă pagina de cuprins cu mesajul trimis.

Expertul de importare a site-ului web

Să ne uităm la lucrul Import Web Wizard. Puteți utiliza acest expert dacă doriți să copiați un site Web care vă place pe Internet pe computer sau să modificați un site Web. creat fără a utiliza FrontPage.

Pentru a importa un site Web utilizând expertul, urmați acești pași:

3. În câmpul Specificare locația noului web al casetei de dialog Șabloane site web, specificați locația și numele site-ului Web care urmează să fie creat, apoi faceți dublu clic pe pictograma Expert Web Import.

Sfat

De asemenea, puteți utiliza comanda Import din meniul File pentru a lansa Import Web Wizard. Se deschide caseta de dialog Web Site Templates și pictograma Web Import Wizard este selectată implicit.

4. Vrăjitorul pornește și pe ecran apare prima casetă de dialog Choose Source (Fig. 11.27), în care trebuie să specificați de unde este importat site-ul Web. Există două opțiuni în fereastră:

  • Director pe un computer sau o rețea locală (Din un director sursă de fișiere de pe un computer sau o rețea locală) - la selectarea acestei opțiuni, fișierul va fi importat dintr-un director de pe discul local sau din rețea. Bifați caseta de selectare Include subfolders dacă directorul copiat conține subdirectoare. Puteți utiliza butonul Răsfoire pentru a specifica calea completă către site-ul Web.

  • De pe un site World Wide Web - această opțiune vă permite să importați un site Web de pe un server WWW. Trebuie doar să specificați adresa URL în câmpul Locație

Selectați una dintre cele două opțiuni oferite, specificați locația site-ului Web de importat și faceți clic pe Următorul.

Orez. 11.27. Prima casetă de dialog a Expertului de importare a site-ului Web

5. Aspectul următoarei casete de dialog depinde de opțiunea setată la primul pas. Dacă importați un site Web dintr-un director, se va deschide fereastra Editare listă de fișiere (Figura 11.28), care conține o listă cu toate fișierele, inclusiv subdirectoarele pe care le-ați specificat. Când toate fișierele au fost importate, faceți clic pe butonul (Următorul). Dacă doriți să excludeți fișierele individuale de la import, selectați-le și eliminați-le din listă folosind butonul Excludeți. Restabilirea listei este incorectă fișier la distanță Faceți clic pe butonul Reîmprospătare. După ce ați finalizat crearea listei, faceți clic pe butonul.

Orez. 11.28. Caseta de dialog Expert atunci când importați un site Web dintr-un catalog

6. Când importați un fișier de pe Internet, se deschide caseta de dialog Select Download Amount (Fig. 11.29), în care vi se cere să creați o serie de condiții pentru numărul de niveluri copiate în ierarhia paginii și cantitatea maximă de informații în kiloocteți. Dacă caseta de selectare Limitați fișierele text și imagine este bifată, vor fi importate numai fișierele text și imagine. După ce ați specificat parametrii necesari, faceți clic pe butonul pentru a trece la pasul următor din expert.

Orez. 11.29. Caseta de dialog Expert atunci când importați un site Web de pe Internet

7. Următoarea casetă de dialog este informativă. Faceți clic pe butonul Terminare. Începe procesul de import, păstrând structura site-ului Web importat.

cometariu

Dacă nu există un director privat în structura site-ului Web, în ​​care FrontPage plasează fișiere confidențiale, precum și un director de imagini pentru stocarea fișierelor grafice, acestea vor fi adăugate la structura creată.

După finalizarea expertului, site-ul Web importat apare în fereastra programului FrontPage și puteți începe să lucrați cu el.

Expertul pentru interfața bazei de date

Expertul pentru interfața bazei de date este un nou expert introdus în FrontPage XP. Acesta creează un site Web care vă permite să lucrați cu informațiile conținute în baza de date Accesați datele, Oracle sau SQL Server. Pentru a utiliza acest expert:

1. În panoul Creare pagină web sau site, selectați Șabloane site web.

2. În câmpul Specificare locația noului web al casetei de dialog Web Site Templates care se deschide, specificați locația și numele site-ului Web care urmează să fie creat, apoi faceți dublu clic pe pictograma Database Interface Wizard.

3. Maestrul isi incepe munca. Pe ecran apare prima sa fereastră (Fig. 11.30), în care trebuie să specificați baza de date cu care va fi conectat site-ul Web. Fereastra conține opțiuni:

Conexiune nouă la baza de date Access de pe site-ul web (Creați un nou Acces la baza de dateîn web-ul dvs.) - această opțiune specifică faptul că conexiunea se va face la noua bază de date Access
conexiunea existentă la baza de date (Utilizați o conexiune de bază de date existentă) - la selectarea acestei opțiuni, devine posibilă selectarea unei baze de date existente din lista aflată sub opțiunea
Utilizați un exemplu de conexiune la baza de date (Northwind) - conexiune la baza de date de testare Northwind

Să vedem cum să ne conectăm la o nouă bază de date. Lăsați opțiunea implicită New Access DB Connection pe site-ul Web selectată și faceți clic pe Următorul.

Orez. 11.30. Fereastra expertului pentru selectarea unei baze de date

4. Următoarea fereastră a expertului conține un câmp pentru introducerea numelui bazei de date. Introduceți un nume și faceți clic pe Următorul.

5. La pasul următor, expertul sugerează generarea unei liste de câmpuri ale bazei de date (Fig. 11.31). Informațiile despre câmpuri sunt prezentate sub forma unui tabel care conține trei coloane. Prima coloană indică numele câmpului, a doua - tipul acestuia, iar a treia - obiectul de interfață prin care informațiile a acestui domeniu vor fi prezentate în formular. Implicit, tabelul conține trei câmpuri. Folosind butoanele situate în caseta de dialog, puteți adăuga câmpuri noi la tabel, le puteți edita și șterge pe cele existente.

Orez. 11.31. Fereastra pentru generarea unei liste de câmpuri ale bazei de date

Adăugare - deschide o casetă de dialog (Fig. 32), cu care se introduce un câmp nou în baza de date
Modificare - deschide o casetă de dialog cu care puteți edita informații despre câmpul bazei de date în curs de creare care este selectat în tabel
Șterge - șterge câmpul selectat din tabel din baza de date.Folosind aceste butoane, creați câmpuri de tabel.

Când introduceți un câmp nou sau editați un câmp existent, se deschide o fereastră similară cu cea prezentată în Fig. 1. 11.32. Conține următoarele obiecte de interfață:

Nume coloană - numele câmpului
Tip coloană - tip câmp. Determină tipul de informații stocate în câmp. Poate fi Text, Memo, Integer, Long, Float, Double, Data, Boolean (Boolean)
Form field input type - specifică obiectul de interfață cu care informațiile câmpului vor fi prezentate în formular. Lista conține următoarele valori: casetă de text, zonă de text, buton de opțiune, casetă drop-down
Număr de opțiuni - numărul de opțiuni din butonul radio sau valorile din listă. Acest contor este disponibil atunci când valorile Buton de opțiune și Caseta drop-down sunt selectate din lista Tip de date de introducere a câmpului de formular.

Orez. 11.32. Fereastra expert pentru introducerea și editarea informațiilor despre un câmp al bazei de date

6. După ce au fost specificate toate informațiile de câmp, faceți clic pe Următorul. Expertul începe să creeze o bază de date pe baza informațiilor introduse. După crearea bazei de date, va apărea o fereastră de informații, în care faceți clic și pe Următorul.

7. Bifând casetele la pasul următor al asistentului (Fig. 11.33), specificați paginile incluse în site-ul Web. Expertul oferă trei pagini:

Pagina de rezultate - pagină pentru vizualizarea informațiilor conținute în baza de date
Formular de trimitere - o pagină concepută pentru a introduce informații în baza de date
Database Editor - o pagină care vă permite să editați baza de date a unui site Web din browser

Orez. 11.33. Generarea unei liste de pagini de site Web

Orez. 11.34 Casetă de dialog care vă permite să creați o parolă pentru a accesa pagina folosită pentru editarea bazei de date

Specificați paginile de inclus în site-ul Web și treceți la pasul următor al expertului.

8. Dacă site-ul dvs. Web include o pagină Editor baze de date, apare o casetă de dialog care vă permite să setați un nume de utilizator și o parolă pentru a accesa pagina. Pentru a restricționa accesul la pagină, în câmpul Username introduceți numele utilizatorului care va edita structura bazei de date, în câmpul Parolă - parolă și în câmpul Confirmare - confirmarea parolei. Dacă doriți să accesați această pagină fără a introduce o parolă, bifați caseta de selectare Nu proiectați Editorul bazei de date cu un nume de utilizator si parola). După ce ați finalizat setarea parametrilor, treceți la pasul următor făcând clic pe Următorul.

9. Apare o fereastră de informare indicând lista de pagini pe care expertul le va include pe site-ul Web. Faceți clic pe butonul Terminare din această fereastră. Expertul finalizează crearea site-ului Web și îl deschide în fereastra programului FrontPage pentru vizualizare și editare (Figura 11.35).

Orez. 11.35. Una dintre paginile site-ului Web create de expert în modul de editare

Șabloane pentru crearea de site-uri web

Pe lângă vrăjitori, puteți și ar trebui să utilizați șabloane atunci când dezvoltați site-uri Web. Acestea ajută la crearea unei structuri tipice a site-ului Web.

Pentru a crea un site Web folosind unul dintre șabloanele furnizate, urmați acești pași:

1. Din meniul Fișier, selectați comanda Nou, apoi în submeniul care se deschide, selectați opțiunea Pagină sau Site Web.

2. În panoul Creați o pagină web sau un site care apare, selectați comanda Șabloane site web.

3. Caseta de dialog Web Site Templates care se deschide conține șabloane pentru crearea de site-uri Web (Tabelul 11.2).

Tabelul 11.2. Șabloane folosite pentru a crea site-uri web

Probă

Scop

Site cu o singură pagină
(O singură pagină web)

Creează un site Web care conține o pagină

Site Web de asistență pentru clienți(Web de asistență pentru clienți)

Creează un site Web pentru a sprijini cumpărătorii produselor tale, unde aceștia își pot posta comentariile și sugestiile cu privire la calitatea bunurilor și serviciilor

Site gol
(Web gol)

Creează un site web gol

Site personal
(Web personal)

Creează un site web personal cu mai multe pagini

Site-ul proiectului
(Proiect Web)

Site-ul web al proiectului. Acest șablon poate fi folosit ca centru de coordonare și discuții pentru un proiect mare. Pe paginile site-ului Web puteți posta informații despre participanții la proiect, starea lucrurilor, discutați despre cele mai importante probleme etc.

Site de echipă bazat pe SharePoint(Site Web pentru echipe bazate pe SharePoint)

Site Web de colaborare. Conține un calendar de evenimente, o bibliotecă de documente partajate, o listă de contacte, sarcini etc.

Selectați pictograma șablonului ale cărui servicii doriți să utilizați cu cursorul. O scurtă descriere a expertului selectat apare în zona Descriere.

4. În câmpul Specificați locația noului web, introduceți locația și numele site-ului Web pe care îl creați.

5. Faceți clic pe OK.

În conformitate cu șablonul selectat, programul FrontPage generează șablonul de site Web necesar și îl deschide în modul de vizualizare și editare. Puteți începe editarea prototipului creat al site-ului Web.

Șablon pentru crearea unui site Web cu o singură pagină

Primul în lista de șabloane și vrăjitori sugerate este șablonul One Page Web, conceput pentru a crea un site Web cu o singură pagină. Folosind a acestui șablon FrontPage creează o structură de foldere pentru site-ul Web și îi adaugă o pagină Web goală.

Pentru a vizualiza structura unui site Web creat folosind un șablon, afișați panoul Folder List în fereastra programului selectând comanda cu același nume din meniul View. Pagina inclusă în structura site-ului Web creată este salvată într-un fișier numit index.htm. În mod implicit, se presupune că această pagină este utilizată ca pagină de pornire. Deschideți această pagină făcând dublu clic pe numele fișierului index.htm. Pagina va fi deschisă în modul de editare în zona de lucru a programului FrontPage (Fig. 11.36).

Orez. 11.36. Un site Web creat folosind șablonul One Page Web Site

cometariu

Structura unui site Web creat pe baza șablonului Site Web cu o pagină poate fi schimbată ulterior: adăugați foldere noi și orice număr necesar de pagini.

Șablon de site web necompletat

Pentru a crea un site Web gol, utilizați șablonul Web gol. Când utilizați acest șablon, FrontPage creează o structură de site Web constând din folderele _private și imagini.

După finalizarea formării șablonului, site-ul Web creat se deschide în modul de editare. În panoul folderului, puteți vizualiza structura site-ului Web. Nu conține o singură pagină.

cometariu

Șablonul Web gol este util atunci când intenționați să utilizați o pagină cu o structură mai complexă, cum ar fi un cadru, pentru a vă crea pagina de pornire.

Șablon pentru crearea unui site web personal cu mai multe pagini

Folosind șablonul de site web personal, puteți crea rapid un site web personal. În el puteți plasa informații personale, fotografii ale prietenilor, informații de referință și, de asemenea, folosind link-uri, puteți vizualiza paginile cele mai frecvent vizitate de pe Internet. În plus, acest site Web este un excelent punct de plecare pentru cei care încep să exploreze capacitățile FrontPage.

Pentru a crea un site web personal folosind un șablon, urmați acești pași:

1. În meniul Fișier, selectați comanda Nou, apoi în submeniul care se deschide, selectați opțiunea Pagină sau Site Web (Pagină nouă sau Site Web).

2. În panoul Creați o pagină web sau un site care apare, selectați comanda Șabloane site web.

3. În câmpul Specificare locație a noului web din caseta de dialog Web Site Templates care se deschide, introduceți locația și numele site-ului Web care urmează să fie creat. Să denumim site-ul Web, de exemplu, My Pers_ Web.

4. Faceți dublu clic pe pictograma Personal Web. Începe procesul de creare a șablonului. După ceva timp, site-ul Web rezultat se va deschide în fereastra principală a programului FrontPage pentru vizualizare și editare (Fig. 11.37).

Panoul Listă foldere conține fișiere de pagină pentru site-ul Web creat. Selectând fișierele unul câte unul cu cursorul mouse-ului, căutați prin paginile care vi se oferă. Folosind instrumentele programului FrontPage, puteți să le modificați, să schimbați numele paginilor, să adăugați pagini noi pe site-ul Web și să inserați propriul text.

Orez. 11.37. Site Web personal creat folosind un șablon

Modificarea unui site web personal

În fig. Figura 11.37 prezintă pagina de pornire a unui site Web personal creat folosind șablonul. Conține un set de elemente pe care le puteți folosi așa cum sunt oferite de expert sau le puteți modifica.

În partea de sus a paginii de start este titlul Bine ați venit!, care este un obiect numit anunț pe pagină (Banerul paginii). Acest obiect este folosit pentru a fi afișat în forma grafica anteturi pe paginile Web. Tipul de antet este determinat în caseta de dialog Proprietăți banner pagină, care se deschide făcând dublu clic pe antet sau pe comanda meniului contextual cu același nume.

În centrul paginii de start (dedesubtul și în dreapta liniilor punctate) se află text simplu, care poate fi schimbat. Pentru a afla dacă acesta este text obișnuit pe o pagină Web sau un obiect, experimentați. Mutați cursorul în interiorul paginii de pornire și urmăriți cum se schimbă aspectul cursorului când este plasat pe anumite obiecte.

Când cursorul este deasupra titlului paginii, deasupra datei situate sub titlu, cursorul ia forma unei mâini care ține pagina.

Plasați cursorul pe textul din centrul paginii. Cursorul nu își schimbă aspectul. Puteți șterge textul în siguranță și puteți plasa informațiile necesare în locul său.

Pentru a modifica proprietățile obiectelor peste care cursorul ia forma unei mâini care ține o pagină, se folosesc casetele de dialog corespunzătoare. De exemplu, pentru a schimba formatul datei afișate pe pagină, trebuie să plasați cursorul pe dată și să faceți dublu clic. Se va deschide caseta de dialog Data și Ora (Fig. 11.38), cu ajutorul căreia puteți seta un alt format de afișare a datei.

Orez. 11.38. Caseta de dialog Data și ora

În stânga paginii se află bara de linkuri, numită și bara de navigare. Pentru a seta proprietățile unei bare de linkuri, utilizați caseta de dialog Proprietăți bară de linkuri, care se deschide făcând dublu clic pe bara de linkuri.

Numele butoanelor din bara de link-uri corespund numelor paginilor incluse în site-ul Web către care sunt folosite aceste link-uri pentru a naviga. Puteți verifica acțiunile acestor link-uri. Pentru a face acest lucru, urmați acești pași:

1. Plasați cursorul pe titlul uneia dintre pagini din bara de navigare.

2. Când cursorul se transformă într-o mână care ține o pagină, apăsați tasta și, în timp ce îl țineți apăsat, faceți clic pe butonul stâng al mouse-ului. Veți fi dus la pagina pe care ați selectat-o.

Nu puteți selecta o etichetă în bara de navigare și nu puteți modifica textul plasat pe ea. Pentru a schimba numele butoanelor din bara de linkuri, trebuie să dați nume diferite paginilor către care navigați folosind acele butoane. De exemplu, pentru a schimba numele unui Hobby în Hobby, trebuie să faceți următoarele:

1. Deschideți pagina numită Hobby-uri în modul de editare. Pentru a face acest lucru, efectuați una dintre următoarele:

Faceți dublu clic pe pictograma fișierului interes.htm din panoul Listă foldere
Pentru a naviga de la pagina de pornire la pagina Hobby-uri, utilizați bara de linkuri: țineți apăsat , faceți clic pe Hobby-uri

2. Plasați cursorul pe titlul paginii și faceți dublu clic.

3. În câmpul Page banner din caseta de dialog Page Banner Properties care se deschide (Fig. 11.39), introduceți un nou nume de titlu în loc de Hobby, de exemplu, Hobby.

Orez. 11.39. Caseta de dialog Proprietăți anunț în pagină

4. Faceți clic pe OK. Caseta de dialog Proprietăți anunț în pagină se închide. Pagina va arăta ca în fig. 11.40.

Sfat

Vă rugăm să rețineți că nu numai titlul paginii s-a schimbat, ci și numele butonului din bara de linkuri situată în partea stângă a paginii. Reveniți la pagina de pornire și uitați-vă la bara de linkuri situată pe ea. Numele butonului corespunzător s-a schimbat atât pe pagina principală, cât și pe toate paginile site-ului Web. În mod similar, puteți schimba numele butoanelor rămase, cu excepția butonului Acasă.

În plus față de metoda de mai sus de modificare a numelor paginilor și, în consecință, a numelor butoanelor de pe panourile de linkuri, mai există una:

1. Comutați la modul de operare Navigare făcând clic pe butonul cu același nume din panoul mod Vizualizări. Spațiul de lucru FrontPage afișează structura de navigare a site-ului dvs. Web personal, în care paginile sunt reprezentate ca dreptunghiuri.

2. Plasați cursorul pe pagina al cărei nume doriți să îl schimbați, faceți clic dreapta și selectați comanda Redenumire din meniul contextual care apare. Titlul paginii devine disponibil pentru editare (Fig. 11.41).

3. Introduceți un nou titlu de pagină și apăsați .

Orez. 11.40. Vizualizarea unei pagini Web după schimbarea numelui acesteia

Orez. 11.41. Schimbarea titlurilor paginilor în modul Tranziții

Ambele metode de mai sus utilizate pentru a schimba textul butoanelor din bara de linkuri nu vă permit să schimbați numele butonului destinat să acceseze pagina de pornire.

Pentru a schimba numele butonului paginii de pornire din Bara de legături, trebuie să utilizați fila Navigare din caseta de dialog Setări web (Figura 11.42).

Orez. 11.42. Caseta de dialog Configurare site web

Pentru a deschide această fereastră, utilizați comanda Setări Web din meniul Instrumente. Apoi, în caseta de text Pagina de pornire, în loc de Acasă, introduceți noul nume de link și faceți clic pe OK. Vedeți cum arată acum barele de linkuri. Răsfoiți paginile site-ului Web.

Sfat

Folosind fila Navigații din caseta de dialog Personalizare site, pe lângă butonul Acasă din Bara de legături, puteți modifica numele butoanelor care vă permit să navigați prin paginile unui site Web la același nivel de ierarhie.

Fonturile, textul și culorile hyperlink și imaginea de fundal a site-ului dvs. web personal sunt determinate de tema implicită specificată de expert. Pentru a schimba tema site-ului Web, utilizați căsuță de dialog Teme, deschise prin comanda Temă din meniul Format. Pentru mai multe informații despre temele de proiectare a site-urilor web, consultați Capitolul 15.

Șablon de site de asistență pentru clienți

Șablonul Web de asistență clienți vă permite să creați un site Web de asistență pentru clienți pentru produsele dvs. Pe paginile site-ului, vizitatorii vor putea să se familiarizeze cu bunurile și serviciile oferite, să pună întrebări care îi interesează și să își posteze comentariile și sugestiile cu privire la calitatea mărfurilor. În fig. Figura 11.43 prezintă structura unui site Web creat folosind acest șablon.

Orez. 11.43. Structura unui site Web creat folosind șablonul de site Web de asistență pentru clienți

  • Ce este nou - informații despre ceea ce este nou care este oferit vizitatorului
  • Produse - o pagină cu informații despre bunurile și serviciile oferite
  • Întrebări frecvente (F.A.Q.) - pagină cu răspunsuri la întrebările frecvente
  • Solicitare de servicii - pagina de asistență pentru clienți a produsului. Conține un formular în care utilizatorul poate descrie problema pe care a întâlnit-o și poate pune întrebări aferente
  • Sugestii - o pagină în care vizitatorii își pot introduce sugestiile folosind un formular
  • Cataloage/Manuale - o pagină pe care utilizatorii o pot folosi pentru a descărca pe computerele lor software sau documente de pe site-ul dvs. web folosind FTP (File Transfer Protocol)
  • Forum de asistență - pagină pentru participarea la forum
  • Contactați-ne - pagina cu informații de contact
  • Căutare - o pagină care conține un formular de căutare informatie necesara pe site

Șablon pentru crearea unui site Web de proiect

Șablonul Project Web vă permite să creați un site Web care poate fi folosit ca punct focal și centru de discuții pentru un proiect mare. Pe paginile site-ului Web puteți posta informații despre participanții la proiect, starea lucrurilor, discutați despre cele mai importante probleme etc. În fig. Figura 11.44 prezintă structura unui site Web creat folosind acest șablon.

Orez. 11.44. Structura unui site Web creat folosind șablonul site-ului Web al proiectului

Site-ul Web conține un număr mare de pagini cu următoarele scopuri:

  • Membri - pagină cu informații despre participanții la proiect
  • Program – pagina care conține planul proiectului
  • Arhivă - pagină pentru accesarea documentelor și fișierelor partajate
  • Căutare - un formular pentru căutarea informațiilor conținute în documente de pe un site Web
  • Discuții - o pagină care conține link-uri către grupuri de discuții Cerințe și Baza de informatii date (Knowledge Base), destinate desfășurării forumurilor de dialog
  • Contact Inf - pagina cu informații de contact

Șabloane și vrăjitori pentru crearea de pagini Web

Pentru a vizualiza șabloanele și vrăjitorii pe care FrontPage le oferă pentru crearea de pagini Web, selectați Nou din meniul Fișier, apoi Pagina sau Web din submeniul care se deschide. În fereastra programului apare panoul New Page sau Web, pe care selectați comanda Page Templates. Caseta de dialog Șabloane de pagină prezentată în Fig. 11.45.

Orez. 11.45. Caseta de dialog Șabloane de pagină vă permite să selectați șabloane și vrăjitori pentru crearea unei pagini Web

Caseta de dialog Șabloane de pagină conține trei file. Fila General conține numele șabloanelor de pagină principală. Fila Frames Pagini conține numele șabloanelor de pagină care folosesc cadre. În acest capitol, ne vom limita la a privi șabloanele din fila General. O descriere a șabloanelor de filă Frame Page va fi dată în Capitolul 20.

FrontPage oferă mai multe șabloane de creare a paginilor Web decât șabloane de site-uri web. Pe măsură ce vă deplasați prin lista de șabloane, în zona Descriere a ferestrei apare o scurtă descriere a șablonului selectat, iar în zona de previzualizare este afișată o vizualizare aproximativă a paginii create folosindu-l.

Prima în lista de șabloane este Pagina normală, care este un șablon de pagină goală. Pentru a crea o pagină folosind acest șablon, nu este necesar să deschideți caseta de dialog Șabloane de pagină. Doar faceți clic pe butonul Nou din bara de instrumente standard. În mod implicit, șablonul Pagina normală este întotdeauna presupus.

În tabel 11.3 oferă o listă de șabloane și vrăjitori de creare a paginilor furnizate de FrontPage.

cometariu

Când descrieți șabloanele de pagină, se folosește termenul efecte de design. Acest termen se referă la utilizarea elementelor grafice și a textului care au un stil de design diferit de textul principal al paginii.

Tabelul 11.3. Șabloane și vrăjitori pentru crearea de pagini Web

Șablon sau master

Scop

Pagina obișnuită
(Pagină normală)

Pagina goală

Bibliografie
(Bibliografie)

Formular de confirmare
(Formular de confirmare)

Formular de confirmare pentru primirea informațiilor

Formular de feedback
(Formular de feedback)

Formular pentru introducerea comentariilor

Expert Pagina de formulare
(Asistentul paginii formular)

Expert pentru crearea unui formular de sondaj pentru clienți. Folosind acest expert, puteți crea o listă de întrebări la care doriți răspunsuri de la clienți

Întrebări tipice
(Întrebări frecvente)

Cartea de oaspeti
(Cartea de oaspeți)

Pagina de oaspeți unde vizitatorii site-ului își pot exprima opiniile

Text îngust aliniat la stânga
(corp îngust, aliniat la stânga)

Informațiile de pe această pagină sunt aranjate într-o singură coloană de-a lungul marginii sale din stânga; Puteți plasa o imagine grafică în partea dreaptă

Text îngust aliniat la dreapta
(corp îngust, aliniat la dreapta)

O pagină pe care informațiile sunt plasate într-o coloană din dreapta; Puteți insera o imagine grafică în stânga

Text cu o singură coloană
(corp cu o singură coloană)

Informațiile sunt plasate într-o coloană în centrul acestei pagini

Text cu o singură coloană cu cuprins și bară laterală
(Cors într-o singură coloană cu conținut și bară laterală)

Informațiile sunt plasate într-o coloană în centru; în partea stângă a paginii este cuprinsul, iar în partea dreaptă este zona de efecte, care poate conține text și grafică

Text cu o singură coloană cu cuprins în stânga
(Corpul într-o singură coloană cu conținut în stânga)

O pagină care arată un cuprins în stânga și toate celelalte informații în dreapta

Text cu o singură coloană cu cuprins în partea dreaptă
(Cors cu o coloană cu conținut în dreapta)

O pagină care arată un cuprins în partea dreaptă și toate celelalte informații în stânga

Corp pe o coloană cu bară laterală eșalonată

O pagină care are două coloane cu efecte de design de șah în partea stângă și o coloană de text în partea dreaptă

Text cu o singură coloană cu două cadre
(corp cu o coloană cu două bare laterale)

Textul principal va fi plasat în centrul paginii, în stânga textului vor fi două coloane cu efecte de design într-un model de tablă, iar în dreapta va fi o altă coloană cu efecte de design.

Corp cu o coloană cu bară laterală pe două coloane

O pagină pe care există o coloană de text principal în partea stângă și două coloane cu efecte de design în partea dreaptă

Colecție de fotografii
(Galerie foto)

Pagina destinată postării de imagini grafice

Pagina de căutare
(Pagină de căutare)

Pagina de formular folosită pentru a căuta cuvinte

Text în trei coloane
(corp cu trei coloane)

Text în două coloane
(corp cu două coloane)

Text cu două coloane cu cuprins și bară laterală
(Cors cu două coloane cu conținut și bară laterală)

Text în două coloane cu cuprins în stânga
(Cors cu două coloane cu conținut în stânga)

Text în zig-zag în două coloane
(Corps decalat pe două coloane)

Text în zig-zag în două coloane cu cuprins și bară laterală
(Corps eșalonat pe două coloane cu conținut și bară laterală)

Formular de înregistrare
(Înregistrare utilizator)

Formular de înregistrare utilizator

Text larg cu titluri
(corp larg cu titluri)

O pagină concepută sub forma mai multor paragrafe cu subtitluri

Șablon Colecție de fotografii

Șablonul Galerie foto creează o pagină concepută pentru a găzdui imagini grafice(Fig. 11.46). Acest șablon nu era disponibil în versiunile anterioare de FrontPage. Comoditatea șablonului Photo Collection este că este ușor să adăugați noi imagini grafice și să le ștergeți pe cele existente pe o pagină creată folosind acest șablon.

Pentru a configura imaginile grafice plasate pe o pagină creată folosind șablonul Photo Collection, utilizați caseta de dialog Photo Gallery Properties (Fig. 11.47). Pentru a deschide această fereastră, plasați cursorul în zona grafică și efectuați una dintre următoarele:

  • Dublu click
  • Faceți clic dreapta și selectați Proprietăți galerie foto din meniul contextual

Orez. 11.46. Pagina creată folosind șablonul Photo Collection

Orez. 11.47. Caseta de dialog Proprietăți colecție de fotografii

Caseta de dialog Proprietăți Galerie foto conține două file. Fila Imagini este concepută pentru a forma o listă de imagini plasate pe pagină și pentru a indica ordinea în care apar. Fila Layout vă permite să specificați cum vor fi aranjate graficele pe o pagină Web.

În partea din stânga sus a filei Imagini există o listă de imagini grafice afișate pe pagina Web. În dreapta listei se află zona de vizualizare a imaginii pe care este poziționat cursorul. Butoanele de deasupra listei au următoarele scopuri:

  • Adaugă (Adaugă) - adaugă o nouă imagine grafică la listă și, în consecință, la pagina Web. Când faceți clic pe acest buton, apare un meniu cu două comenzi. Comanda Imagini din fișiere deschide caseta de dialog Deschidere fișier, permițându-vă să adăugați o imagine dintr-un fișier. Comanda Imagini din scaner sau Camere foto adaugă o imagine grafică de la un scaner sau o cameră digitală la o pagină Web
  • Editare - deschide caseta de dialog Editare imagine (Fig. 11.48), permițându-vă să editați imaginea grafică
  • Eliminare - elimină un grafic din listă

Butoanele Mutare în sus și Mutare în jos situate sub listă modifică ordinea imaginilor din listă și, în consecință, pe pagina Web.

Pe o pagină Web creată cu șablonul Colecție de fotografii, graficele sunt afișate ca miniaturi, a căror dimensiune este setată folosind câmpurile Lățime și Înălțime din zona Miniaturi.

Fila Imagini conține două casete de selectare pe care le puteți bifa:

  • Menține raportul de aspect - indică necesitatea de a menține proporțiile în miniatură
  • Set as Default Size - indică faptul că dimensiunea setată trebuie utilizată ca valoare implicită

Câmpul Legendă vă permite să introduceți text pentru imaginea grafică care va fi afișată pe pagina Web. Formatarea acestui text (font, culoare, dimensiune, stil) se realizează folosind liste și butoane situate deasupra câmpului.

Butonul Editare din fila Imagini deschide caseta de dialog Editare imagine (Figura 11.48), care vă permite să editați imagini grafice plasate pe o pagină Web.

Orez. 11.48. Caseta de dialog Modificare imagine

Contoare lățimea și înălțimea zonei de dimensiune a imaginii

(Dimensiunea imaginii) vă permite să setați dimensiunea imaginii grafice în pixeli. Mai jos sunt casetele de selectare pentru următoarele scopuri:

  • Menține raportul de aspect - când această casetă de selectare este bifată, proporțiile din imagine sunt păstrate
  • Setați ca dimensiune implicită - o casetă bifată indică faptul că dimensiunea specificată va fi utilizată ca valoare implicită

Butoanele zonei Rotire imagine au următoarele scopuri:

Buton

Scop

Rotește imaginea în sens invers acelor de ceasornic cu 90 de grade

Rotește imaginea în sensul acelor de ceasornic cu 90 de grade

Afișează o imagine pe o axă orizontală (creează o imagine în oglindă verticală)

Afișează o imagine pe o axă verticală (creează o imagine în oglindă orizontală)

Butonul Decupare situat în caseta de dialog Modificare imagine vă permite să plasați nu întreaga imagine pe pagina Web, ci o parte a acesteia. Când faceți clic pe acest buton, pe imaginea grafică apare un cadru cu marcatori de selecție. Prin plasarea cursorului pe marcatori unul câte unul, mutați contururile cadrului, modificând dimensiunea zonei limitate de cadru astfel încât să selecteze zona dorită din imagine. Apoi faceți clic din nou pe butonul Decupați. Imaginea decupată o va înlocui pe cea originală.

Pe lângă cele denumite, caseta de dialog conține și următoarele butoane:

  • Previous - afișează în fereastră imaginea care se află în lista din fila Imagini înaintea celei curente
  • Următorul (Următorul) - afișează în fereastră imaginea aflată în lista filei Imagini după cea curentă
  • Resetare - restabilește imaginea originală

Fila Aspect din caseta de dialog Proprietăți colecție de fotografii

(Proprietăți galerie foto) (Fig. 11.49) vă permite să setați modul în care sunt aranjate imaginile grafice. Lista Alegeți un aspect conține opțiuni pentru aranjarea imaginilor și legendele acestora pe pagina Web. Zona de previzualizare vă permite să previzualizați cum va arăta pagina cu opțiunea de aspect selectată. Lista Număr de imagini pe rând indică numărul de imagini dintr-un rând.

Orez. 11.49. Fila Aspect din caseta de dialog Proprietăți colecție de fotografii

Pentru a accelera finalizarea lucrărilor de laborator, este posibil să copiați datele prin clipboard pentru a crea o pagină cu cadre clauzele 2.3.1, 2.1.4 și 2.1.5 dintr-un fișier cu instrucțiuni metodologice.

2.1.1 Creați și proiectați un site web care conține pagini web. Pentru a face acest lucru, trebuie să rulați comanda Fișier 4 Creați 4 site web cu o singură pagină, selectați o opțiune din caseta de dialog Site Web cu o singură pagină. Apoi treceți la modul Tranziții(fila din partea de jos a ferestrei Prima pagină ) , apoi faceți dublu clic pe numele fișierului index.htm din centrul ecranului. Apoi ar trebui să plasați datele prezentate în Figura 1 pe foaie: introduceți textul conform eșantionului, aranjați imaginile. Pentru a crea un logo pentru numele magazinului, puteți utiliza instrumentul WordArt.

Pentru a personaliza aspectul paginii de pornire, trebuie să utilizați comanda Format4 Font, în care trebuie să selectați culoarea fontului și fontul. Apoi trebuie să salvați pagina.

Pentru a crea o pagină cu cadre prezentate în Figura 2, în zona de navigare, selectați fișierul index.htm și rulați comanda Fișier 4 Creați 4 Alte șabloane de pagină,în caseta de dialog care apare Șabloane de pagină selectați fila Pagina de cadre, apoi selectați un șablon Anunț și cuprins, și faceți clic pe butonul BINE. După aceasta, accesați modul de editare a paginii, apoi trebuie să faceți clic pe butonul Creaza o paginaîn fiecare cadru.

Figura 1 Exemplu de pagină de pornire

Pentru a proiecta pagina de cadru de sus (Figura 2), introduceți un tabel cu un rând și trei coloane. Apoi plasați imagini în coloanele tabelului, apoi mutați marginile coloanelor la dimensiunea fiecărei imagini și aliniați-le la centru. Apoi faceți clic dreapta pe tabel și selectați comanda din meniul contextual care apare Proprietățile tabelului.... Într-un grup de elemente Frontiere setați dimensiunea chenarului tabelului la zero pentru a face chenarul invizibil.

Pentru a scrie elemente de meniu în partea stângă a unei pagini încadrate, ar trebui să utilizați și un tabel format dintr-o coloană și patru rânduri. Fiecare element de meniu este înregistrat într-un rând de tabel.

În partea dreaptă a paginii cu cadre, ar trebui să introduceți text, formatându-l corespunzător.

După aceasta, trebuie să rulați comanda File4Save, pentru a salva toate paginile noi. Fiecare pagină va fi salvată sub propriul nume. Pagina care este salvată va fi evidențiată cu un cadru albastru. De exemplu, pagina de cadru de sus ar trebui să fie numită baner.htm, cea din stânga ar trebui să fie mnu.htm, cea din dreapta ar trebui să fie text.htm, iar pagina cu cadre ar trebui să fie numită start.htm. Rezultatul ar trebui să fie o pagină cu cadre, prezentată în Figura 2.

Figura 2 Exemplu de creare a unei pagini cu cadre


După crearea paginii cu cadrele start.htm, ar trebui să începeți să creați alte pagini care vor conține informații despre fiecare dintre elementele de meniu situate în cadrul din stânga.

Notă. Datele conținute în paginile web create pot fi transferate folosind comenzi pentru lucrul cu clipboard-ul din versiunea electronică a ghidurilor FrontPage instalate pe computere.

Creați o pagină nouă pe care, în Constructor plasați următoarele informații.

Acțiune