Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Programe
  • Crearea de pagini web folosind FrontPage. Lucrări practice pe prima pagină Autostudiu crearea de tabele în prima pagină

Crearea de pagini web folosind FrontPage. Lucrări practice pe prima pagină Autostudiu crearea de tabele în prima pagină

Frontpage oferă două funcționalități care vă permit să împărțiți o pagină în secțiuni care conțin text și grafică. Acestea sunt mese și rame. Până în acest moment, am aliniat textul pe o linie adăugând spații folosind stilul de paragraf formatat. De asemenea, puteți utiliza tabele pentru a alinia textul. Câmpurile formularelor sunt aliniate folosind tabele (Capitolul 7 este dedicat lucrului cu formulare). De asemenea, puteți utiliza foi de stil în cascadă pentru a formata elementele paginii. Trebuie remarcat faptul că foile de stil în cascadă sunt acceptate doar în browserele recente.
Notă
Browserele ignoră elementele de formatare, cum ar fi liniile de spații. Excepțiile sunt atunci când se utilizează stilul formatat sau caracterul care nu se întrerupe. Codul HTML folosește o secvență de caractere pentru a indica un spațiu care nu se întrerupe. Utilizarea unui set de astfel de secvențe face posibilă afișarea textului cu mai multe spații consecutive pe pagina încărcată în browser. În Frontpage, puteți insera un caracter de spațiu care nu se întrerupe folosind caseta de dialog Simbol (primul pe prima linie).
Proiectarea meselor
Cel mai important instrument pentru proiectarea aspectului unei pagini Web este un tabel. Funcțiile tabelelor la crearea paginilor Web sunt variate. În primul rând, aș dori să subliniez următoarele:
alinierea datelor prin inserarea lor în celulele tabelului (acest lucru oferă posibilitatea de a separa datele cu linii de grosimi diferite);
prezentarea textului sub formă de coloane;
alinierea câmpurilor de intrare și a numelor acestora în formulare;
distribuirea textului și a graficelor în diferite coloane;
crearea unui chenar în jurul textului sau al graficelor;
plasarea imaginilor grafice pe ambele fețe ale textului (sau pe toate părțile) și invers;
locația textului de-a lungul conturului imaginii grafice;
crearea unui fundal colorat pentru un fragment de text sau o imagine separată;
includerea tabelelor în alte tabele.
În procesul de creare a unui tabel, în caseta de dialog Inserare tabel sunt stabilite următoarele proprietăți: numărul de rânduri și coloane, zona ocupată a paginii pe orizontală, grosimea liniilor care separă celulele și delimitează tabelul, cantitatea de spațiere dintre conținut și marginea interioară a marginilor celulei, alinierea tabelului etc... În viitor, valorile proprietăților tabelului pot fi modificate. În orice moment, puteți șterge unul sau mai multe rânduri sau coloane, puteți îmbina celulele adiacente, puteți formata într-un mod special conținutul unei celule sau al intervalului selectat etc. Pe măsură ce introduceți date, dimensiunea celulei crește vertical și orizontal în limitele stabilite pentru tabel și coloană.
Notă
Puteți seta lățimea tabelului fie în pixeli (lățime fixă), fie ca procent din lățimea ferestrei browserului sau cadrul în care este inclusă pagina. Lățimea coloanelor tabelului este specificată fie ca procent din lățimea tabelului, fie în pixeli (lățime fixă). Dacă lățimea unei coloane individuale sau a întregului tabel este specificată în pixeli, atunci modul în care acest tabel este afișat în browser depinde de rezoluția ecranului setată pe computerul utilizatorului.
Afișarea datelor tabelare
Într-un tabel clasic, rândurile și coloanele sunt strict delimitate. Pentru a obține un astfel de tabel, trebuie să efectuați următoarea secvență de acțiuni:
1. Descărcați Prima pagină.
2. Activați comanda Nou a submeniului Web din meniul Fișier.
3. Se va încărca caseta de dialog Nou. În mod implicit, șablonul Web cu o pagină este selectat. În câmpul Specificați locația noului Web, introduceți numele serverului Web și al site-ului Web. Denumiți site-ul Web, de exemplu, TestTables. Faceți clic pe butonul OK.
4. Comutați la vizualizarea Foldere. Faceți dublu clic pe numele fișierului Default.htm. Pagina de pornire se va deschide în vizualizarea pagină.
5. Apăsați tasta pentru a insera o linie goală în partea de sus a paginii
6. Deschideți meniul Table și activați comanda Table din submeniul Insert. Ca urmare, se va deschide caseta de dialog Insert Table (Figura 61). Această fereastră afișează valorile implicite ale proprietăților tabelului. Elementele casetei de dialog Insert Table sunt descrise în Tabelul 6.1.

Fig 6.1. Caseta de dialog Inserare tabel

Tabelul 6.1. Proprietățile tabelului

Element de dialog Proprietatea tabelului
Inserați ferestre de tabel
Rânduri Numărul de rânduri din tabel
Coloane Numărul de coloane dintr-un tabel
Aliniere Cum este aliniat tabelul (prestabilit este alinierea la stânga)
Dimensiune chenar Lățimea separatorului și a liniilor de delimitare în pixeli Valoarea implicită este 0 Dacă această valoare nu este modificată, cadrul tabelului nu este afișat în browser, dar în Prima pagină este indicat printr-o linie întreruptă
Umplutură celulară Cantitatea de spațiu (în pixeli) dintre marginile unei celule și conținutul acesteia (implicit este 1)
Spațierea celulelor Spațierea (în pixeli) între celulele adiacente (implicit este 2)
Specificați lățimea Lățimea tabelului Această valoare este setată fie în pixeli (comutați în pixeli), fie ca procent din lățimea ferestrei browserului sau cadrul în care este inclusă pagina (comutați în procente)

7. Nu modificați niciuna dintre valori, faceți clic pe butonul OK. Ca rezultat, va fi creat un tabel cu două rânduri și două coloane. Folosind comanda Table din submeniul Select al meniului Table. Apăsați tasta pentru a șterge tabelul. Dacă nu ați creat o linie goală la începutul paginii la pasul 5, faceți-o acum.
8. Faceţi clic pe butonul Inserare tabel din bara de instrumente Tabel. Vi se va prezenta un tabel prototip, unde este foarte ușor să specificați câte rânduri și coloane ar trebui să conțină tabelul. Faceți clic pe al doilea pătrat din al doilea rând, așa cum se arată în figura următoare. În acest caz, va fi creat și un tabel cu două rânduri și două coloane (patru celule).
Am acoperit două moduri de a crea un tabel. Când utilizați butonul Inserare tabel din bara de instrumente, se aplică valorile implicite. Dacă comanda Tabel din submeniul Inserare din meniul Tabel este activată, determinați independent valorile parametrilor tabelului care se creează.
Notă
Folosind butonul Inserare tabel, puteți crea un tabel care conține mai multe rânduri și coloane decât este afișat inițial în prototip:
mutarea mouse-ului peste margine extinde automat prototipul.
Proprietățile tabelului
Valorile atribuite proprietăților tabelului determină aspectul acestuia.
1. În celula din stânga sus a tabelului pe care l-am creat, introduceți numărul 5.
Apăsați tasta pentru a trece la celula din dreapta și introduceți următoarea propoziție:
Aceasta este o propoziție destul de lungă. Tabelul dvs. ar trebui să arate ca figura următoare. Lățimea acestui tabel ajunge la aproape 100% din lățimea ferestrei.

2. Apăsați de două ori tasta săgeată în jos pentru a muta cursorul în afara tabelului. Introduceți trei rânduri goale după tabel apăsând tasta de trei ori.
Notă
Dacă poziționați cursorul în ultima celulă și apăsați tasta, se adaugă un nou rând în tabel, iar cursorul se deplasează la prima celulă a noului rând.
3. Activați comanda Table din submeniul Inserare din meniul Table și dezactivați opțiunea Specificați lățime din partea de jos a casetei de dialog (câmpul de introducere cu același nume va deveni indisponibil). Faceți clic pe OK. Ca urmare, apare un al doilea tabel, a cărui lățime este mult mai mică decât cea a primului.
4. Introduceți numărul 1 în celula din stânga primului rând al tabelului, apăsați tasta, în urma căreia cursorul se va muta la a doua celulă a primului rând și introduceți o propoziție. Aceasta este o propoziție destul de lungă.
Deplasați-vă la celula din stânga a celui de-al doilea rând folosind tasta și introduceți numărul 2. Apăsați din nou tasta (cursorul se va deplasa în celula din dreapta a celui de-al doilea rând) și introduceți o propoziție: Aceasta este doar o propoziție
Lățimea fiecărei coloane este stabilită în funcție de cel mai lung rând din acea coloană (Figura 6.2).

Orez. 6.2. Pentru tabelul de sus, valoarea proprietății Specificați lățime este setată, iar pentru tabelul de jos, nu este setată.

5. Faceți clic dreapta pe al doilea tabel și selectați comanda Table Properties din meniul contextual, drept urmare caseta de dialog cu același nume, prezentată în fig. 6.3. Ca și în caseta de dialog deschisă de comanda Tabel a submeniului Inserare din meniul Tabel (Fig. 6.1), în ea puteți seta parametri de tabel precum alinierea, lățimea împărțirii tabelului și liniile de delimitare, distanța dintre marginile celulei și conținutul acesteia, distanța dintre celulele adiacente și lățimea tabelului. În plus, este posibil să determinați înălțimea tabelului, să selectați o culoare pentru fundalul solid al tabelului sau o imagine de fundal, să specificați o culoare pentru liniile de separare. În caseta de listă Float, puteți specifica în ce direcție să mutați tabelul - la dreapta sau la stânga, pentru a poziționa textul sau o imagine în stânga sau în dreapta tabelului. În mod implicit, elementul Implicit este selectat în câmpul Float. Conform acestei setari, textul poate fi localizat doar sub tabel sau deasupra acestuia.

