Cum să adăugați pagini la aspectul site-ului - structură, navigație, margini - layout html

Ce este important în proiectarea site-urilor WEB

La proiectarea unui site WEB este fundamental excelent să înțelegem schema posibilelor tranziții de la o pagină la alta utilizând link-uri interne. Această schemă este denumită structură de navigare. Structura navigației ar trebui să fie, la început, confortabilă și ușor de înțeles pentru oaspeții site-ului WEB. Schema de tranziție nu ar trebui să fie complicată și confuză și, în același timp, nu ar trebui să existe pagini greu accesibile pe site-ul WEB.







Adăugarea de pagini la aspectul site-ului WEB

Până acum există o singură pagină pe site-ul nostru WEB, prin urmare, înainte de a trece la cercetarea structurii de navigație, vom adăuga câteva pagini noi la aspectul site-ului WEB.

Selectați comanda de meniu File - Make (File - New). În partea dreaptă a ferestrei de lucru a programului va fi un Task Pane cu sarcina activă Create (New).

În secțiunea Faceți pagină (Noua pagină) din panoul de activități, faceți clic pe linkul Mai multe șabloane de pagină. Se afișează caseta de dialog Șabloane pagină.

Selectați pagina șablon Normal, care servește la crearea unei pagini goale și faceți clic pe OK. O nouă filă cu o pagină goală apare în zona de lucru a programului.

Mai mult gol va fi partea sa principală, centrală, iar în granițele comune pe laturile paginii vor fi afișate elemente comune pentru aceste zone. Să presupunem că această pagină va conține anunțuri.

Alegeți comanda din meniu File - Save (File - Save). Se afișează caseta de dialog Salvare ca standard.

În câmpul Nume fișier, introduceți numele fișierului de pagină, de exemplu știri. Faceți clic pe butonul Salvați. Dialogul Salvare ca se închide și pagina este salvată pe disc.

În modul de mai sus, faceți și salvați în folderul WEB site-ul alte trei pagini - de exemplu, pentru o descriere generală a serviciilor și pentru descrierea tururilor tour1 și tour2. Tab-urile acestor pagini apar în fereastra de lucru a programului FrontPage.

Apăsați combinația de taste Ctrl + F1 pentru a ascunde panoul de activități.

Apăsați combinația de taste Ctrl + F1 pentru a afișa lista de directoare.

Cât de corect să faceți structura navigației

Că vizitatorii ar putea ajunge de pe pagina de pornire a site-ului WEB la alte pagini, este necesar să se facă pe legăturile lor. Puteți, fără ajutorul altora, să găsiți căile posibile ale tranzițiilor, să faceți legături și să le conectați la paginile corespunzătoare. Dar este mai bine să utilizați capabilitățile FrontPage, care facilitează crearea unei structuri de navigare.

Selectați comanda meniu Vizualizare - Navigare. Programul va trece la vizualizarea de navigare, iar fereastra de navigare va fi afișată în fereastra de lucru.

În timp ce în schema de navigație vine doar pagina de pornire. Pentru ca paginile noi să conțină meniuri de navigare și să devină disponibile din meniul altor pagini, trebuie să le includeți în schema de navigare.

Glisați știrile fișierelor din lista de fișiere de pe site-ul WEB (Lista de directoare) la schema de navigare de sub pagina de pornire. Schema va stabili o legătură între pagini.

După ce o nouă pagină este adăugată la schema de navigare, vom introduce un titlu nou pentru aceasta, în loc de cel implicit.

Faceți clic dreapta pe imaginea paginii din diagramă. Pe ecran va apărea meniul contextual.

Selectați comanda Rename din meniul contextual. În locul titlului paginii, pe diagramă apare un câmp de introducere.

Introduceți titlul paginii, de exemplu Anunțuri, și apăsați butonul Enter.

