Meniu vertical orizontal. Crearea paginilor web în aplicația FrontPage Cum se creează un meniu drop-down în Frontpage

Crearea unei noi pagini web goale

Dacă la deschiderea unei ferestre de program Prima pagina se afișează pagină goală, atunci dezvoltarea unei pagini web se poate realiza pe baza acestei pagini. Dacă la deschiderea editorului Prima pagina, este afișată o fereastră principală goală, apoi pentru a crea o nouă pagină goală trebuie să rulați comanda Fișier/Nouși selectați în panoul de activități Gol pagină. O pagină goală va apărea în fereastra aplicației. În continuare, trebuie să dezvoltați pagina, de exemplu. efectuați aspectul paginii (structura), introduceți text, imagini etc.

Crearea unei pagini web bazate pe șabloane FrontPage

De asemenea, puteți crea o pagină nouă pe baza unuia dintre șabloane. Pentru a face acest lucru, trebuie să selectați comanda "Alte șabloane pagini"în zona de sarcini. Pe ecran va fi afișată caseta de dialog Șabloane de pagină, care prezintă diverse șabloane de pagină pe categorii.

Crearea unei pagini web pe baza paginilor web existente pe computer

De asemenea, puteți crea o pagină web pe baza paginilor web existente pe computer. Pentru a face acest lucru, selectați comanda din zona de activități "Din disponibil pagini"și selectați pagina necesară în caseta de dialog care apare. Apoi puteți face modificările necesare în pagină și o puteți salva sub alt nume.

Educaţie crearea Web-ului- pagini

Crearea unei noi pagini Web goale

Dacă la deschiderea unei ferestre de aplicație Prima pagina afișează o nouă pagină goală, apoi se poate realiza dezvoltarea unei pagini web pe baza acestei pagini. Dacă, la deschiderea editorului, este afișată o fereastră principală goală, atunci pentru a crea o nouă pagină goală trebuie să rulați comanda Fișier/Nouși selectați în panoul de activități "Gol pagină".

Să încercăm să creăm pagina de pornire a site-ului nostru Web!

O nouă pagină goală va apărea în fereastra aplicației. Salvăm pagina, dar înainte de a salva pagina în fereastră "Salva" creați un server de foldere Dosare personaleNumeNumeSite „Dinas”, în care creăm un subdosar Desene pentru desene, apoi salvăm pagina în folderul Site „Dinas”. Atribuim numele paginii - index, ceea ce înseamnă pagina principală sau pagina principală. Editorul salvează pagina cu extensia .htm. Astfel, în folderul Dynas Site, va exista un subfolder Imagini și un fișier index.htm.

Desenele pentru pagina web trebuie pregătite în prealabil și introduse în folderul Desene. Să copiem poza biroului Dinas LLC în folderul Desene pentru a crea o pagină web dedicată Dinas LLC.

Pentru a vă asigura că documentul pe care l-ați creat este corect identificat peste tot așa cum este scris în limba rusă, procedați în felul următor:

Selectați Proprietăți fișier. Se va deschide caseta de dialog Proprietăți pagină.

Pe fila Limbaîn meniul drop-down Steag actual document, indicând: grupuri de setări Limba element de selectare a paginii Rusă. În meniul drop-down Salvați document, folosind grupuri de setări Kit semne selectați elementul chirilic. BINE!

Fundalul paginii

Pentru a face pagina să pară mai colorată, să încercăm să adăugăm la pagina noastră fundal,. Puteți face acest lucru în două moduri:

1. Accesați meniul Format Background și în fereastra Page Properties selectați imaginea dorită folosind butonul Browse.

Ca urmare, pagina noastră va arăta astfel:

Încercați asta, dar când ați terminat Anulare aceasta este acțiune!

2. Puteți folosi teme gata făcute ca fundal al paginii noastre. Accesați meniul Format Theme. Selectați dublu click Tema valului.

Tabel ca cadru de pagină web

Apoi, trebuie să dezvoltați pagina. Dezvoltarea paginii începe cu aspectul acesteia. Tabelele sunt folosite pentru aranjarea paginii. Poate fi aplicat Aspecte pagini, care se află în bara de activități „Aspecte Mese Și celule"în zona de sarcini. Pentru a face acest lucru, trebuie să mergeți la meniu Mese Breadboard Mese Și celule. Astfel, avem o mare oportunitate de a alege machete de masă gata făcute, dar se poate întâmpla ca aceste machete să nu îndeplinească cerințele noastre. Prin urmare, vom arunca o privire mai atentă asupra utilizării Mese ca cadrul paginii noastre.

Selectați Tabel Inserați tabel. Va apărea un dialog Introduce Mese, care vă permite să configurați parametrii tabelului creat. (Fig. 10)

џ În câmpurile de introducere cu contor RânduriȘi Stolbtsov grupuri de elemente de setări mărimea este specificat numărul de rânduri și coloane pe care le va conține tabelul.

џ Poziţie conține controale pentru poziția tabelului pe pagină și poziția conținutului celulelor din tabel.

џ În lista derulantă Aliniere Puteți alege cum să aliniați conținutul celulelor. Ulterior, pentru fiecare celulă specifică, puteți configura separat parametrii de aliniere a conținutului acesteia.

џ Lista Curgeți în jur specifică modul în care textul și alte elemente ale paginii se înfășoară în jurul tabelului.

џ Câmp de introducere cu contor Câmpuri celule definește distanța dintre marginile celulelor și conținutul acestora.

џ În câmpul de intrare cu un contor Interval celule stabilește distanța dintre celulele adiacente ale tabelului.

џ Bifând caseta A stabilit lăţime, Puteți face acest lucru în câmpul de mai jos.

џ Câmp A stabilit înălţime similar cu cel precedent.

În grupul de control Frontiere Conține setări legate de afișarea limitelor tabelului.

џ Câmp de introducere cu contor mărimea setează grosimea marginii tabelului în pixeli.

џ Listă derulantă Culoare vă permite să selectați culoarea care va fi utilizată pentru afișarea chenarului.

џ Dacă bifați caseta Colaps frontieră Mese, atunci chenarul va fi afișat ca o singură linie, altfel va căpăta un aspect pseudo-volum.

In grup fundal elemente care controlează imagine de fundal Mese.

џ Lista Culoare vă permite să selectați culoarea de fundal a tabelului.

џ Dacă caseta de selectare este bifată Utilizare fundal desen, apoi puteți seta tabelul ca imagine de fundal.

Dacă bifați caseta De Mod implicit pentru noile tabele cu grupuri de elemente De Mod implicit, atunci toate setările pe care le setați pentru acel tabel vor deveni setările implicite pentru toate tabelele ulterioare.