Figura 6 3 Caseta de dialog Proprietăți tabel

6. Setați următoarele valori pentru proprietățile tabelului: Dimensiune chenar - 5, Cell Padding - 6, Cell Spacing - 8. Confirmați setările făcând clic pe butonul OK. Tabelul dvs. ar trebui să arate ca figura următoare. Faceți clic dreapta pe celula din dreapta a primului rând al tabelului de sus (Fig. 6 2) și selectați comanda Cell Properties din meniul contextual Se va deschide caseta de dialog cu același nume (Fig. 6 4) Elementele conținute în ea sunt descrise în Tabelul 6.2.

Fig 6.4. Caseta de dialog Proprietăți celule

Tabelul 6.2. Proprietățile celulei

Element de dialog
Ferestrele Proprietăți celulei
Funcţie
Amplificare orizontală Alinierea orizontală a conținutului unei celule Sunt disponibile următoarele opțiuni: Stânga (stânga), Centru (centru), Dreapta (dreapta). Valoarea implicită este alinierea la stânga
Aliniere verticală Alinierea verticală a conținutului celulei Sunt disponibile următoarele opțiuni: Sus (sus), Mijloc (centru), Linie de bază (aliniază conținutul celulei la linia de bază), Jos (jos) Valoarea implicită este alinierea la centru
Rânduri întinse Acest câmp indică câte rânduri doriți să întindeți această celulă
Coloane întinse Acest câmp indică câte coloane doriți să întindeți această celulă
Celula antet Formatarea unei celule ca titlu de rând sau coloană (textul aldine este atribuit textului celulei)
Fără Wrap Preveniți separarea în silabe într-o celulă dintr-un browser Web; în caz contrar, textul este împărțit dacă fereastra browserului este prea îngustă pentru afișare completă
Specificați lățimea Determinarea înălțimii celulei în pixeli sau ca procent din înălțimea totală a tabelului (doar dacă opțiunea Specificare înălțime este activă). Dacă opțiunea specificată este dezactivată, înălțimea celulei este modificată automat, astfel încât textul introdus sau obiectul plasat în ea să se potrivească complet
Frontiere În această zonă a ferestrei, puteți defini culoarea pentru liniile de despărțire și de delimitare, care pot fi fie dintr-o culoare, fie cu două culori. În primul caz, utilizați câmpul de introducere Border, în al doilea - oricare două dintre cele trei câmpuri oferite. În acest din urmă caz, cadrul este tridimensional
fundal Crearea unui fundal pentru o celulă (atât o culoare solidă colorată, cât și care conține o imagine)

Valorile proprietăților pot fi modificate atât pentru o celulă, cât și pentru un interval selectat.

Notă

Când schimbați lățimea unei celule, asigurați-vă că lățimea totală a celulelor din rând nu depășește 100%, altfel celulele din tabel vor fi afișate incorect.

1. În caseta de listă Aliniere orizontală a casetei de dialog Proprietăți celule, selectați Centru, iar în Vertical
Aliniere - element Top (aliniere de sus). În câmpul Dimensiune chenar, introduceți 1. Confirmați setările făcând clic pe butonul OK.
Ca rezultat, modul în care datele sunt aranjate în celulă se va schimba, iar lățimea liniilor de separare și de delimitare va deveni egală cu un pixel.
2. Selectați rândul de jos al tabelului și faceți clic dreapta. În meniul contextual, selectați comanda Proprietăți celule. Introduceți o valoare de 2 în câmpul Columns Spanned și faceți clic pe butonul OK. Ca rezultat, tabelul ar trebui să arate ca cel prezentat mai jos. Celula din extrema stângă se va suprapune pe cele două de sus, dar trebuie să existe o celulă suplimentară în partea dreaptă.

Notă
Puteți selecta un anumit număr de celule în interiorul tabelului astfel: poziționați indicatorul mouse-ului în stânga celulei din care veți începe selecția, iar când aceasta devine o săgeată îndreptată în sus spre dreapta, apăsați butonul de manipulare din stânga și selectați celulele necesare.
Notă
Coloanele tabelului pe care l-ați creat pot avea lățimi diferite decât cele prezentate în figură. Acest lucru se datorează diferențelor de rezoluție a monitorului.
3. Apăsați combinația de taste sau activați comanda Undo Edit Properties din meniul Editare pentru a anula modificările.
4. Selectați primul rând din tabelul de sus, deschideți caseta de dialog Proprietăți celule și introduceți 2 în câmpul Rânduri Spanned. În cele din urmă, faceți clic pe butonul OK. Cele două celule de sus se deplasează la stânga, iar cele două celule de jos se deplasează la dreapta.

5. Faceți clic pe butonul Anulare din bara de instrumente. Mergeți la celula din stânga a primului rând al tabelului de sus și deschideți caseta de dialog Proprietăți celule. Setați opțiunea Specificați lățimea și activați comutatorul În pixeli pentru a putea specifica în mod independent lățimea celulei în pixeli (campul de introducere Specificați lățime va deveni disponibil). Introduceți 40 în caseta de introducere Specificați lățimea și faceți clic pe butonul OK. Mărimea ambelor celule din prima coloană va crește.

7. Activați butonul Anulare, faceți clic pe celula din dreapta a celui de-al doilea rând și deschideți meniul Tabel. Acest meniu conține patru submeniuri. Comenzile din meniul tabelului sunt descrise în tabel. 6.3.

Tabelul 6.3. Comenzi din meniul tabelului

Echipă Descriere
Desenați masa Vă permite să desenați o masă în același mod în care se face cu un creion pe o bucată de hârtie
Submeniu Tabel Inserare Când această comandă este activată, se deschide caseta de dialog Inserare tabel. În acesta, puteți seta parametrii tabelului creat, care vor fi inserați în poziția în care se află cursorul (dacă cursorul este situat într-o celulă a altui tabel, al doilea tabel va fi plasat în ea)
Inserare rânduri sau coloane Inserare submeniu Caseta de dialog Inserare rânduri sau coloane definește numărul de rânduri și coloane care pot fi inserate deasupra, dedesubt, la dreapta sau la stânga selecției.
Submeniul Celulă Inserare Inserează o nouă celulă în stânga celulei selectate, care este deplasată la dreapta
Submeniul Subtitrare Inserare Proiectat pentru a insera o linie goală deasupra tabelului. Acest rând este asociat cu tabelul: atunci când tabelul este selectat sau șters, antetul este și el selectat sau șters. În mod implicit, antetul tabelului este setat la aliniere la centru, dar poate fi aliniat la stânga sau aliniat la dreapta.
Ștergeți celulele Șterge celulele selectate
Uneste celulele Vă permite să combinați mai multe celule atât pe un rând, cât și pe o coloană
Divizarea celulelor În caseta de dialog Split Cell, puteți specifica dacă celulele selectate sunt împărțite în rânduri sau coloane.
Celulă, Rând, Coloană, Tabel din submeniul Selectare Prima comandă este utilizată pentru a selecta celula curentă, a doua - rândul curent, a treia - coloana curentă și a patra - întregul tabel
Distribuiți uniform rândurile, distribuiți uniform coloanele Prima comandă vă permite să setați aceeași lățime pentru rândurile selectate, iar a doua pentru coloanele selectate
Potrivire automată Reduce lungimea fiecărei coloane în măsura în care informațiile din acestea o ocupă direct. Activarea acestei comenzi are aceleași consecințe ca și dezactivarea opțiunii Specificare lățime din caseta de dialog Inserare tabel, de exemplu. lungimea celulelor se va schimba automat în funcție de lungimea textului introdus sau de lungimea obiectului plasat în ele
Submeniul Conversie text în tabel Vă permite să convertiți textul selectat într-un tabel. Când această comandă este activată, se deschide o casetă de dialog pentru selectarea unui caracter separator. Folosiți virgule pentru a separa conținutul coloanei și marcatorii de paragraf pentru a separa liniile
Submeniul tabel în text Conversie Vă permite să convertiți datele tabelare în text, în timp ce conținutul fiecărei celule formează un paragraf separat
Submeniul Caption, Cell, Table Properties Aceste trei comenzi oferă acces la ferestrele Caption Properties, Cell Properties și Table Properties.

Notă
Pentru a selecta mai multe celule necontigue, țineți apăsată tasta în timp ce faceți clic pe celule
Meniul de masă. Să aruncăm o privire mai atentă la unele dintre comenzile din meniul Tabel descrise în tabel. 6.3
1. Activați comanda Table din submeniul Insert.În fereastra de dialog care se deschide apăsați butonul OK fără a modifica setările implicite.Ca urmare, în celulă va apărea un tabel cu două rânduri și două coloane.

Notă
Când am creat cel de-al doilea tabel (pasul 3 al celui de-al doilea exercițiu al acestui capitol), opțiunea Specificați lățime a fost dezactivată în fereastra Inserare tabel.La pasul 1 al celui de-al treilea exercițiu, în câmpul Dimensiune chenar din fereastra Proprietăți tabel, am a introdus valoarea 1. În Frontpage, aceste setări au fost salvate, așa că atunci când se creează un nou În fereastra Inserare tabel, opțiunea Specificați lățime va fi dezactivată implicit, iar câmpul Dimensiune chenar va avea valoarea 1.
1. Faceți clic mai întâi pe butonul Anulare și apoi în celula din stânga primului rând al tabelului. Selectați comanda Rânduri sau coloane (rânduri sau coloane) din submeniul Inserare. Ca urmare, se va deschide caseta de dialog cu același nume

Acceptați setările implicite cu butoanele radio Rânduri și Sub selecție setate (sub zona selectată) și câmpul Număr de rânduri setat la 1. Faceți clic pe OK. Un nou rând va apărea sub primul rând al tabelului.
3. Activați din nou comanda Insert Rows Or Columns din submeniul Insert Selectați butoanele radio Coloane și Left Of Selections (în stânga zonei selectate) Apoi faceți clic pe butonul OK Tabelul rezultat ar trebui să arate ca figura următoare