Plasați celelalte pagini pe diagrama de navigare astfel încât pagina de servicii să fie la același nivel cu pagina de știri, iar paginile care descriu turneele au fost legate de pagina de servicii și au fost plasate pe al doilea nivel. Schimbați titlurile pentru paginile noi.

Puteți schimba poziția paginilor în schema de navigare trăgându-le cu mouse-ul la niveluri diferite sau spre diferite ramuri ale graficului. De asemenea, puteți face cea mai nouă pagină direct pe diagramă, indicând imediat pentru ea pagina părinte, cu alte cuvinte, cea sub care va fi plasat noul venit. Pentru a face acest lucru, faceți clic dreapta pe una dintre paginile diagramei și selectați comanda de meniu "New - Page" din meniul contextual care apare. Pentru a adăuga cea mai nouă pagină la cel mai înalt nivel al schemei, trebuie să faceți clic dreapta pe zona liberă a schemei și să selectați comanda "Make - Top Page" din meniul contextual afișat.

Vezi tu, structura de navigație este mai multe niveluri. La primul nivel există o pagină principală marcată cu o pictogramă a casei și pot fi și pagini de intrare ale secțiunilor principale ale site-ului WEB. De obicei, din secțiunea principală, puteți accesa una din subsecțiuni, de acolo subsecțiunea următorului nivel și așa mai departe. Tranzițiile sunt afișate prin legăturile dintre paginile care se află la nivelele adiacente. În conformitate cu schema de navigare, automatul FrontPage actualizează meniurile de navigare pe toate paginile.







Atunci când site-ul web este mare și toate paginile nu se potrivesc cu partea vizibilă a schemei de navigare, puteți schimba scara afișajului.

Faceți clic dreapta oriunde pe fundalul circuitului și selectați Zoom în meniul contextual care apare. Se va deschide meniul din al doilea nivel.

Selectați comanda Fit Size (Mărimea potrivită) sau valoarea scării necesare.

Folosind comanda Portret / Peisaj din același meniu contextual, puteți aranja aspectul în direcția orizontală.

În plus față de legăturile către anumite pagini, meniul de navigare poate fi legat de pagina principală a site-ului WEB, o pagină în sus, înainte sau înapoi, în funcție de schema de navigare. Pentru astfel de linkuri, vă puteți specifica propriile nume.

Selectați comanda Instrumente - Setări site în meniul programului. Pe ecran va apărea dialogul Setări site.

Selectați fila Navigare și specificați numele legăturilor pentru a accesa pagina principală, pagina părinte, pagina anterioară și pagina următoare în câmpurile de introducere corespunzătoare.

Faceți clic pe OK pentru a închide caseta de dialog Setări site și pentru a salva opțiunile.

Acum, să vedem ce configurații au avut loc pe paginile site-ului WEB.

Faceți dublu clic pe pictograma paginii de pornire din graficul de navigare. Se va selecta modul Design al afișărilor de afișare a paginii.

În panoul din stânga al paginii, legăturile către secțiunile de servicii și știri au apărut în meniul de navigare.

Apăsați și țineți apăsată tasta Ctrl. Mutați cursorul mouse-ului pe unul dintre link-uri. Pointerul va lua forma. Faceți clic pe link. Se va deschide pagina corespunzătoare.

Să vedem cum funcționează structura de navigație făcută în browser și cum arată fiecare din cele trei meniuri de navigare pe pagini diferite ale site-ului WEB.

Meniul de navigare poate fi configurat pentru a afișa legături către pagini cu un anumit nivel față de cel curent.

Când editați pagina Design, faceți clic dreapta pe unul din meniurile de navigare și selectați Properties Link Bar (Bar de legătură) din meniul contextual care apare. Se deschide fereastra de dialog Proprietăți bara de legătură.

Cu ajutorul comutatoarelor din partea superioară a casetei de dialog Proprietăți linkuri de legătură puteți include în meniu diferite seturi de linkuri:

link-uri către paginile nivelului superior, parental, (nivel părinte);