Ulterior, dacă trebuie să modificați parametrii unui tabel deja creat, faceți clic în interiorul acestuia - va apărea un meniu contextual în care trebuie să selectați elementul Proprietăți Mese.

Este posibil să modificați parametrii fie ai unei singure celule, fie ai mai multor celule simultan. Pentru a face acest lucru, trebuie să selectați una sau mai multe celule, să apelați meniul contextual și să selectați elementul din acesta Proprietăți celule.

În grupul de control Poziţie conține controale pentru locația conținutului celulei.

• · În listele derulante Alinia De orizontală Și De verticale, puteți alege cum să aliniați conținutul celulei.
• · În grupul de controale Frontiere, există setări legate de afișarea marginilor tabelului. Listă Culoare vă permite să selectați culoarea marginii celulei.
• · In grup fundal sunt colectate elemente care controlează imaginea de fundal a celulei. Listă Culoareîși selectează culoarea de fundal. Caseta de bifat Utilizare fundal desen setează o imagine ca fundal.

De asemenea este si caracteristici suplimentare: adăuga Și șterge coloane, lovitura Și combina celule. Toate aceste comenzi pot fi găsite și în meniul contextual la selectarea celulelor. Ați întâlnit deja comenzi similare în Programe Wordși Excel, așa că nu are rost să le descriem.

Folosind materialul teoretic obținut mai sus, încercați să creați două tabele.

Ar trebui să arate așa ceva!

Este timpul să scriem pe site-ul nostru numele companiei care o deține. Dar nu vom face acest lucru sub formă de text simplu, ci folosind un obiect WordArt (Sperăm că știți cum să faceți acest lucru!) Introduceți cuvântul în același mod Promovareîn a treia celulă a tabelului inferior și Loc de munca vacantîn prima celulă.. Acum separați numele companiei Orizontală linia: Inserați linia orizontală.

Design text al site-ului

Există multe opțiuni pentru formatarea textului pe paginile Web. Utilizarea potențialului formatării textului vă permite să faceți textele mai plăcute din punct de vedere vizual, să le proiectați în conformitate cu ideile autorului dvs. și să faceți posibilă sublinierea clară. cuvinte importante si ganduri.

Deoarece ați decis să studiați un produs atât de complex precum crearea de site-uri web, suntem pur și simplu încrezători că știți cum este formatat textul, de exemplu, într-un program precum Microsoft Word. Deci, aici este editarea textului în program Prima pagina asemănător cu acesta, prin urmare, firește, nici pe aceasta nu ne vom opri.

Să spunem că pentru aceasta folosiți panoul de formatare sau bara de meniu Format Font Paragraph.

Introduceți singur tot textul pe care îl vedeți în Figura 15. Când îl editați, puteți fi puțin creativ. DAR Nu exagera!!!

Inserarea ilustrațiilor

Este imposibil să ne imaginăm o pagină HTML fără elemente grafice, desene etc. Grafica selectată cu pricepere va atrage atenția vizitatorilor asupra paginii, concentrându-le atenția asupra anumitor puncte ale paginii noastre. Va ajuta la evidențierea subsecțiunilor logice și va oferi paginii noastre o unicitate specială, dar atunci când selectați imagini, trebuie luate în considerare următoarele puncte. În primul rând, nu ar trebui să utilizați o imagine ca fundal care face textul documentului dificil de citit. De exemplu, prea colorat, strălucitor etc. Nu este nevoie să folosiți imagini mari, care vor dura o veșnicie să se încarce. Dacă tot trebuie să inserați o imagine pe pagină, atunci este mai bine să creați o copie mică a acesteia și apoi să atribuiți un link către pagina cu imaginea mare originală, astfel încât utilizatorul să poată decide singur dacă dorește cu adevărat pentru a descărca imaginea în forma sa originală. Și astfel dimensiunea unui fișier imagine nu trebuie să depășească 20-25 kb. Paginile web conțin de obicei imagini în două formate: GIF și JPG. Astfel de imagini sunt afișate corect în toate browserele care acceptă grafică. Desigur, puteți introduce fișiere cu alte formate, de exemplu BMP, TIF, dar trebuie să țineți cont de faptul că atunci când scrieți pe disc Prima pagina le va converti automat într-unul dintre cele două formate de bază.

Să ne uităm la avantajele și dezavantajele acestor formate. GIF este un format standard pentru mici imagini grafice, cum ar fi butoanele, pictogramele. Nu acceptă umbre sau tonuri medii și se bazează pe o paletă de 256 de culori. JPG, în comparație cu GIF, acceptă mult mai multe culori - mai mult de 16 milioane, ceea ce îl face cel mai avantajos pentru afișarea imaginilor grafice cu tranziții netede în semitonuri. În plus, dimensiunea unui fișier JPG poate fi redusă cu diferite grade de compresie, dar trebuie să ne amintim că, spre deosebire de fișierele GIF, compresia fișiere JPG produs cu pierdere de calitate. Cu cât compresia este mai mare, cu atât pierderile sunt mai mari, dar trebuie să ținem cont că JPG este un format destul de bun: oferă un grad ridicat de compresie cu pierderi destul de mici, aproape invizibile pentru ochi.

Vom privi puțin mai în detaliu tot ce ține de grafică, deocamdată vom spune doar că puteți introduce din nou o poză la fel ca în alte programe.

Să încercăm să inserăm o fotografie în pagină Catalog din dosarul cu desene.

Pregătirea graficelor cu folosind Adobe PhotoShop și Adobe ImageReady

Aspectul și atractivitatea unui site depind în mare măsură de grafica care îl umple. Grafica este un mijloc vizual de subliniere și evidențiere a informațiilor relevate de textul unei pagini Web, care în același timp nu ar trebui să distragă atenția vizitatorului de la textul în sine. Prin urmare, pregătirii graficelor ar trebui să i se acorde cea mai serioasă atenție.

Dintre programele de formare profesională imagini raster Poate că nu există niciun program mai avansat și mai popular decât Adobe PhotoShop.

Adobe PhotoShop și Adobe ImageReady se completează bine. Adobe PhotoShop procesează fotografii și creează butoane grafice, bannere și alte imagini pentru un site Web. Și în ImageReady, imaginile rezultate sunt optimizate, tăiate în fragmente etc.

Butonul de ștergere... (6)
permite
dedicat		selector
	Personalizat
stiluri.			pe buton
Crea...			se deschide
interactiv			Creare
stil în care			sunt create
	selectoare. Presare
la butonul Schimbare... (8)
deschide dialogul
Schimbare		stil care			Figura 5.40 – Caseta de dialog Stil

coincide complet cu fereastra Creare stil și este folosit pentru a modifica descrierea selectorului selectat. Dacă schimbați stilul pentru o etichetă din lista de etichete HTML, acel selector de etichete este mutat în listă Stiluri personalizate.

	Când lucrați cu o casetă de dialog
	Schimbare	(Crearea) stil
	Sunt utilizate următoarele câmpuri și butoane.
	În câmpul Nume (pentru selecție) (1): introduceți
	numele selectorului (numele selectorului de etichete trebuie
	potriviți cu numele etichetei în sine; Nume
	selector de clasăîncepe cu un punct (.).
	Butonul Format (2) vă permite să obțineți
	acces la o listă derulantă în care
	puteți selecta următoarele elemente:
	Font... -		se deschide	interactiv	Figura 5.41 – Fereastra de schimbare a stilului
		font,	permițându-ți să faci

setările stilului fontului.

Paragraf... - deschide caseta de dialog Paragraf, care vă permite să setați indentări de paragraf (stânga și dreapta) din fereastra browserului, indentarea primului rând, reglați spațierea dintre linii și paragrafe, reglați spațierea dintre cuvintele din paragrafe;

Border... – deschide o casetă de dialog Borduri și umbrire, cu care puteți seta un chenar pentru paragraful selectat, umpleți paragraful cu câteva

culoare; Numerotare... – deschide caseta de dialog Listă, cu care puteți

creați liste numerotate, marcate și alte liste; Poziție... - deschide caseta de dialog Poziție, cu care puteți

Puteți plasa cu precizie diferite elemente pe pagină.

Câmpul Sample (3) arată cum va arăta obiectul căruia i se va aplica stilul creat.

Câmpul Descriere (4) afișează o descriere text a atributelor acestui stil.

Meniul derulant Tip stil (5) este activ la creare selector de clasă. Când selectați tipul de semn, cuvântul span este adăugat la începutul numelui selectorului.

	selectoarele de etichete sunt aplicate automat după selecție
	comenzi relevante;
	selectându-le dintre alte stiluri din meniul drop-down
	Lista de stiluri (Fig. 5.42) pe bara de instrumente
	Formatare;
	prin alegere		din fereastra derulantă Clasă: dialog		Figura 5.42 –
					Lista de stiluri
		Schimbare
	(Fig.5.43), care se deschide
	buton Stil... din diverse
	casete de dialog(De exemplu:
	Proprietățile desenului,			Proprietăți
	tabel, proprietăți ale celulei,
	Listă, Break, Proprietăți
	linie orizontală).
			utilizare
	implementate		stilurile lor

trebuie configurat pentru fiecare

pagini web.

Figura 5.43 – Fereastra de schimbare a stilului

5.4.3. Mese exterioare stiluri.

În acest caz, un fișier separat este alocat pentru a defini stilurile CSS, la care paginile web vor fi conectate. Această abordare:

este asigurat managementul centralizat Stiluri CSS pe toate paginile web

(modificările efectuate vor fi aplicate automat imediat pe toate paginile web care leagă la fișierul care conține CSS);

dimensiunea totală a site-ului scade;

Viteza de încărcare a paginilor web crește.

Pentru a crea fișier extern conţinând foi de stil în cascadă, trebuie să efectuaţi următorii paşi (Fig. 5.44).

Executați comanda File→New și selectați comanda Alte șabloane de pagină...

În caseta de dialog Șabloane de pagină care se deschide, selectați fila Foi de stil (2), care afișează șabloanele de foi de stil incluse în FrontPage

Pentru a crea propria foaie de stil, selectați un șablon Masa obisnuita stiluri(3) și faceți clic pe butonul OK.

Figura 5.44 – Crearea unui fișier de stil extern

Pagina rezultată cu extensia .css trebuie salvată (comanda File→Save) într-unul dintre folderele site-ului web cu numele specificat.

cu litere latine și extensia .css.

Creați o descriere pentru selectoare de eticheteȘi selectoare de clasă folosind comanda Format→Style..., care deschide caseta de dialog Stil (Fig. 5.40), descrisă în secțiunea anterioară.

Foaia de stil creată trebuie să fie asociată cu paginile site-ului web. Pentru aceasta este necesar.

Executa comanda Format → Legături către foile de stil….

ÎN caseta de dialog care se deschide Link către

foaia de stil		poate fi instalat
următorii parametri:
comutați toate paginile (1) se aplică
stiluri pentru toate paginile selectate ale site-ului web;
intrerupator	dedicat	pagini
aplică stiluri paginii sau web curente
paginile selectate în panoul Listă foldere;
butonul Adaugă... (3) este folosit pentru a adăuga
				Figura 5.45 – Caseta de dialog
butonul Ștergere (4) este folosit pentru sterge fisierul,				Link către foaia de stil

cu foi de stil în cascadă pentru pagini web (dacă sunt folosite mai multe foi de stil în cascadă);

Butonul Editare (7) îl deschide pe cel selectat în fereastră adresa URL: (8) fișier css pentru editare.

Faceți clic pe OK.

Selectoarele sunt aplicate obiectelor selectate în moduri diferite:

selectoarele de etichete sunt aplicate automat după selectarea comenzilor corespunzătoare;

Se folosesc selectoare de clasă:

Selectându-le dintre alte stiluri din lista derulantă Stil (Fig. 5.42) din bara de instrumente Formatare:

Prin selectarea din caseta derulantă Class a casetei de dialog Modificare stil

(Fig.5.43), care se deschide cu butonul Style... din diverse casete de dialog

(de exemplu: Proprietăți imagine, Proprietăți tabel, Proprietăți celule, Listă,

Break, proprietăți linie orizontală).

5.5. Cadre (cadre) în aplicația FrontPage 2003.

Cadrele sunt un mijloc de a împărți o fereastră de browser în mai multe zone

(cadre), fiecare dintre acestea afișând conținutul unei pagini web separate. Fiecare zonă poate avea propriile bare de defilare și vizualizarea utilizării lor nu afectează alte zone. Cu FrontPage 2003, puteți crea diferite structuri de cadre, puteți introduce cadre în linie și, în funcție de

natura informațiilor prezentate, organizați hyperlinkuri adecvate. Toate comenzile legate de structura cadrului sunt traduse cu cuvântul cadru.

Pentru a organiza structura cadrului este necesar (Fig. 5.46).

Figura 5.46 – Crearea unei pagini de cadre Executați comanda File→New și selectați comanda Alte șabloane de pagină...

(1) din panoul de activități Creare.

În caseta de dialog Șabloane de pagină care se deschide, selectați fila Pagină cadru (2), care arată șabloane (3) de pagini web cu o structură de cadru,

inclus cu MS FrontPage 2003.

Selectați cel mai potrivit șablon și faceți clic pe „OK”.

Fereastra paginii web cu cadre noi (Fig. 5.47) va fi împărțită în părți în conformitate cu structura selectată. Această pagină trebuie salvată (Fișier→Salvare) într-unul dintre folderele site-ului web cu numele (1) necesar cu litere latine.

Figura 5.47 – Pagina web cu cadre noi

1) Buton Setați pagina de pornire...(2) vă permite să selectați un web-5 gata făcut

pagina site-ului în fereastră Adăugarea unui hyperlink.

2) Buton Creaza o pagina(3) încarcă o nouă pagină web goală în cadru,

a căror editare se poate face în mod obișnuit.

Dacă unele cadre sunt umplute folosind un buton Creaza o pagina, apoi la salvarea unei pagini de cadre (Fișier→Salvare), fiecare pagină web nouă este salvată separat (numele trebuie specificate cu litere latine).

Când lucrați cu o pagină de cadre, un alt buton Fără cadre (4) apare pe bara de butoane de vizualizare. Acest mod editează conținutul care va fi afișat în browser dacă nu acceptă afișarea cadrelor.

Lucrul pe paginile web incluse în structura frame-ului este posibil atât individual, cât și prin intermediul paginii frames

Pentru a selecta unul dintre cadre, trebuie să faceți clic pe el cu butonul stâng al mouse-ului. Cadrul activ diferă de celelalte printr-un cadru colorat (5). Dacă faceți clic stânga pe cadrul exterior al paginii cu cadre, va fi selectată întreaga structură a cadrului. Limitele cadrului pot fi mutate apăsând butonul stâng al mouse-ului.

Pentru a lucra cu cadrul selectat, puteți utiliza comenzile de meniu

Cadru.

Comanda Split Frame vă permite să împărțiți un cadru în două părți vertical sau orizontal.

Comanda Eliminare cadru elimină un cadru dintr-o pagină cu cadre. În plus, dacă web-

pagina încărcată în acest cadru a fost salvată mai devreme, rămâne în structura site-ului.

Echipă Deschideți pagina într-o fereastră nouă deschide o pagină web cadru pentru editare separat de structura cadru.

Echipă Proprietatea cadrului... deschide o casetă de dialog

Proprietăți cadru, în care puteți seta diferiți parametri ai cadrului: nume, descriere, dimensiuni, lățime și afișare a chenarelor, proprietăți bară de defilare, indentări.

Figura 5.48 – Cadru încorporat

O altă opțiune pentru utilizarea cadrelor este să inserați un cadru încorporat (cadru) într-o pagină web obișnuită (Fig. 5.48) cu comanda Insert→Inline Frame. ÎN

Ca urmare, în locul în care a fost plasat cursorul este inserat un cadru, care poate fi completat în două moduri: Setați pagina de pornire... sau Creaza o pagina.

Făcând clic stânga pe marginea cadrului, se selectează cadrul pentru a-l redimensiona. Făcând dublu clic pe butonul stâng al mouse-ului de la marginea cadrului se deschide o casetă de dialog Proprietăți cadru în linie, în care puteți seta diverși parametri

cadru: numele cadrului, titlul, dimensiunile, umplutura, aliniere, text alternativ.

		organizatii
hyperlinkuri
pagini		cadru
structurilor		necesar cu
	interactiv
Cadru de capăt (Fig.5.49)
și indicați unde va fi
sarcină		obiect nou.
Curent de câmp			pagină		Figura 5.49 – Fereastra de dialog End frame

cadre (2) vă permite să selectați un cadru pentru a încărca un nou obiect făcând clic pe butonul stâng al mouse-ului. În listă (descărcare în același cadru din care a fost creat hyperlinkul), (descărcare într-o nouă fereastră de browser), (descărcare într-un cadru încorporat).

5.6. Formulare în FrontPage 2003.

Formularele vă permit să vă organizați pe pagini web câmpuri de text, butoane radio, casete de selectare, butoane și multe alte comenzi. Atunci când un utilizator trimite un formular completat în browser, valorile tuturor câmpurilor de formular sunt trimise la gestionarea formularului. Un handler de formular este un program pe un server web care este executat atunci când un vizitator al site-ului trimite un formular.

FrontPage 2003 acceptă diverse procesoare de formulare găzduite pe servere web care rulează FrontPage Server

Extensii (server Extensiile Microsoft FrontPage este un set de programe și scripturi care acceptă crearea de pagini în Microsoft FrontPage și se extind funcţionalitate server web), SharePoint Team Services versiunea 1.0 (Microsoft) sau Microsoft Windows SharePoint Services 2.0. Acești operatori acceptă rezultatele formularelor și efectuează diverse acțiuni asupra lor. În aplicația FrontPage

Sunt acceptate și scripturi precum ISAPI, NSAPI, CGI și ASP.

Există trei moduri de a crea un formular în MS FrontPage 2003.

1) Adăugarea unui formular gol cu ​​butoane Trimiteți și resetați prin comandă

Inserare → Formular → Formular.

2) Inserarea primului câmp de formular cu comandaInsert→Form→Form Field. Zona de formulare cu butoanele Trimitere și Resetare este adăugată automat.

3) Selectați și utilizați un șablon de formular disponibil sau un expert pentru pagină de formular utilizând pașii următori.

În zona de sarcini Crearea unei pagini(comanda File→Create) trebuie să selectați

comanda Mai multe șabloane de pagină... și fila General.

Selectarea unuia dintre șabloane Carte de oaspeți, formular de înregistrare, pagină de căutare, formular părere vă permite să creați un nou pagină web cu o formă standard.

Selectați un șablon Expert Pagina de formulare lansează expertul pentru pagina de formular pentru a determina numărul, tipul și conținutul elementelor de formular.

Zona de formular apare într-un cadru punctat care este vizibil numai în vizualizarea Design.

Pentru a seta proprietățile formularului, trebuie să plasați cursorul în interiorul formularului și să rulați comanda Inserare→Formular→Proprietăți formular... sau faceți clic dreapta în zona formularului și selectați comanda meniul contextual Proprietățile formularului.... Ca urmare, se deschide caseta de dialog Form Properties (1 Fig. 5.50), în care sunt setați diverși parametri ai formularului.

Secțiune Salvarea rezultatelor(2) definește scenariul final pentru prelucrarea datelor din formular. Dacă utilizați propriile scripturi, trebuie să setați comutatorul într-un loc diferit (3) și să selectați din listă Script personalizat....

Figura 5.50 – Setarea parametrilor formularului

Câmpul Nume formular: (4) servește

pentru a specifica numele formularului.

Butonul Încheiere cadru

deschide o casetă de dialog

Cadrul final în care

Puteți selecta fereastra din care se va face cererea.

Butonul Opțiuni... (6)

deschide o casetă de dialog

Parametrii manipulatorului

forme (7). În câmpul Acțiune:

(8) indicați numele script-ului pentru prelucrarea formularului sau mailto: e-mail pentru trimiterea datelor formularului la adresa E-mail e-mail. În câmpul Method: (9) selectați metoda de transmitere a datelor (GET este metoda de transmitere a datelor prin bara de adrese, POST este metoda de transmitere a datelor în corp Solicitare HTTP). În câmpul Tip codificare: (10)

indică tipul de codificare a datelor din formular atunci când sunt trimise către serverul web. Tipuri posibile de codare: application/x-www-form-urlencoded - datele formularului sunt codificate ca perechi nume și valoare, utilizate implicit; multipart/form -data - datele formularului sunt codificate ca mesaj cu părți separate pentru fiecare control din pagină, utilizate pentru trimiterea formularelor care conțin fișiere; text/plain – datele din formular sunt codificate ca text simplu, fără caractere de control și formatare,

folosit pentru a trimite date la o adresă de e-mail.

Buton mai mult... (11) deschide o fereastră Proprietăți suplimentare ale formularului

pentru a edita câmpuri de formular ascunse (butoanele Adăugare..., Editare...,

Șterge).

Pentru a adăuga un câmp de formular la un formular, trebuie să executați comanda Insert→Form

și selectați câmpul de formular dorit din listă. Pentru a modifica dimensiunea unui câmp, trebuie să îl selectați și să trageți una dintre laturi cu butonul stâng al mouse-ului. Parametrii oricărui câmp de formular sunt setați într-o casetă de dialog, care poate fi deschisă făcând dublu clic pe butonul stâng al mouse-ului pe câmp. Camp Secvență de tranziție

determină succesiunea de completare a câmpurilor formularului în browser. Butonul Verificare... din această fereastră poate fi utilizat numai dacă utilizați procesorul standard de formulare FrontPage 2003. Butonul Stil....

text

folosit pentru a introduce un scurt

mesaje, cum ar fi numele și

electronic

Opțiuni

câmpuri (nume, valoarea initiala,

sunt instalate

dialog

Fereastra Proprietăți câmp text.

Figura 5.51 – Câmpuri de formular

Text

sunt folosite pentru a introduce unul sau mai multe rânduri de text, cum ar fi un comentariu.

Acest câmp poate fi derulat, permițându-vă să introduceți texte de lungimi diferite. Parametrii câmpului (nume, valoare inițială, lățime în caractere, număr de linii) sunt setați în caseta de dialog Proprietăți câmpuri text.

Câmpul de trimitere a fișierului(3) – servește la trimiterea unui fișier către un server web într-un folder specificat pe un site web, constă dintr-un câmp pentru introducerea unui nume de fișier și un buton de răsfoire, care vă permite să deschideți caseta de dialog Selectare fișier. Parametrii câmpului (nume, lățime în caractere) sunt setați în caseta de dialog Proprietăți câmpuri de trimitere fișier.

Caseta de selectare (4) – servește la organizarea selecției unui element; utilizatorul poate bifa sau debifa caseta la discreția sa. Parametrii câmpului (nume, valoare, stare inițială) sunt setați în caseta de dialog Proprietăți casete de selectare.

Comutare (5) – servește la organizarea unei selecții dintr-o listă în care puteți selecta o singură valoare (mai multe câmpuri de comutare cu același nume de grup). Parametrii câmpului (nume, valoare, stare inițială) sunt setați în caseta de dialog Comutare proprietăți.

Lista verticală(6) – servește la organizarea selecției uneia sau mai multor opțiuni dintr-o listă derulantă. Completarea câmpului (butoanele Adăugare..., Editare..., Ștergere, Sus, Jos) și a parametrilor acestuia (nume, înălțime în linii,

permisiunea de selecție multiplă) sunt setate în caseta de dialog

Proprietăți listă derulantă . La completarea câmpului (butoanele Adăuga…,

Editați... ) deschide o casetă de dialog suplimentară Adăugați sau

Schimbarea opțiunii. În această fereastră, specificați numele opțiunii (câmpul Opțiune: ),

valoarea care va fi transmisă la trimiterea formularului dacă este selectată această opțiune

Tema 3.4: Aplicarea Internetului în economie și protecția informațiilor

Programe pentru crearea site-urilor web

3.3. Programe de aplicație pentru crearea de site-uri web

3.3.4. Crearea unui site web și pagini web în FrontPage

Planificarea site-ului

Planificarea unui site web este una dintre cele mai dificile sarcini. Cum să aranjezi corect informațiile pe care le ai pe paginile viitorului tău site? Care ar trebui să fie structura site-ului? Ce pagini ar trebui sa aiba site-ul? Ce design ar trebui să aibă paginile site-ului? Cum ar trebui să fie navigarea pe site?

Acestea și multe alte probleme asociate cu dezvoltarea site-ului web trebuie rezolvate înainte de a utiliza programe de aplicație pentru dezvoltarea site-ului web.

Să spunem că am decis să dezvoltăm un site web care să prezinte informații despre compania EN101, putem prezenta aceste informații pe care le avem pe patru pagini:

1. Acasă
2. Despre companie
3. Privire de ansamblu asupra proiectului
4. Metode de plata

Alegem un nume de site în funcție de tipul de activitate, de exemplu: lessons-en101.

Atribuiți nume paginilor:

• index – Acasă;
• info - Despre companie;
• business- Analiza afacerii proiectului;
• plata - Modalitati de plata.

La fel de pagina principala Folosim pagina web de pornire creată anterior (index). Creăm structura site-ului, care este prezentată în figură.

Orez. 1.

Vom pregăti text în editorul Word pentru fiecare pagină și desene în Adobe Photoshopîn formatele GIF, JPEG sau PNG cu o rezoluție de 72 pixeli/inch, în plus, puteți folosi scripturi.

Apoi, puteți înregistra un domeniu de nivel al doilea într-una dintre zone (ua, ru, com, net, info etc.) și după dezvoltarea site-ului, selectați gazduire platita, care se potrivește cu viteza de acces și oferă serviciile necesare pt munca eficienta site-ul. Dacă găzduim site-ul pe găzduire gratuită, atunci putem alege, de exemplu, găzduirea pe serverul narod.ru. Pentru a face acest lucru, va trebui să vă înregistrați pe server și să primiți hosting gratuit. În acest caz, veți avea un domeniu de nivel al treilea, de exemplu: lessons-en101.narod.ru.

Crearea unui site web utilizând FrontPage

1. Pentru a crea un site web utilizând aplicația FrontPage, trebuie să deschideți fereastra aplicației în unul dintre următoarele moduri. După care, pe ecran va fi afișată fereastra aplicației sau GUI FrontPage, care va afișa site-ul sau pagina anterioară. Pentru a părăsi un site sau o pagină anterioară din FrontPage, trebuie să executați comanda „Fișier/Închidere” sau „Fișier/Închidere nod”, sau ambele dacă nodul și pagina erau deschise.

Apoi executați comanda Fișier / Nou și în zona de activități „Creare” care se deschide, faceți clic pe „Alte șabloane de site web” în secțiunea „Creare site web”. Se va deschide caseta de dialog „Șabloane de site web”, în care trebuie să selectați „Site web necompletat”, apoi specificați locația noului site web (de exemplu, D:\Documents and Settings\TBA\My Documents\My Web). Sites\lessons- en101) și faceți clic pe OK. Figura prezintă un fragment din fereastra de dialog „Șabloane de site web”, în care este indicată adresa noului site.

Orez. 2.

După ce salvați site-ul, fereastra aplicației FrontPage va afișa noul site în vizualizarea folderului.

Orez. 3.

2. Creați o pagină de pornire pentru un site nou în FrontPage. Crearea unei pagini de start în FrontPage se poate face în diferite moduri. De exemplu, puteți face clic pe butonul Pagina nouă din panoul Conținut, care va adăuga pagina index.htm la fereastra site-ului Web, care este prezentată în figură.

Orez. 4.

3. Apoi copiem conținutul folderului creat anterior EN101, care conține folderul imagini și pagina de index (dosarul _vti_cnf este creat automat la crearea paginii web). Conținutul folderului EN101 este prezentat în figură.

Orez. 5.

Lipim conținutul salvat al folderului EN101 din clipboard în folderul nou creat al site-ului web lessons-en101, care este prezentat în figură.

Orez. 6.

Orez. 7.

Astfel, pagina creată anterior index.htm ( Limba englezăîn internet). Puteți crea o pagină de pornire în alte moduri, așa cum este descris în secțiunea 3.3.2. Introducere în FrontPage.

5. Creați structura site-ului în editorul FrontPage, de exemplu. Vom adăuga încă trei pagini la pagina principală: info - Despre companie; afaceri - Privire de ansamblu asupra proiectului; plata - Modalitati de plata. Pentru a face acest lucru, trebuie să comutați la modul Tranziții executând comanda Vizualizare/Tranziții. Apoi trebuie să selectați pagina principalași faceți clic pe butonul Pagina nouă din panoul Tranziții sau utilizați meniul contextual, se va adăuga Pagina Nouă 1. În mod similar, adăugați încă două pagini noi. Structura site-ului este prezentată în figură.

Orez. 8.

6. Redenumirea paginilor noi în FrontPage. Trecem în modul folder și folosim meniul contextual pentru a schimba numele New page 1 la info, Noua pagina 2 pe Afaceri, Noua pagina 3 pe a plati.

Orez. 9.

7. În scopul unității în designul paginilor site-ului, copiem conținutul paginii principale în paginile de info, afaceri, plăți create. Pentru a face acest lucru, deschideți pagina principală în modul Pagina și executați comanda „Editați / Selectați tot” și faceți clic pe butonul Copiere din bara de instrumente. Accesați modul Foldere și faceți dublu clic pe pagina de informații, se va deschide în modul Pagina, apoi faceți clic pe butonul Inserare. Conținutul paginii principale va fi copiat în pagina de informații și, în mod similar, copiați conținutul paginii principale în celelalte două pagini.

• Acasă;
• Despre companie;
• Analiza afacerii proiectului;
• Metode de plata.

De exemplu, selectați elementul de navigare „Prezentare generală asupra afacerii proiectului” și folosiți meniul contextual pentru a deschide caseta de dialog Adăugare hiperlink, în care selectam business.htm și facem clic pe OK. În mod similar, creăm hyperlinkuri pentru toate punctele de navigare din toate paginile. Figura prezintă un fragment din caseta de dialog Adăugați hyperlink.

Orez. 10.

10. Adăugați și completați metaetichete (între etichete Și) pe paginile: „Despre companie”; „Evaluarea afacerii proiectului”; „Metode de plată” în modul Cod.

De exemplu, pentru pagina „Despre companie”, etichetele sunt completate după cum urmează:

11. Redenumirea titlurilor paginilor în modul Tranziții. Selectați pagina și folosiți meniul contextual pentru a o redenumi:

• redenumiți noua pagină 1 în „Despre companie”.
• redenumiți noua pagină 2 în „Evaluarea afacerii proiectului”.
• redenumiți noua pagină 3 în „Metode de plată”.

Ca rezultat al dezvoltării, obținem un site care constă din patru pagini web. Acest site, creat folosind FrontPage în Sistemul de fișiere PC-ul poate fi plasat pe un server web pe Internet sau Intranet.

Pentru a vă dezvolta propriul site web în FrontPage, descărcați.

Un program cu care poți înțelege destul de ușor principiile de bază ale proiectării paginilor de Internet, cu o selecție largă instrumente suplimentare pentru crearea de site-uri și portaluri de internet complexe.

Pe scurt despre programul Microsoft FrontPage

Acesta este un editor web ușor de învățat și convenabil pentru proiectarea, pregătirea și publicarea site-urilor web. Datorită integrării cu familia de produse MS Office, unei interfețe familiare și a numeroaselor șabloane, programul permite chiar și utilizatorilor începători familiarizați cu elementele de bază ale lucrului în MS Word să stăpânească rapid munca. În același timp, FrontPage nu poate fi numit o soluție pentru „manichini”: programul oferă funcționalități extinse și o varietate de instrumente pentru optimizarea paginilor de Internet.

Trebuie remarcat faptul că numele Microsoft FrontPage a existat până în 2003, iar apoi a fost completat cu noi funcții, iar numele în sine s-a schimbat software. În 2007, FrontPage a fost redenumit în Microsoft Expression Web, iar în 2010 în Microsoft Office SharePoint Designer. De fapt, unele completări au fost adăugate noilor versiuni, dar aspectul de bază al programului a fost păstrat.

Instrumente de bază ale programului

Forma generală programe Microsoft Prima pagina

Microsoft FrontPage are multe în comun cu instrumentele MS Word, așa că multe dintre butoane și file de meniu sunt, de asemenea, intuitive, facilitând procesul de creare a paginii. Mulți oameni știu deja să tasteze și să formateze text simplu, să creeze tabele în Microsoft Word și același principiu se aplică pentru editarea unei pagini în FrontPage.

Figura din dreapta arată o vedere generală a programului cu un set standard de instrumente cu ajutorul cărora puteți crea un șablon de pagină cu text, link-uri și imagini. Accesați fila „Vizualizare”, apoi „Bara de instrumente” și asigurați-vă că „ Standard", "Formatare" Și " Mese", aceste instrumente vor fi suficiente pentru a crea doar o pagină. Mai jos, acordați atenție filelor „Designer”, „Cod” și „Vizualizare” - acestea sunt trei moduri diferite în care puteți vizualiza oricând cum arată pagina pe care o creați ca.

• În Designer, toate editările sunt introduse, textul este tastat și formatat, imaginile sunt inserate, sunt create link-uri, fundalul și culorile fontului sunt modificate în același mod ca în Microsoft Word.
• În fila „Cod” puteți vizualiza așa-numitul cod HTML. HTML este limbaj standard marcarea documentelor pe World Wide Web. Majoritatea paginilor web sunt create folosind limbaj HTML. În această filă puteți edita și pagina, dar trebuie să cunoașteți acest limbaj de marcare. Cu toate acestea, începătorii ar trebui să facă toate modificările în constructor și toate modificările la HTML vor avea loc automat.
• În fila „Vizualizare” puteți vedea cum arată pagina direct în browser (cum ar fi Internet Explorer)

Descrierea detaliată a altor meniuri, butoane și Caracteristici Microsoft FrontPage sunt prezentate în ajutorul programului. Pentru a face acest lucru, apăsați tasta „F1”.

Crearea unui șablon pentru pagini în FrontPage

Inserarea tabelului principal în editor

Și astfel, pentru a crea un șablon simplu, trebuie să inserați un tabel cu trei blocuri. Trei blocuri sunt un standard simplu: blocul de sus este pentru numele site-ului, al doilea bloc este pentru link-urile de navigare pe site, al treilea bloc este pentru text, imagini și alte informații de pe pagină. Puteți introduce mai multe blocuri de masă pentru comoditate, dar este o chestiune de gust cum, câte și ce dimensiune să faceți aceste blocuri. Există o altă modalitate de a crea blocuri nu prin crearea de tabele, ci prin inserarea așa-numitelor elemente „div” în pagini și alocarea anumitor stiluri acestora, dar această metodă nu este pentru noii webmasteri și se poate scrie un articol separat despre asta.

1. Pentru a insera un tabel, mergeți la „Tabel” > „Inserare” > fila „Tabel” și completați câmpurile, așa cum se arată în figura din dreapta. De fapt, puteți introduce propriile parametri, dar aceasta masa are o lățime fixă ​​și se extinde pe 100% din suprafața ecranului. În acest fel tabelul va fi afișat compact în browser.
2. Apoi, trebuie să ajustați toate cele trei celule, deoarece au aceeași înălțime după inserare. Faceți clic dreapta pe celula de sus și mergeți la „Proprietăți celule”, în câmpul de înălțime introduceți condiționat „150” și bifați caseta „în puncte”, adică Dimensiunea celulei va fi de 150 de pixeli. În același meniu, putem selecta culoarea de fundal a celulei, iar făcând clic în meniul „stil...”, puteți face alte setări pentru celule, de exemplu, selectați culoarea și dimensiunea marginii celulei, puteți experimentați cu asta și vedeți rezultatul. În celula propriu-zisă puteți introduce numele site-ului.
3. În continuare, edităm a doua celulă, care este destinată linkurilor de navigare pe site. Setăm lățimea la aproximativ 40 de pixeli, acest lucru va fi suficient și ajustăm și alte setări, cum ar fi culoarea de fundal și marginile, după gustul tău. În continuare scriem numele legăturilor în sine, separate prin semne linie verticala sau un alt semn ( îl puteți vizualiza mai jos descărcând întreg șablonul). Selectați testul și apăsați butonul de aliniere centrală, la fel ca în MSWord. În același mod, puteți modifica fontul, dimensiunea fontului și alte setări de text.
4. Am instalat și ultima celulă. Este destinat textului principal, unde puteți introduce un text de salut.
5. În cele din urmă, puteți accesa fila „Fișier” > „Proprietăți”, unde puteți introduce numele site-ului și puteți modifica fundalul general al paginii și alte setări generale

Șablonul este acum gata. Este cadrul pentru toate paginile ulterioare ale site-ului. Iată cum arată site-ul în codul HTML:

Așa obținem șablonul pentru site

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = „text/html; charset=windows-1251”> < title >Numele site-ului < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Numele site-ului < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Acasă | < b >Pagina 2 | < b >Pagina 3 | < b >Pagina 4 | < b >Pagina 5 | < b >Contacte < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Textul paginii de start. Aici puteți introduce un text de felicitare și puteți scrie pe scurt pentru ce este dedicat site-ul.

Acest cod HTML poate fi inserat imediat în editor în fila „Cod” și veți vedea imediat șablon gata făcut. Poate fi schimbat și editat pentru a se potrivi nevoilor dvs. Aici merită explicat că acolo unde este inserat textul principal și pentru a nu fi situat aproape de câmpuri, acesta este încadrat în eticheta „div”, cu o setare de indentare, așa cum se arată în exemplu.

Șabloane suplimentare

1. De asemenea, trebuie să știți că în programul FrontPage și în alte programe similare, există șabloane standard care pot fi folosite pentru a crea pagini; acestea sunt ușor de editat și puteți personaliza orice șablon pentru a se potrivi nevoilor dvs. Pentru a selecta un șablon standard, accesați fila „Fișier” > „Creare...” în fereastra care se deschide, selectați „Alte șabloane de pagină”, unde puteți selecta orice șablon doriți.
2. Există o a doua opțiune - descărcați întregul șablon de pe Internet. Există o mulțime de site-uri care oferă un astfel de serviciu. șabloanele pot fi fie plătite, fie gratuite. După descărcarea acestui sau acela șablon, îl puteți edita în program, îl puteți completa cu conținutul necesar și puteți schimba stilul acestui sau aceluia element.

Utilizați machete standard de tabel și teme

Microsoft FrontPage oferă instrumente bune pentru machete de tabel gata făcute și teme pentru construirea site-ului web

Trebuie să știți că Microsoft FrontPage are un set standard de machete de tabele și teme care vă pot ajuta să învățați arta de a crea pagini obișnuite sau site-uri de cărți de vizită. Și astfel, în dreapta sus există un meniu derulant (vezi imaginea din dreapta, care arată și rezultatul utilizării machetelor de tabel și a temelor de design), făcând clic, va apărea un meniu în care trebuie să selectați „Aspect tabele și celule”, iar mai jos vor apărea mai multe machete diferite de tabel, le puteți selecta pe oricare la discreția și gustul dumneavoastră. Acest lucru vă eliberează pentru a crea singur tabelul manual.

Și astfel, tastând sau lipind textul, logo-ul, link-urile în celulele tabelului, mergând la același meniu, puteți selecta meniul „Temă”, unde puteți selecta diverse teme pentru designul paginii, link-urilor, paginii fundal și multe altele. Această oportunitate este bună pentru cei care tocmai învață cum să creeze pagini de internet și reflectă destul de clar procesul de creare a unui site web. Cu alte cuvinte, în Microsoft FrontPage puteți experimenta diferite setări și puteți vedea clar cum este transformată o anumită pagină. Aici puteți oferi un singur sfat: studiați toate funcțiile programului și nu vă fie teamă să valorificați acest sau acel meniu, deoarece fiecare instrument are proprietățile și scopul său pentru a crea o pagină cu drepturi depline.

Inserați o imagine și creați legături către pagini

Este important ca webmasterii începători să știe cum să insereze imagini într-o pagină și să facă linkuri către alte pagini. De exemplu, în loc de textul numelui site-ului, puteți insera o imagine a siglei site-ului. Pentru a face acest lucru, faceți mai întâi clic în câmpul în care doriți să inserați o imagine, apoi, în partea de sus, faceți clic pe fila „Inserare” > „Desen” > „Din fișier”, selectați imaginea dorită și faceți clic pe „Inserare”, după pe care imaginea va apărea pe pagină. Făcând clic dreapta pe imagine, puteți accesa meniul cu setari aditionale Imagini. Este important ca toate imaginile să fie într-un folder strict definit pentru toate imaginile.

Pentru a accesa alte pagini ale site-ului, trebuie să creați link-uri prin care utilizatorii să poată vizita toate paginile site-ului. Pentru a face acest lucru, trebuie să selectați textul dorit pentru link și să mergeți la fila „Insert” > „Hyperlink”, în meniul care se deschide, trebuie să indicați pagina către care este creat linkul și faceți clic pe „ok” . În aceeași fereastră există și alte setări pentru linkuri, cum ar fi dacă să deschideți linkul într-o fereastră nouă sau nu. În principiu, puteți studia acest lucru pe cont propriu.

Concluzie

În esență, acești editori sunt similari unul cu celălalt și au funcții și meniuri similare. Stăpânind setări de bază, puteți crea cu ușurință site-uri web în alte editoare. După ce stăpânești aceste principii, poți trece la o metodă mai complexă de proiectare a site-ului web - folosind așa-numitul CSS. Puteți citi despre ce este și cum să editați designul unui site web în articolul despre CSS.

Dezavantajul acestei metode de „șablon” este că fiecare pagină trebuie creată separat pe baza șablonului creat. Când, la fel ca atunci când se creează site-uri web folosind așa-numitele motoare, nu este necesară generarea separată a paginilor, acestea sunt generate automat pe măsură ce se adaugă conținut

Dacă aveți întrebări despre articol sau despre utilizarea unor astfel de programe pentru a crea site-uri web, le puteți adresa în firul de discuții al forumului nostru.

Articole pe subiecte similare

În capitolele anterioare, ne-am uitat la crearea unui site care să conțină o singură pagină. Dar, de regulă, un site este format din mai multe pagini. Pentru a adăuga pagini noi sau create anterior pe site, utilizați comenzile de meniu, combinațiile de taste și butonul Nou din bara de instrumente standard.

Pentru a naviga pe o pagină Web, la fel ca oricare alta editor de text, puteți utiliza barele de defilare, tastele săgeți de la tastatură și comenzile rapide de la tastatură. Deci, de exemplu, pentru a merge în partea de sus a paginii, utilizați combinația de taste +, până la sfârșitul paginii - +. Chei ȘI Vă permite să mutați un ecran în sus sau, respectiv, în jos.

Deplasarea între paginile site-ului se realizează folosind hyperlink-uri, marcaje și bare de link-uri situate pe acestea. Veți afla ce sunt hyperlinkurile și ce tipuri sunt acestea, ce este o bară de linkuri și ce trebuie să faceți pentru a o crea citind acest capitol.

Fereastra de dialog Șabloane de site-uri web(Șabloane de site web), care se deschide la crearea unui site nou, conține șabloane care sugerează crearea unui site necompletat sau cu o pagină. Adăugați singur numărul de pagini necesare pentru a posta informații pe site. Acestea pot fi pagini noi pe care le publicați ulterior informații sau pagini Web pe care le-ați creat anterior utilizând FrontPage sau alt software. produse software.

cometariu

Problemele legate de importul fișierelor nu vor fi discutate în această lecție, deoarece o lecție separată va fi dedicată acestui lucru.

Există mai multe moduri de a adăuga o pagină nouă pe site-ul dvs. Puteți folosi oricare dintre ele în funcție de metoda care vi se pare mai convenabilă, precum și de ce șablon doriți să utilizați atunci când creați o pagină nouă. Pentru a adăuga o pagină nouă pe site-ul dvs., puteți utiliza:

• buton Crea(Nou) pe bara de instrumente standard
• Echipă Crea(Nou) meniu Fişier(Fișier), care plasează un panou în fereastra programului FrontPage Creați o pagină web sau un site(Pagină nouă sau Web)
• Combinație de taste +

Când utilizați o combinație de taste sau apăsați un buton Crea(Nou) pe bara de instrumente standard, o pagină goală creată folosind șablonul este adăugată implicit pe site Pagina obișnuită(Pagină normală).

În cazul în care atunci când creați o pagină nouă doriți să utilizați un alt șablon, trebuie să deschideți caseta de dialog Șabloane de pagină(Șabloane de pagină) (Fig. 16.1), care conține o listă de șabloane de pagină oferite de programul FrontPage. Pentru a deschide această fereastră, efectuați una dintre următoarele:

• În butoanele de meniu Crea(Nouă) comanda standard de selectare a barei de instrumente Pagină(Pagină)
• În meniu Fişier(Fișier) selectați comanda Crea(Nou), apoi din submeniul care se deschide - opțiunea Pagina sau site-ul web(Pagină sau Web). În fereastra programului FrontPage apare un panou Creați o pagină web sau un site(Pagină nouă sau Web), pe care selectați comanda Șabloane de pagină(Șabloane de pagină)

Orez. 16.1. Caseta de dialog pentru selectarea unui șablon pentru pagina de creat

Fereastra de dialog Șabloane de pagină(Șabloane de pagină) conține o listă de șabloane. Selectați șablonul pe care doriți să-l utilizați când creați o pagină nouă. Zona de utilizare Probă(Previzualizare), vedeți cum va arăta. Faceți clic pe butonul Bine pentru a închide fereastra și a plasa șablonul de pagină pe site.

Ca urmare a adăugării unei noi pagini pe site, o pagină goală cu numele newjage_l.htm(Fig. 16.2). Acest nume indică faptul că această pagină este prima pe care o creați de când ați început programul. La crearea ulterioară Pagini FrontPage le atribuie nume cu numere crescătoare: new_page_2.htm, newjage_3.htm etc.

Orez. 16.2. O pagină nouă a fost adăugată pe site, creată folosind șablonul „Pagină obișnuită”.