4. Activați comanda Cell din submeniul Insert.Ca urmare, o nouă celulă va fi inserată în tabel, iar celula situată în dreapta se va muta în afara rândului spre dreapta.Cursorul este poziționat automat în noua celulă

Pentru a selecta o celulă, activați comanda Cell din submeniul Select sau apăsați o tastă în timp ce faceți clic pe o celulă. Pentru a șterge celule, utilizați comanda Delete Cell
5. Activați comanda Caption din submeniul Insert.Cursorul este centrat peste tabel.Introduceți următoarea propoziție. Acesta este antetul tabelului
6. Selectați rândul de jos din primul tabel. Apoi selectați comanda Merge Cells. Ca rezultat, toate liniile de divizare dintre celule vor fi eliminate în rândul de jos.

7. Faceți clic pe celula din dreapta primului rând și activați comanda Split Cells Se deschide caseta de dialog Split Cells.

Acceptați setările implicite și faceți clic pe butonul OK. Celula specificată va fi împărțită în două

8. Activați comanda Table din submeniul Select și apăsați tasta . Tabelul va fi șters. Faceți clic pe butonul Anulare pentru al restabili.
Notă
Există o altă modalitate de a selecta un tabel „fă dublu clic în stânga tabelului (cele din limitele sale)
9. Deschideți caseta de dialog Proprietăți tabel și introduceți valoarea - 0 în câmpul de introducere Dimensiune chenar Faceți clic pe butonul OK. Ca urmare, marginile tabelului vor fi indicate prin linii întrerupte.
Desenarea unui tabel
Până acum, ați creat tabele folosind comanda Table din submeniul Inserare din meniul Table. În acest caz, jubileul este generat automat în conformitate cu valorile proprietății stabilite. După crearea tabelului, ați modificat aceste valori în caseta de dialog Tab! C Pioperties, ați adăugat și eliminat coloane și rânduri, celule îmbinate etc. prin comenzile Tabie. Prima pagină este o altă modalitate de a crea și edita tabele, conform căreia butoanele de pe bara de instrumente L able sunt folosite pentru procesarea tabelelor. Butonul Desenați tabel vă permite să desenați manual un tabel. Butonul Eraser este folosit pentru a șterge secțiunea melada de către celule. Restul butoanelor dublează comenzile corespunzătoare din meniul Tabel.
1. Poziționați cursorul pe o linie goală între cele două tabele, apoi apăsați de două ori și apăsați o dată tasta săgeată sus.
Notă
Este recomandabil să lăsați o linie goală între tabele atunci când le creați, deoarece este dificil să inserați rânduri între tabele în Frontpage. Este mai ușor să eliminați cele inutile după finalizarea aspectului.
1. În meniul Table, activați comanda Draw Table. Ca rezultat, apare bara de instrumente Tabel, iar indicatorul mouse-ului se transformă într-un creion. Masa 6 4 descrie butoanele din bara de instrumente Tabel
3. Plasați cursorul mouse-ului între două tabele existente în partea stângă a paginii și mutați-l mai întâi pe orizontală la jumătatea paginii, apoi pe o distanță egală cu înălțimea celui de-al doilea tabel.
Capitolul 6. lul mese si rame
4. Poziționați indicatorul mouse-ului pe marginea de sus a tabelului, lângă colțul din stânga. Mutați indicatorul pe orizontală pe jumătate din lungimea tabelului. Mutați-l în jos până la marginea de jos. Tabelul are acum două coloane.
5. Creați trei rânduri în coloana din dreapta (înălțimile rândurilor pot fi arbitrare).
6. Selectați a doua coloană a tabelului. Faceți clic pe butonul Distribuire uniformă a rândurilor din bara de instrumente, astfel încât toate cele trei rânduri să aibă aceeași înălțime.

7. Desenați o linie care împarte al doilea rând al coloanei din dreapta în două.
8. Desenați două linii pentru a împărți rândul de jos din coloana din dreapta în trei secțiuni. Lățimea primei celule noi este setată la lățimea celulei de sus

9. Poziționați indicatorul la marginea dreaptă a primei coloane. Ca rezultat, indicatorul se transformă într-o săgeată cu două capete.
10. Mutați chenarul coloanei la dreapta pentru a o extinde.
11. Activați butonul Ștergere din bara de instrumente Tabel. Indicatorul mouse-ului se transformă într-o radieră. Desenați radiera perpendicular pe linia care separă celulele din dreapta și din mijloc din rândul de jos. Ca urmare, această linie de despărțire va dispărea (vezi mai jos).

12. Faceți clic din nou pe butonul Eraser (indicatorul mouse-ului va reveni la aspectul normal). Poziționați indicatorul în partea de sus a celei de-a doua coloane. Când indicatorul se transformă într-o săgeată neagră mică îndreptată în jos, faceți clic pentru a selecta coloana.
13. Apăsați tasta și mutați indicatorul spre dreapta, poziționându-l peste coloana cea mai exterioară. De îndată ce faceți clic, cele două coloane exterioare vor fi evidențiate.
14. Faceți clic pe butonul Distribuire uniformă a coloanelor din bara de instrumente. Tabelul rezultat este prezentat mai jos.

15. Selectați un tabel utilizând comanda Table din submeniul Selectare din meniul Table și apăsați tasta pentru a-l șterge.
Tabelul 6 4. Butoanele din bara de instrumente Tabel

Exercițiile pe care le-am efectuat au scopul de a demonstra cât de larg este FiontPage gi în ceea ce privește crearea tabelelor.Toate operațiunile sunt efectuate în modul WYSIWYG în orice etapă a lucrării, puteți vedea cum va arăta tabelul creat în browser.

Importarea informațiilor text într-un tabel.

Pentru a importa corect text într-un tabel, acesta trebuie pregătit corespunzător.Fragmentele de text plasate în celulele adiacente ale tabelului trebuie separate între ele prin caractere speciale (separatoare), cum ar fi virgulă. Cel mai adesea, semnele de punctuație sunt folosite ca separatori. Apoi efectuați următoarea secvență de acțiuni:
1. Faceți clic sub tabelul de jos, apăsați butonul

2. Evidențiați textul introdus; meniul 1 Tabel și activați textul comenzii To Tabel Submeniu Comen *
3. În caseta de dialog încărcată Convertiți text în tabel, selectați butonul radio Altele, ștergeți punctele din câmpul din dreapta și introduceți un punct și virgulă. Faceți clic pe butonul OK. Ca rezultat, textul va fi importat în tabel (Figura 6.5.)

Fig 6.5. Tabel creat din informațiile de testare

Notă
HTML nu acceptă file Dacă convertiți informații textuale într-un tabel în care file sunt folosite pentru a separa matrice de informații, acele caractere vor fi eliminate și tabelul nu va fi creat corect. În loc de file, ar trebui să utilizați un semn de punctuație, care nu este folosit într-un fișier text. În acest exemplu, se folosește punct și virgulă deoarece textul conține virgule și cratime. Un semn alternativ este un marcator de paragraf * Poate doriți să importați conținutul unui fișier text în tabel. Dar mai întâi trebuie să importați textul din fișier și pagini) prin activarea comenzii Fișier din meniul Inserare. Ar trebui să fie ne-am amintit că Frontpage nu importă corect textul chirilic (nu are probleme cu limba latină) Prin urmare, dacă doriți să extrageți text similar dintr-un fișier și să-l plasați pe pagină, deschideți fișierul într-un editor de text, cum ar fi Notepad, și transferați textul către pagină folosind clipboard - Aprox. ed.
4. Selectați rândul de jos (gol) din tabel, dacă există, și ștergeți-l.
5. Faceți clic dreapta pe tabel și activați comanda Proprietăți tabel din meniul contextual. În caseta de listă Aliniere a casetei de dialog care se deschide, selectați elementul Centru, apoi dezactivați opțiunea Specificare lățime În câmpul Cell Padding introduceți o valoare de 4, specificând astfel distanța dintre marginile celulei și conținutul acesteia După finalizarea tuturor setărilor de mai sus, faceți clic pe butonul OK.
6. Evidențiați linia isepxmolo, faceți clic dreapta pe ea și deschideți caseta de dialog Cell Properties.În această fereastră, setați opțiunea Header Cell și selectați Left în caseta de listă Horizontal Alignment. În cele din urmă, faceți clic pe OK.
7. În meniul Tabel, activați comanda Caption din submeniul Insert. Faceți clic pe butonul Bold din bara de instrumente Formatare. Titlul introdus în tabel va fi aldine. Introduceți, de exemplu, următorul titlu. NUMELE COMPLET. și anul nașterii angajaților
8. Selectați primul rând al tabelului și faceți clic pe caseta de listă Fill Color din bara de instrumente Tabel. În lista care se deschide, selectați culoarea Aqua (a treia din pătratul din stânga în al doilea rând) și faceți clic pe OK.

9. Selectați rândurile rămase din tabel și deschideți caseta de dialog Proprietăți celule. Specificați o culoare galbenă în caseta de listă Culoare din zona Fundal, iar în caseta de listă Aliniere orizontală, alegeți Centru.
Faceți clic pe butonul OK.Tabelul rezultat ar trebui să arate ca cel prezentat în Fig. 6.6.
10. Faceți clic pe butonul Salvare pentru a salva tabelele create.
11. Din meniul Fișier, alegeți Previzualizare în browser. În caseta de dialog care se deschide, selectați browserul Internet Explorer 5.0 și faceți clic pe butonul Previzualizare. În fig. Figura 6.7 prezintă pagina principală a site-ului Web Test Tables care conține tabelul creat de noi. Dacă utilizați alt browser, deschideți această pagină în el și vedeți cum va fi afișat tabelul pe care l-am creat.
În cele mai recente browsere, suportul pentru tabel a fost extins. Anterior, existau diferențe semnificative între modul în care tabelele erau afișate în diferite browsere. Unele browsere nu le suportau deloc. Ar trebui să vă revizuiți munca în diferite browsere și să evaluați cum arată tabelele în ele. În prezent, piața browserelor este dominată de produse de la Netscape și Microsoft. Aceste două browsere acceptă destul de bine tabele.

Orez. 6.6. Foaia de calcul finală (vizualizare pagină)

Orez. 6.7. Foaia de calcul finală (Internet Explorer 5.0)

Utilizarea tabelelor la proiectarea unei pagini Web

Tabelele sunt utile pentru împărțirea unei pagini în zone în care vor fi prezentate informații.
Urmați acești pași:
1. În vizualizarea pagină, creați o pagină nouă. Introduceți o linie goală la începutul paginii.
2. Activați comanda Clip Art din submeniul Imagine din meniul Inserare. Se va încărca caseta de dialog Galerie Clip Art. Derulați în jos pentru a vedea pictograma Locații. Faceți dublu clic pe el. Fereastra va afișa imagini legate de titlul Locații. Selectați imaginea cu monumentul arhitectural Taj Mahal și pe panoul care apare, faceți clic pe butonul Inserare clip. Imaginea va fi plasată pe pagină.
3. Plasați cursorul sub imagine și introduceți următorul text: „Monument al arhitecturii indiene. Mausoleul sultanului Shah Jahan și al soției sale. Situat la 2 kilometri de orașul Agra. O structură cu cinci cupole din marmură albă cu mozaicuri colorate. pietre. Înălțimea este de 74 de metri. K Taj Mahal este învecinat cu patru minarete și o grădină. Acest exemplu de arhitectură indo-musulmană este introdus de o pictură a celebrului artist rus V.V. Vereshchagin, care a vizitat India. "
4. Evidențiați textul introdus. Apăsați combinația de taste pentru a copia textul în clipboard. Poziționați cursorul la sfârșitul ultimei propoziții și introduceți un spațiu. Apăsați combinația de taste. Ca urmare, matricea de text va fi mărită, ceea ce va permite obținerea rezultatului dorit în viitor - pentru a înconjura imaginea cu text.
5. Mutați indicatorul în partea de sus a paginii. Activați comanda Table din submeniul Insert din meniul Table. În fereastra încărcată, în câmpul Rânduri, introduceți valoarea 2, în câmpul Coloane - -1, în câmpul Dimensiune chenar - 0, dezactivați opțiunea Specificare lățime. Noul tabel va lua locul graficelor și textului, care se vor deplasa în jos. Rezultatul este prezentat în figura următoare.

6. Trageți imaginea în rândul de sus al tabelului.
7. În linia de jos a tabelului, introduceți numele monumentului „Taj Mahal. Setați textul cu caractere aldine și centrați-l pe gabtate făcând clic pe butoanele Bold și, respectiv, Center din bara de instrumente Formatare.
8 Deschideți caseta de dialog Proprietăți tabel și evidențiați Stânga în caseta de listă Float. Faceți clic pe OK. Acest lucru va plasa textul în jurul mesei. În alt text dezordonat WOT, efectul se numește wrap

9 Salvați pagina cu numele Tatj _Mahal și titlul Taj Mahal În meniul Fișier, activați comanda Preview In Browser Selectați browserul și faceți clic pe butonul Pieview În Figura 6-8, pagina este afișată în Internet Explorer 5 O
După cum puteți vedea, tabelele sunt utile pentru alinierea figurilor și legendelor. Creați mai multe pagini pe baza șabloanelor care folosesc tabele și veți obține confirmarea cât de puternic este un instrument de prezentare.

Figura 6.8. Înfășurați textul în jurul unei imagini

Este posibil să aveți propriile idei pentru utilizarea tabelelor pe o pagină Web. Implementați-le Experimentați până obțineți rezultatul dorit. Numai așa puteți obține o pagină bine concepută.

Lucrați cu personalul

Klapbi, ca și tabelele, servesc pentru a plasa informații în pagini individuale despre oaspeți. Cadrele sunt ferestre situate pe o pagină Web și destinate să afișeze alte pagini Web. Pe o pagină poate fi plasat orice număr de cadre. Este foarte convenabil să prezentați informații despre un site Web cu sistem de rubricare complex În acest caz, ar trebui să creați o pagină cu două cadre, un cadru TOC și un cadru principal. Cadrul TOC conține o listă de titluri care sunt link-uri. Când link-heading este activat, pagina corespunzătoare este încărcată în cadrul principal.
În continuare, veți urma un studiu de caz simplu pentru a demonstra principiile lucrului cu personalul (vor fi doar trei titluri în acest exemplu). Vom dedica acest exemplu monumentelor de arhitectură.
1. Creați un nou site Web cu o singură pagină și numiți-l Frames. În vizualizarea Pagină, activați comanda Pagina din submeniul Nou din meniul Fișier. În caseta de dialog de încărcare Nou, accesați fila Pagini cadru, care prezintă șabloane de pagină cu cadre (Figura 6.9).
Șablonul Banner și conținut este selectat implicit. Zona Previzualizare arată compoziția paginii care va fi creată pe baza acestui șablon, iar zona Descriere oferă o descriere a șablonului. Selectați secvențial fiecare dintre șabloane pentru a le citi descrierea și a afla ce pagini pot fi create pe baza lor.

Orez. 6.9. Casetă de dialog nouă (fila Pagini cadru)

2. După ce v-ați familiarizat cu capabilitățile șabloanelor, selectați șablonul Antet, Subsol și Conținut. Faceți clic pe butonul OK.
Aceasta va crea o pagină care conține patru cadre: un cadru cu un antet (cadru de sus), un cadru de cuprins în stânga, un cadru principal și un cadru de subsol (cadru de jos) (Figura 6.10). Fiecare cadru conține două butoane: Setează pagina inițială (utilizat pentru a selecta pagina inițială, adică pagina care este afișată prima în cadru după
încărcarea paginii frame-uri în browser) și New Page (făcând clic pe New
Pagina are ca rezultat o pagină de început goală).

Orez. 6.10. Pagina Cadre bazată pe șablonul Antet, Subsol și Conținut

3. Faceți clic pe butonul Pagina nouă din cadrul de sus. Ca rezultat, o nouă pagină goală va fi creată în cadru.
Notă
Pentru a utiliza o pagină existentă ca pagină inițială a unui cadru, procedați astfel: în acest cadru, faceți clic pe butonul Set Initial Page; în caseta de dialog Creare hyperlink deschisă, selectați pagina necesară și închideți fereastra cu butonul OK.
4. Faceți clic dreapta pe pagina din cadrul de sus și selectați Chenaruri partajate din meniul de comenzi rapide. În caseta de dialog cu același nume, butonul radio Pagina curentă este selectat implicit (nu modificați această setare). Dacă sunt instalate opțiuni, dezactivați-le.

Notă
Cadrele sunt un ajutor alternativ de navigare pentru zonele generale. Prin urmare, dacă există cadre pe site-ul Web, zonele partajate nu sunt utilizate.
5. În pagina din cadrul de sus, introduceți rubrica „Monumente arhitecturale”. Dați titlului dvs. stilul de paragraf Titlul 2 și aliniați-l la centru.
6. Faceți clic pe butonul Pagina nouă din cadrul inferior. Pe pagina creată, introduceți următoarea propoziție: „Pentru întrebări și comentarii, vă rugăm să contactați: [email protected]". Selectați textul introdus și în caseta de listă Dimensiune font din bara de instrumente Formatare, selectați 2. Dimensiunea fontului propoziției introduse va deveni 10 puncte.
7. Creați o pagină nouă în cadrul TOC (cadru din stânga). Introduceți următoarele trei rânduri de text (după ce ați introdus următorul rând, apăsați tasta):
Acropolă
Piramidele
Taj Mahal
8. Creați o pagină nouă în cadrul principal făcând clic pe butonul Pagina nouă. Apăsați tasta pentru a crea o linie goală. Pe al doilea rând, introduceți următoarea propoziție: „Bine ați venit în lumea arhitecturii!” Dați textului dvs. stilul de paragraf Titlul 1 și aliniați-l la centrul paginii. Faceți textul italic (selectați-l și faceți clic pe butonul italic din bara de instrumente Formatare).
Deci, paginile inițiale ale tuturor cadrelor sunt create. În continuare, vom face modificări în pagina de pornire a cadrului TOC.
9. Faceţi clic pe butonul New Page din bara de instrumente Standard. Va fi creată o nouă pagină goală, fără cadre. Activați comanda Clip Art din submeniul Imagine din meniul Inserare. Se va încărca caseta de dialog Galeria Clip Art. În câmpul Căutare clipuri, introduceți numele monumentului de arhitectură:
Acropolă. După ceva timp, rezultatele căutării vor fi prezentate (vezi mai jos) - o imagine a Acropolei. Selectați o imagine și faceți clic pe butonul Inserare clip din panoul care apare. Imaginea va fi plasată pe pagină.

10. Creați două pagini noi goale și plasați încă două imagini ale reperelor din biblioteca Clip Art pe ele: una cu piramidele egiptene și cealaltă cu Taj Mahal. În primul caz, în fereastra Clip Art Gallery, introduceți Pyramids ca criteriu de căutare, în al doilea - Taj Mahal.
11. Accesați pagina cu imaginea Acropolei. Faceți clic pe butonul Salvare. În caseta de dialog Salvare, furnizați un nume de fișier pentru pagina Acropole. htm și schimbați titlul implicit la Acropole. Faceți clic pe butonul Salvare. Se va încărca caseta de dialog Salvare fișier încorporat. Faceți clic pe butonul Schimbați folder. În fereastra cu același nume, selectați folderul Imagini. Închideți ambele ferestre folosind butoanele OK. Fișierul imagine va fi salvat în folderul Imagini
12. Salvați paginile cu imagini ale piramidelor și Taj Mahal. În primul caz, specificați Pyramids htm și Pyramids ca nume și titlu al fișierului de pagină, în al doilea - Taj_Mahal.htm și Taj Mahal.
13. Accesați pagina din cadrul TOC. Selectați cuvântul Acropole și faceți clic pe butonul Hyperlink din bara de instrumente Standard. În fereastra Creare hyperlink, selectați pagina Acropolis.htm. Cadrul țintă trebuie să conțină o intrare implicită a paginii (principală). Aceasta înseamnă că pagina (Acropolis.htm) către care este creat hyperlinkul va fi deschisă în cadrul principal. Puteți modifica cadrul țintă în caseta de dialog Cadru țintă care se deschide când faceți clic pe butonul Modificare cadru țintă. În lista Ținte comune a acestei ferestre, selectați elementul corespunzător. În special, dacă este selectat elementul New Window, atunci când faceți clic pe hyperlink, pagina se va deschide într-o nouă fereastră de browser, iar dacă este specificat articolul Same Frame, pagina se va deschide în același cadru în care hyperlinkul este localizat.

14. Urmând paragraful anterior, în cadrul TOC, creați încă două hyperlink-uri către paginile Pyramids.htm și Taj_Mahal.htm, inclusiv cuvintele Pyramids și respectiv Taj Mahal.Astfel, au fost create trei hyperlinkuri în cadrul TOC, la activarea căreia se vor deschide paginile corespunzătoare în cadrul principal.
15. Am terminat de creat pagina de cadre. Rezultatul este prezentat în Fig. 6.11.
16. Din meniul Fișier, alegeți comanda Salvare. Se va încărca caseta de dialog Salvare ca, solicitându-vă să salvați pagina aflată în cadrul de sus. Partea din dreapta a ferestrei Salvare ca arată compoziția paginii cu cadre (cadru care este salvat în prezent corespunde zonei umplute). Denumiți pagina Fr_header Faceți clic pe butonul Salvare. Apoi, în fereastra Salvare ca, vi se va solicita să salvați pagina cadrului inferior (paginile cadru sunt salvate în ordinea în care au fost create). Numiți pagina cadrului de jos FrJboter, cadrul cuprinsului - Fr_contents, cadrul principal - Fr_main. În cele din urmă, vi se va solicita să salvați pagina cu cadre. Dați-i numele Cadre și titlul „Monumente arhitecturale” (Fig. 6.12)

Orez. 6.11. Pagina cu cadre în vizualizarea pagină

Orez. 6.12. Procedura de salvare a unei pagini cu cadre

17. Încărcați pagina cu cadre în browser și vedeți cum va fi
să arate ca.

Orez. 6.13. Pagina Frames din browser

Un cadru are o serie de proprietăți pe care le puteți controla. Proprietățile cadru sunt setate în caseta de dialog Proprietăți cadru. Pentru a deschide această fereastră, faceți clic dreapta pe un cadru (de exemplu, pe un cadru TOC) și activați comanda Frame Properties din meniul contextual. Ca rezultat, caseta de dialog prezentată în Fig. 6.14. Elementele ferestrei Frame Properties sunt descrise în tabel. 6.5.

Tabelul 6.5. Proprietățile cadrului

Element Descriere
Nume Când creați un hyperlink pe o pagină de cadre, trebuie să specificați în dialogul Creare Hyperiink numele cadrului în care va fi încărcată pagina corespunzătoare atunci când acest link este activat
Pagina inițială Pagina inițială Acest câmp de introducere indică ce pagină va fi afișată prima în cadru când este încărcată
Marimea ramei Această zonă conține două câmpuri de introducere - Lățimea (lățimea) și Înălțimea rândului (înălțimea rândului) Aici puteți seta valori în pixeli, în unități relative sau ca procent din dimensiunea ferestrei browserului
Marje (câmpuri) Această zonă definește dimensiunea marginilor cadrului (spațierea dintre conținutul paginii și chenarele cadrului) și pixelii
Redimensionabil în browser Dacă această opțiune este setată, utilizatorul poate modifica dimensiunea cadrului în browser.
Afișați barele de defilare Acest câmp listă conține trei elemente Dacă este necesar (dacă este necesar) - barele de defilare sunt afișate numai dacă conținutul paginii nu se încadrează în fereastră, Niciodată - barele de defilare nu sunt afișate, indiferent de cantitatea de informații de pe pagină, Întotdeauna (întotdeauna ( de exemplu, bara de navigare), selectați elementul Nevei. Trebuie avut în vedere că modul în care este afișată pagina depinde de rezoluția ecranului. Prin urmare, cea mai bună opțiune este să selectați elementul Dacă este necesar. Dacă doriți să furnizați utilizator cu oportunitatea maximă de a vizualiza informațiile din cadru, selectați elementul Întotdeauna

Faceți clic pe butonul Pagina Frames din caseta de dialog Frame Properties pentru a deschide caseta de dialog Page Properties. Câmpul de introducere Spațiere cadre setează lățimea liniilor de separare dintre cadre de pe pagină. Opțiunea Afișare chenaruri determină dacă sunt afișate linii între cadre.

Cadre suplimentare pot fi create pe pagina de cadre. Efectuați următoarele acțiuni: în modul Vizualizare pagină, țineți apăsată tasta, mutați marginea de sus a cadrului principal ușor în jos, apoi eliberați tasta și butonul mouse-ului. Ca urmare, deasupra cadrului principal va fi creat un cadru (Fig. 6.15), care nu conține o pagină.

Orez. 6.15. Cadru nou

Sperăm că sunteți convinși că cadrele sunt un mijloc foarte convenabil de prezentare a informațiilor. Una dintre problemele care apar atunci când lucrați cu cadre este că nu toate browserele le acceptă. Netscape Navigator acceptă cadre începând cu versiunea 2 0, iar Internet Explorer - începând cu versiunea 3 0 Suport pentru cadre a fost introdus în HTML 3 2 Unii utilizatori folosesc încă browsere mai vechi. Prin urmare, rețineți că o parte semnificativă a publicului dvs. ar putea să nu poată vizualiza corect paginile cu cadre. Soluția la această problemă este crearea unei pagini No Flames (fără cadre) Dacă browserul utilizatorului nu acceptă cadre, se afișează pagina No Frames. Frontpage generează automat
Pagina Fără cadre când creați o pagină cu cadre Puteți verifica acest lucru făcând clic pe fila Fără cadre din partea de jos a ferestrei Frontpage când pagina cu cadre este deschisă Figura 6-16 arată pagina Fără cadre creată implicit. poate recomanda utilizatorului să folosească un browser care acceptă cadre. De asemenea, ar trebui să creați legături către acele site-uri Web de pe care puteți descărca un browser care acceptă cadre (de exemplu, site-ul Web Microsoft de pe care puteți descărca Internet Explorer 5.0)
Notă
Încărcarea unei pagini cu cadre durează mai mult decât o pagină web obișnuită, deoarece în realitate sunt încărcate mai multe pagini. Utilizarea cadrelor trebuie să fie rezonabilă.

Fig 6.16. Pagina No Flames în vizualizarea Pasu e

Proiectarea paginilor cadru în Frontpage este o ușoară, datorită numeroaselor funcții pe care Frontpage le oferă și editării WYSIWYG de către Frontpage.

Instituție de învățământ municipală

„Școala Gimnazială numărul 2

cu studiul aprofundat al limbilor străine”.


Munca practica

„Crearea unui site web în program Prima pagina "


Pregătite de: profesor de IT

Noyabrsk 2010

Lucrare practică „Dezvoltare site web”

Usmanova Svetlana Khamidullovna,

profesor de IT

MOU SOSH numărul 2
orașul Noyabrsk, districtul autonom Yamalo-Nenets, regiunea Tyumen.


Ţintă: învățați cum să creați pagini web interconectate, să inserați obiecte WordArt, linie târâtoare, imagini, butoane, hyperlinkuri, salvați un document.

Progres:

    Deschideți un program FrontPage. Fișier → Nou → Site Web cu o singură pagină. Deschide pagina de pornire index.htm Completați prima pagină: inserați imagini, butoane, linie târâtoare.
    Creați 3 pagini. Faceți linkuri de la prima pagină către alte pagini.

    Pe fiecare pagină, creați un link către pagina de pornire. Salvați pagini numite „Proverbe”, „Gicitori”, „Spuneri”. Schimbați culoarea de fundal pe fiecare pagină.

Subiect: Utilizarea tabelelor (Editor FrontPage)

Obiectivele lecției:

    extinderea și aprofundarea înțelegerii instrumentelor și metodelor de web design;

    formarea abilităților de utilizare a tabelelor în editorul FrontPage pentru plasarea informațiilor pe paginile web;

    dezvoltarea gândirii logice, abilități de analiză, comparație, sistematizare, generalizare.

    educație pentru independență, perseverență și acuratețe.

Tip de lecție: o lecție de asimilare a noilor cunoștințe și abilități.

Elevii ar trebui să fie capabili să: utilizați tabele pentru a posta informații pe paginile web.

Software și suport metodologic al lecției: Editor FrontPage;
manual „Informatică 11”, § 5.3.

În timpul orelor.

    Testarea cunoștințelor din lecția anterioară

    Actualizarea cunoștințelor și motivarea elevilor să învețe materiale noi

    Explicația noului material

4. Asigurarea unuia nou

5. Rezumând lecția

6. Tema pentru acasă

1. Testarea cunoştinţelor din lecţia anterioară(metoda de predare reproductivă, formă individuală și frontală de muncă).

Efectuarea sarcinilor individuale pe un computer: în editorul FrontPage creați o pagină web care conține text și grafică (exercițiu pentru § 5.2 din tutorial).

Invitați elevii să răspundă la întrebările: Care este scopul unui editor FrontPage? Ce opțiuni de formatare a textului are FrontPage? Cum se setează dimensiunea fontului pe paginile web?

2. Actualizarea cunoștințelor și motivarea elevilor de a studia materiale noi ( formă frontală de muncă).

Înainte de a începe să explicați noul material, cereți elevilor să identifice elementele de design de bază ale paginilor web. În timpul conversației, listați lista sarcinilor pentru soluția a căror tabele sunt utilizate în editorul de text MS Word.

3. Explicarea noului material(metodă de predare explicativă și ilustrativă în combinație cu căutare parțială, formă frontală de lucru).

Începeți explicația cu întrebarea: cum puteți specifica plasarea textului și a imaginilor în locurile date de pe pagină? Una dintre cele mai utilizate metode până acum este utilizarea tabelelor, în celulele cărora sunt plasate diverse elemente de text și grafice. Se poate observa că plasarea informațiilor pe paginile web folosind tabele se numește aspect de tabel.

Crearea de tabele

Tabelele de pe paginile web sunt plasate folosind butonul Tabel, Inserare, Tabel.

Se deschide o fereastră în care sunt setați parametrii tabelului:

La fereastră Marimea cantitatea este stabilită siruri de caractereși coloane masa ta.

La fereastră Frontiere este stabilit marimea chenaruri de masă,

La fereastră culoare - culoarea chenarului

fundal, Culoare culoarea dorită.

Faceți clic pe butonul O.K.

Vezi rezultatul:


În modul ConstructorÎn modul Vedere

Daca te schimbi Marimea tabele și pune 0 în loc de 1, atunci vei avea un tabel cu margini invizibile în modul Vedere.

Vezi rezultatul



În modul ConstructorÎn modul Vedere

Notă:

Combinarea celulelor:

    Selectați celulele care urmează să fie îmbinate

    1 dată pr. Kn. mouse-ul și preia comanda Uneste celulele

Modificarea tabelului:

    Proprietățile tabelului

4. Asigurarea de material nou(metoda de predare de căutare parțială, formă individuală de muncă).

Invitați elevii să se așeze la computere și să îndeplinească sarcinile exemplului 1 din § 5.3 din manual, exercițiul 1 din § 5.3 din manual. Când ați terminat, vizualizați paginile generate într-un browser.

5. Rezumând lecția

Invitați cursanții să enumere pe scurt scopul și principalele caracteristici ale utilizării tabelelor în proiectarea paginilor web.

1.Ce ne-am întâlnit astăzi?

    Cum să faci o masă cu chenare invizibile?

    Dați un exemplu de ce ar fi nevoie de un tabel cu chenare invizibile.

Rafinați și rezumați răspunsurile după cum este necesar.

6. Tema pentru acasă

Studiați materialul din § 5.3 din ghidul de studiu, răspundeți la întrebările 1-2.

La fereastră Marimea cantitatea este stabilită siruri de caractereși coloane masa ta.

La fereastră Frontiere este stabilit marimea chenaruri de masă,

La fereastră culoare - culoarea chenarului

Dacă doriți ca întreaga dvs. masă să fie de o anumită culoare, setați în fereastră fundal, Culoare culoarea dorită.

Faceți clic pe butonul O.K

Modificarea tabelului:

    Apăsând 1 dată pr. Kn. mouse-ul peste masă și preluați comanda Proprietățile tabelului

Funcțiile tabelelor la crearea paginilor Web sunt variate. Aici sunt câțiva dintre ei:

  • Alinierea informațiilor datorită locației sale în celulele tabelului. Folosind tabele, textul poate fi prezentat sub formă de coloane
  • Alinierea titlurilor formularelor și câmpurilor
  • Dispunerea textului și a graficelor în diferite coloane pe o pagină Web
  • Folosind tabele imbricate
  • Setarea unui fundal diferit pentru anumite părți ale paginii

Cea mai obișnuită utilizare a tabelelor în paginile Web este alinierea informațiilor care conțin text și grafice, deoarece caracterele și paragrafele sunt formatate folosind mijloace pe care unele browsere le-ar putea ignora (de exemplu, linii goale).

FrontPage oferă instrumente pentru foi de calcul care simplifică majoritatea sarcinilor practice. Comenzile pentru lucrul cu tabele facilitează crearea și editarea tabelelor, precum și organizarea și formatarea datelor pe care le conține.

Tabelul poate fi inserat oriunde în pagina web. Puteți utiliza următoarele instrumente pentru a crea tabele:

  • Echipa Introduce meniul (Inserare). masa(Masa)
  • Buton Adăugați un tabel(Insert Table) bara de instrumente standard

O modalitate alternativă de a crea tabele este utilizarea comenzii Desenați masa meniul (Desenați tabel). masa si de asemenea butonul Desenați masa barele de instrumente Mese... Acest instrument vă permite să creați un tabel cu o configurație mai complexă (de exemplu, cu celule de diferite dimensiuni). În acest caz, pur și simplu desenați tabelul necesar cu mouse-ul, așa cum l-ați desena cu un creion pe hârtie.

Dacă informațiile pe care doriți să le plasați într-un tabel sunt deja în documentul dvs. ca text, puteți converti textul într-un tabel. Dar mai multe despre asta mai târziu.

Înainte de a continua direct cu crearea unui tabel, ar trebui să aveți cel puțin o idee aproximativă despre câte coloane și rânduri ar trebui să aibă un tabel. În acest moment, nu trebuie să specificați exact parametrii tabelului. Odată creat, puteți adăuga și/sau elimina coloane și rânduri după cum credeți de cuviință.

Crearea unui tabel folosind butonul „Adăugați tabel”.

Cel mai simplu mod de a crea un tabel cu o structură obișnuită este să folosești butonul Adăugați un tabel(Inserați tabelul). În acest caz, lățimile coloanelor sunt setate automat pe baza lățimii documentului și a numărului de coloane. Dacă este necesar, puteți modifica ulterior lățimea fiecărei coloane. Urmați acești pași pentru a crea un tabel:

1. Poziționați cursorul acolo unde doriți să poziționați tabelul pe pagina Web.

2. Faceți clic pe butonul Adăugare masa(Inserați tabel) O miniatură a tabelului va apărea pe ecran.

3. Plasați cursorul pe oricare dintre celulele din imaginea tabelului și țineți apăsat butonul mouse-ului. Numărul curent de rânduri și coloane va fi afișat în partea de jos a imaginii (de exemplu: un tabel 3x4). Mutați cursorul mouse-ului către celula care se va potrivi cu dimensiunea tabelului dorit. Amestecând indicatorul spre dreapta sau jos va crește dimensiunea grilei în consecință.

4. În cele din urmă, eliberați butonul mouse-ului. Un tabel cu dimensiunea necesară va apărea în locația specificată pe pagină.

Dacă ai apăsat butonul Adăugați un tabelși a indicat către o celulă din imaginea tabelului, apoi v-ați răzgândit și a decis să nu creați un tabel, mutați indicatorul mouse-ului în afara tabelului, astfel încât să apară un mesaj de anulare în partea de jos a imaginii. Acum puteți elibera butonul. Operația de creare a tabelului va fi anulată.

Creați un tabel folosind comanda Desenați tabel

Cele mai extinse posibilități de creare a tabelelor sunt oferite de comandă Desenați masa meniul (Desenați tabel). masa si butonul Desenați masa barele de instrumente Mese... Spre deosebire de metodele anterioare, concepute pentru a forma tabele cu cea mai simplă structură, folosind comanda Desenați masa puteți crea cu ușurință un tabel cu o structură complexă. Pentru a face acest lucru, urmați acești pași:

1. Pregătiți un loc pentru a crea masa.

2. În meniu masa alege echipa Desenați masa sau apăsați butonul Desenați masa pe bara de instrumente Mese.

3. Setați marginile exterioare ale tabelului. Pentru a face acest lucru, plasați indicatorul în orice colț al tabelului și faceți clic pe butonul mouse-ului. Fără a-l elibera, mutați indicatorul în colțul opus al tabelului, apoi eliberați butonul mouse-ului. Când definiți limite, nu încercați să stabiliți imediat limite precise. În viitor, puteți redimensiona atât tabelul ca întreg, cât și celulele individuale.

4. Procedând în mod similar la trasarea liniilor pentru coloane și rânduri.

Sfat Dacă, în timp ce lucrați la un tabel, trebuie să ștergeți o linie (rând sau coloană), selectați din panou masa instrument Radieră(Şterge). Apoi poziționați indicatorul mouse-ului la începutul liniei, apăsați butonul mouse-ului și trageți indicatorul până la sfârșitul liniei, apoi eliberați butonul mouse-ului.

Programul FrontPage este lansat de Microsoft și este realizat în același stil de produse incluse în pachetul Microsoft Office, astfel încât aspectul programului practic nu diferă de procesorul de text Word.

În partea de sus a ferestrei se află bara de meniu și două bare de instrumente: Standard și Formatare. Puteți activa sau dezactiva afișarea barelor de instrumente folosind meniul Vizualizare. În partea stângă se află Panoul de vizualizare, cu ajutorul căruia puteți comuta între modurile documentului. Partea principală a ferestrei este ocupată de zona de lucru, în care pot fi deschise una sau mai multe ferestre care conțin documente individuale. În partea de jos a ferestrei există o bară de stare care conține informații de ajutor. De asemenea, în partea de jos a ferestrei există trei butoane pentru vizualizarea documentului. Afișarea barelor de instrumente. Puteți utiliza aceleași metode pentru a gestiona barele de instrumente în FrontPage ca și în Microsoft Word. Și anume: în meniul View, selectați elementul Toolbars, iar în noul submeniu care se deschide, bifați casetele de lângă acele bare de instrumente de care aveți nevoie; sau faceți clic dreapta pe orice panou de control (sau pe zona de lângă acesta) și utilizați meniul contextual în același mod.

FrontPage, ca și alte aplicații Microsoft Office, vă permite să adăugați, să eliminați și să schimbați elemente de meniu și butoane pe barele de instrumente. De asemenea, este posibil să vă creați complet propriile panouri. Pentru asta ai nevoie de:

  • selectați elementul Setări din meniul Service.
  • selectați elementul Bare de instrumente din meniul Vizualizare și elementul Setări din meniul în cascadă care apare. În urma acțiunilor dvs., se va deschide caseta de dialog Setări, unde puteți instala panourile necesare.

Lucrul cu pagini web

Crearea unei noi pagini web

Dacă porniți FrontPage, ați creat deja o nouă pagină Web (pornirea FrontPage deschide imediat o nouă pagină Web goală, gata să găzduiască text și orice alte elemente). Există și alte modalități de a crea o pagină web nouă:
  • folosind butonul Pagina nouă din bara de instrumente Standard.
  • meniul Fișier, selectați submeniul Nou și apoi Pagina sau site-ul Web;
  • folosind combinațiile Ctrl + N;
  • folosind meniul contextual (funcționează în toate modurile, cu excepția modurilor Tasks și Reports - pentru aceasta în interiorul List of folders on this Web), faceți clic dreapta și selectați New - Page în meniul contextual care apare.

Crearea de pagini cu vrăjitori și șabloane

După cum sa menționat mai sus, dacă ați folosit Fișier - Nou - Pagina sau Site Web pentru a crea o pagină nouă, FrontPage vă solicită să utilizați un șablon pentru a crea o pagină nouă. Pentru a face acest lucru, va deschide o casetă de dialog, al cărei aspect este prezentat mai jos:


Fila General a acestei casete de dialog listează șabloanele FrontPage care sunt disponibile în prezent. După ce ați ales oricare dintre șabloane, puteți vedea descrierea acestuia în câmpul Sample.

Crearea FrontPage Web.

Microsoft FrontPage Web este o colecție de pagini Web, fișiere imagine și alte componente care pot fi vizualizate ca un întreg. Dacă creați un site în FrontPage, atunci este cel mai convenabil să utilizați FrontPage Web pentru a-l stoca.
  • cel mai mare plus este capacitatea de a redenumi fișierele care fac parte din FrontPage Web. Imaginați-vă că, înainte de a vă publica site-ul pe Internet, ați observat brusc că le-ați denumit câteva fișiere cu nume rusești. "Oh, Dumnezeule!" - te gândești, - "Acum trebuie să urci toate fișierele și să schimbi legăturile cu pixurile!" Aici intervine FrontPage Web - puteți redenumi în siguranță fișierele, iar FrontPage va parcurge singur toate celelalte fișiere din FrontPage Web și va redenumi toate legăturile către fișierul pe care l-ați revizuit. Grozav!
  • Nu voi descrie toate celelalte avantaje, dar aș dori să spun că pentru a folosi toate caracteristicile FrontPage, este mai bine să utilizați FrontPage Web.
Deci, pentru a crea un nou FrontPage Web, faceți clic pe săgeata situată în stânga butonului New Page din bara de instrumente și în meniul drop-down care apare, selectați Web Site...

Deschiderea paginilor web

Foarte des, atunci când creați un site, trebuie să editați pagini Web deja create. Puteți reveni la aceeași pagină de câte ori doriți să o editați sau să utilizați porțiuni din ea pentru a crea pagini Web noi. Puteți deschide o pagină Web existentă în oricare dintre modurile existente. Din Vizualizări de pagină, există patru moduri de a deschide o pagină existentă:

1 cale
Dacă utilizați FrontPage Web, pur și simplu selectați fișierul dorit din Lista de foldere și faceți dublu clic pe el.

2 sensuri
Din meniul Fișier, selectați Fișiere recente. Selectați fișierul dorit din meniul în cascadă care apare.

3 căi
Folosind caseta de dialog Open File: File Open.

previzualizare

Pentru a vedea cum arată pagina dvs. direct în browser, puteți utiliza fila Vizualizare în modul de editare a paginii Web. Dar, în acest caz, se poate dovedi că browserul FrontPage nu afișează corect unele elemente ale paginii dvs., așa că cel mai bine este să:
  • utilizați butonul Vizualizare din bara de instrumente
  • în meniul Fișier, selectați Previzualizare browser.
Dacă ați folosit prima metodă, atunci conținutul paginii dvs. va fi afișat în browserul FrontPage încorporat. Dacă ați folosit a doua metodă, FrontPage afișează caseta de dialog Vizualizare browser....

Aici poti:
  • Selectați browserul în care doriți să vizualizați pagina dvs. Web. De regulă, aici este afișat inițial browserul, care este instalat implicit pe computer.
  • Adăugați orice alt browser, pentru care trebuie să utilizați butonul Adăugare.
  • Editați sau eliminați browserele instalate.
  • Setați dimensiunea ecranului pe care va fi vizualizată pagina dvs. web

Salvarea paginilor Web Pentru a salva un fișier, în meniul Fișier, alegeți Salvare. Dacă pagina nu a fost încă salvată, FrontPage va deschide caseta de dialog Salvare ca....

În mod implicit, FrontPage preia prima linie de text din pagina dvs. în loc de titlul paginii. Nu este întotdeauna ceea ce aveți nevoie. Puteți schimba numele paginii folosind butonul Modificare - făcând clic pe acest buton se deschide caseta de dialog Titlul paginii, în care puteți schimba numele paginii.

Eliminarea paginilor web

Când lucrați cu un site web, mai devreme sau mai târziu se va întâmpla să nu mai aveți nevoie de niște pagini și să doriți să le ștergeți. Există trei moduri de a șterge o pagină Web.

1 cale
În panoul Listă foldere, selectați fișierul pe care doriți să îl ștergeți și apăsați butonul Ștergere de pe tastatură.

2 sensuri
În panoul Listă foldere, faceți clic dreapta pe fișierul (sau pictograma fișierului) pe care doriți să îl ștergeți și selectați elementul Ștergere din meniul contextual care apare.

3 căi
În panoul Listă foldere, selectați fișierul pe care doriți să îl ștergeți și apoi selectați Ștergere din meniul Editare.

Lucrați cu text

La prima vedere, introducerea textului în FrontPage nu este diferită de introducerea textului în orice editor de text (de exemplu, Microsoft Word). Pentru a tasta text, trebuie doar să faceți clic cu mouse-ul oriunde pe pagină, iar cursorul va fi plasat în cel mai apropiat punct unde puteți introduce text. Tastarea majusculelor, editarea textului (ștergerea caracterelor, introducerea textului etc.) se face în același mod ca în Microsoft Word. Există un singur DAR mic: când apăsați tasta Enter în FrontPage, cursorul este forțat pe o nouă linie, cu indentări fixe ale paragrafului înainte și după paragraf. Dacă nu trebuie să creați paragrafe, atunci cel mai bine este să utilizați combinația de taste Shift + Enter pentru a trece la o nouă linie.

Lucrul cu imagini

Inserarea imaginilor într-o pagină web

Există mai multe moduri de a insera o imagine în pagina dvs. web:
1. Trageți imaginea din Windows Explorer (adică direct din Explorer).
2. Trageți imaginea din Internet Explorer.
3. Trageți fișierul imagine din panoul Listă foldere direct pe pagină.
4. Folosind clipboardul - copiați imaginea în clipboard din orice alt program, apoi lipiți-o în pagină din clipboard. 5. Folosind butonul Adăugare imagine din fișier din bara de instrumente Standard.
6. Folosind meniul Insert -Figure.
Să luăm în considerare aceste metode mai detaliat:

Metoda 1 Pentru a trage o imagine din Windows Explorer (adică direct din Explorer), trebuie să:

  • deschide fereastra exploratorului;
  • în fereastra exploratorului, selectați fișierul cu imaginea pe care doriți să o introduceți în pagina dvs.;
  • cu butonul stâng al mouse-ului, trageți fișierul imagine pe pagina dvs. Web și introduceți imaginea în locul în care se afla punctul de inserare pe pagină.
Metoda 2
Pentru a trage o imagine din Internet Explorer:
  • în FrontPage, deschideți pagina în care doriți să adăugați imaginea;
  • în browser, deschideți imaginea pe care doriți să o plasați pe pagina web a browserului dvs., numele fișierului trebuie să se termine în jpg, jpeg, gif);
  • cu butonul stâng al mouse-ului, trageți imaginea evidențiată pe pagina dvs. Web;
Metoda 3
Pentru a trage un fișier cu o imagine din panoul Listă foldere, direct pe pagină, trebuie să:
  • în FrontPage, deschideți pagina în care doriți să adăugați imaginea;
  • selectați fișierul dorit cu o imagine în panoul Listă foldere;
  • cu butonul stâng al mouse-ului trageți imaginea evidențiată pe pagina dvs. Web;
  • poza selectată este inserată în locul în care se afla punctul de inserare pe pagină.
Metoda 4
Pentru a lipi o imagine în pagina web folosind clipboard-ul, trebuie să:
  • în aplicația din care doriți să copiați fotografia, selectați imaginea și utilizați tastele Ctrl + C pentru a copia fotografia în clipboard;
  • pe pagina dvs. web inserați această imagine din clipboard folosind tastele Ctrl + V
Metoda 5
Dacă alegeți să utilizați butonul Adăugare imagine din fișier din bara de instrumente Standard pentru a insera o imagine în pagina dvs. Web, FrontPage va deschide caseta de dialog Imagine. În această casetă de dialog, specificați fișierul imagine pe care doriți să-l adăugați la pagina dvs. Web și faceți clic pe butonul Inserare.


Metoda 6
Dacă alegeți să utilizați meniul Inserare imagine pentru a insera o imagine în pagina dvs. Web, FrontPage vă solicită să faceți o altă alegere:
  • Imagini ... - alegerea acelui element de meniu vă oferă posibilitatea de a utiliza o bibliotecă de imagini gata făcută.
  • Din fișier... - selectarea acestui element de meniu vă oferă posibilitatea de a indica în mod independent locația fișierului imagine pe care doriți să-l adăugați la pagina dvs. Web (folosind acest element se va deschide caseta de dialog Imagine, a cărui lucrare a fost descrisă mai sus ).
  • Creați o colecție de fotografii... - folosind acest element de meniu puteți crea o colecție de imagini într-un anumit stil. Pentru a face acest lucru, în fereastra de proprietăți a colecției de fotografii care se deschide, folosind butonul Adăugare din fila Imagini, selectați imagini, iar în fila Aspect, selectați formatarea.

Adăugarea fișierelor media

Pe lângă elementele grafice simple, cum ar fi - imagini în * .gif, * .jpg, * .png etc. FrontPage vă permite să găzduiți fișiere multimedia pe paginile dvs. Web. Acestea includ: clipuri video, sunete...
Pentru a insera un clip video, selectați elementul Imagine din meniul Inserare și apoi Înregistrare video...


Se va deschide caseta de dialog Video, afișând clipuri video în format * .avi, * .asf, * .ram, * .ra. Puteți adăuga sunet la o pagină Web în fila General din caseta de dialog Proprietăți pagină.

Lucrul cu tabele

Foaia de calcul este unul dintre cele mai puternice instrumente folosite pentru a crea site-uri web. Inițial, tabelele au fost folosite doar pentru a reprezenta date structurate. Cu toate acestea, acestea au evoluat treptat într-un instrument puternic de aspect general pentru paginile Web.

Crearea de tabele

Cel mai simplu mod de a crea un tabel este să utilizați butonul Tables -Add Table situat în bara de instrumente Standard. O altă modalitate este să utilizați elementul de meniu Table-Insert - Table. Și, de asemenea, tabelul poate fi desenat și lipit folosind clipboard-ul.

Introducerea datelor și navigarea în tabel.

Unul dintre lucrurile grozave despre tabele este că textul pe care îl introduceți este formatat într-o celulă în același mod în care suntem obișnuiți să-l formatăm în întregul document. Textul plasat într-o celulă este împachetat automat la o nouă linie dacă lungimea sa depășește lățimea coloanei. Apăsând tasta Enter se inserează un nou paragraf ca de obicei. Textul sau numerele sunt introduse în tabel folosind tastatura. Înainte de a introduce date în tabel, este necesar să plasați cursorul text în celula dorită a tabelului. Acest lucru se poate face făcând clic pe el cu mouse-ul. Cu toate acestea, este mai convenabil să utilizați comenzile rapide de la tastatură pentru a vă deplasa între celule:

Crearea și aplicarea formularelor

Formularele sunt casete de text, butoane radio, casete de validare, butoane și multe alte controale. Un vizitator al site-ului trebuie doar să introducă unele informații într-un anumit câmp de text, să selecteze niște date din lista propusă, să facă clic pe butonul Trimite, astfel încât datele să fie trimise către serverul Web pentru procesare (sau procesate chiar acolo pe pagină.
Dar crearea de formulare pe pagina în sine este doar jumătate din treabă. Deoarece trebuie neapărat să existe un program care să poată prelucra datele introduse de utilizator prin intermediul formularelor.
Un astfel de program poate fi localizat pe un server; poate fi localizat pe site-ul dvs. Web ca fișier separat sau poate fi pur și simplu scris în codul html de pe pagina dvs. Web. Ea este cea care stabilește ce se va întâmpla cu informațiile introduse de utilizator:
  • informațiile pot fi adăugate în baza de date și diferite diagrame, ratingurile pot fi construite pe baza acesteia ...;
  • informațiile pot fi transmise prin e-mail (aceasta este adesea folosită pentru a obține informații despre utilizator în chestionare de diferite tipuri);
  • informația poate fi procesată chiar la fața locului, iar vizitatorul site-ului dvs. va primi imediat informații de răspuns (de exemplu, va primi puncte pentru test, vede informațiile pe care le-a introdus în cartea de oaspeți...).
Există mai multe reguli de bază privind formularele:
1. Fiecare formular ocupă o anumită zonă a paginii web. O pagină web poate conține unul sau mai multe formulare.
2. Fiecare formular trebuie să conțină cel puțin unul dintre elementele formularului (deși, de regulă, există mai multe).
3. Fiecare element al formei are un nume și o semnificație. Numele identifică câmpul pentru introducerea informațiilor, iar valoarea este egală cu valoarea selectată de utilizator.
4. Unul dintre elementele formularului (poate fi un buton obișnuit sau orice imagine) ar trebui să funcționeze ca un buton Trimitere.

Crearea formularelor în FrontPage

Pentru a adăuga un formular la o pagină Web, trebuie să:
  • Poziționați cursorul acolo unde doriți să introduceți formularul.
  • În meniul Inserare, selectați elementul Formular, în meniul care se deschide, selectați din nou elementul Formular. Formularul va fi plasat pe pagina dvs. Web - va apărea o zonă marcată cu o casetă punctată cu două butoane: Trimiteți și Resetare.
  • Folosind același element de meniu Inserare  Formular, introduceți secvențial elementele de formular de care aveți nevoie, selectându-le din meniul derulant în cascadă (rețineți că toate elementele de formular sunt inserate în interiorul zonei de formular marcate cu un cadru punctat).

După ce formularul este creat, rămâne doar să-l umpleți cu conținut - elemente de formular, text, imagini, tabele ... (în acest caz, dimensiunea formularului se va schimba automat). Puteți adăuga conținut la formulare în mod obișnuit. De exemplu, puteți introduce text sau îl puteți lipi din clipboard... Toate acțiunile cu obiectele adăugate sunt similare. Cu toate acestea, crearea unui formular este doar începutul. După crearea sa, este necesar să configurați proprietățile atât ale formei în sine, cât și ale elementelor sale.

Setarea proprietăților formularului

Pentru a procesa sau a salva datele introduse de vizitatorii unei pagini Web, trebuie fie să utilizați capabilitățile oferite de Extensiile de server FrontPage, fie un alt program care rulează pe serverul Web. Dar indiferent de programul pe care îl alegeți, tot trebuie să ajustați proprietățile formularului și ale elementelor din acesta. Pentru a deschide fereastra de proprietăți a formularului, trebuie să:
în meniul Inserare, selectați Formular, apoi -
sau
apelați meniul contextual pentru formular și selectați elementul Proprietăți formular din meniul contextual care se deschide.
Aceasta va deschide caseta de dialog Proprietăți formular.


1. În câmpul Salvare rezultate, trebuie să specificați ce trebuie făcut cu datele introduse în formular. Puteți alege dintre următoarele opțiuni:
o Încărcați numele fișierului - datele vor fi trimise la fișierul specificat pe serverul Web. Acest fișier poate fi o pagină Web care devine din ce în ce mai lungă în timp, sau un fișier de date care poate fi apoi procesat în Excel, Access sau orice alt program;
o Trimiterea adresei de e-mail - în acest caz, de fiecare dată când un vizitator al unei pagini Web face clic pe butonul Trimite din formular, un mesaj de e-mail va fi generat și trimis la adresa specificată de dvs. Acest mesaj va conține toate datele care au fost introduse de utilizator pe pagina Web.
o In baza de date - in acest caz, datele formularului vor fi trimise in baza de date. Baza trebuie să fie localizată pe serverul web (sau să fie accesibilă acestuia).
2. În câmpul Form Properties, trebuie să specificați numele formularului

Vizualizări FrontPage

FrontPage oferă șase moduri diferite pentru vizualizarea conținutului site-ului Web:
  • Pagină,
  • foldere,
  • Rapoarte,
  • Tranziții,
  • hyperlinkuri,
  • Sarcini.
Pentru a selecta modul dorit, puteți utiliza panoul Vizualizări situat în partea stângă a ecranului sau puteți selecta elementul de meniu corespunzător din meniul Vizualizare din bara de instrumente Standard.

Pagină

Acest mod este folosit pentru a crea și edita pagini Web. Aici puteți crea pagini web goale și pagini bazate pe șabloane, puteți atribui paginilor teme (un set de stiluri de afișare a paginii). În acest mod, puteți adăuga și formata text, proiectați pagini folosind imagini grafice și video (este acceptată conversia unui număr de formate grafice în formatele * .gif, * .jpg și * .png), adăugați sunet la pagină, prezentați informații în formulare de tabele, cadre etc. și, în final, creați hyperlinkuri. Aceasta nu este o listă completă a capabilităților FrontPage pentru editarea conținutului paginilor Web.

Foldere

În acest mod, puteți vizualiza și gestiona structura unui site Web (fișiere și foldere) în același mod ca și în Windows, acest mod vă oferă posibilitatea de a obține informații mai detaliate despre fișiere și foldere decât sunt furnizate în Vizualizare pagina.

Rapoarte

Vă oferă peste o duzină de rapoarte care conțin o varietate de informații despre un site Web deschis în FrontPage.

Tranziții

Conceput pentru a vizualiza ierarhia site-ului. În acest mod, puteți manipula ierarhia trăgând și plasând dreptunghiuri (fiecare reprezentând o anumită pagină Web).

Hiperlinkuri

Demonstrează un sistem de hyperlinkuri care leagă paginile unui site Web (precum și un sistem de hyperlinkuri către alte site-uri), verifică integritatea acestora și le permite să se schimbe.

Sarcini

Acest mod este pentru gestionarea sarcinilor site-ului Web (adăugarea, ștergerea, executarea, prioritizarea și monitorizarea stării sarcinilor).

Întrebări pentru autocontrol

  1. Cum se creează o pagină nouă în editorul Front Page?
  2. Cum deschid o pagină web existentă?
  3. Cum salvez paginile web finalizate?
  4. Descrieți o modalitate de a insera o imagine grafică într-o pagină web.
  5. Care este principiul lucrului cu text?
  6. Ce sunt formele?
  7. Care sunt modurile de vizualizare a paginilor web în Prima Pagina

Top articole similare