link-uri către paginile din nivelul curent (același nivel);

legături către paginile adiacente ale nivelului curent (Înapoi și următorul);

link-uri către paginile de nivel inferior, copil, nivel (nivelul copilului);

link-uri către paginile celui mai înalt nivel (nivel global);

link-uri către paginile celui de-al doilea nivel (pagini Copii sub Acasă).

În plus, utilizând pavilioanele din partea dreaptă a dialogului, puteți include un link către pagina de pornire (pagina principală) și pagina părinte (pagina părinte) din meniul de navigare, dacă nu este prevăzută de setul de link-uri selectat. Varianta selectată este prezentată schematic în figura din partea stângă a dialogului. Pagina curentă din figură este indicată de un dreptunghi galben în cadrul albastru. Culoarea albastră arată paginile, iar legăturile vor fi incluse în meniul de navigare.

Utilizând comutatoarele din partea de jos a filei Stil, puteți selecta un stil de legătură, de asemenea, plasarea orizontală sau verticală a legăturilor din meniul de navigare și afișarea de linkuri sub formă de butoane sau text.

Faceți clic pe OK sau pe Anulare pentru a închide caseta de dialog Proprietăți bară de legătură.

Dacă doriți să amplasați meniuri de navigare suplimentare pe pagini, trebuie să utilizați comanda din meniul Inserare - Navigare.

Din când în când, este posibil să nu fie necesar să afișați meniul de navigare pe o anumită pagină și să excludeți linkuri către această pagină din alte pagini, dar în același timp să-l aruncați în schema de navigare. Pentru a face acest lucru, faceți clic dreapta pe imaginea paginii de pe site-ul WEB al site-ului de navigare și selectați comanda Inclus în barele de legătură din meniul contextual care apare. Selectarea în mod repetat a acestei comenzi restabilește legăturile către pagină.

Cum să ajustați limitele generale ale paginilor site-ului WEB

La elaborarea layout-ului site-ului WEB, comandantul a instalat frontierele comune pe laturile paginii. În modul de editare, acestea sunt separate de conținutul principal al paginii printr-o linie punctată. Am observat deja că frontierele comune sunt zone care conțin informații uniforme pentru mai multe pagini ale site-ului WEB. De exemplu, pentru a nu introduce un logo al companiei pe fiecare pagină, puteți include o frontieră comună pentru toate paginile și puteți pune logo-ul acolo.

Limitele comune pot fi setate pentru toate paginile site-ului WEB, sau doar pentru anumite, sau pot fi anulate pentru anumite pagini.

Selectați comanda de meniu Format - Ferestre partajate. Pe afișaj apare fereastra de dialog Boundaries Shared.

Butonul Aplicați la vă permite să aplicați opțiuni tuturor paginilor (Toate paginile) sau paginii curente (Pagina curentă) a site-ului WEB. Steagurile Sus, Stânga, Dreapta, Jos determină dacă există o frontieră comună în partea superioară, stângă, dreaptă și inferioară a paginii. Opțiunile definite pentru toate paginile sunt utilizate în mod implicit pentru fiecare pagină nouă creată. Bifați casetele pentru a activa butoanele de navigare (inclusiv butoanele de navigare) pentru a activa butoanele din meniul de navigare din marginea generală. Restorează margini pentru pagina curentă la flagul implicit WEB anulează opțiunile personale ale limitelor comune ale paginilor și le stabilește în conformitate cu cele standard pentru întregul site WEB. Acest steguleț este disponibil numai când este aplicat paginii curente.

Caracteristicile suplimentare ale granițelor pot fi setate făcând clic pe butonul Frontiere.

Închideți dialogul Ferestre partajate făcând clic pe butonul OK sau pe butonul Anulare.

Informații suplimentare despre acest subiect

Acest articol descrie procesul de instalare și configurare a afișării informațiilor din bazele de date pe paginile web







Trimiteți-le prietenilor: