Descrierea programului Microsoft Office Frontpage. Utilizarea șabloanelor și a vrăjitorilor Microsoft FrontPage Scopul editorului de design vizual Microsoft Frontpage

Microsoft Office FrontPage 2003 este un program unic cu ajutorul căruia puteți crea cu ușurință un site web. Prezența ajutorului, multe programe simple, s-ar putea spune că sunt un instrument indispensabil pentru începători. Pentru a afla mai multe despre capacitățile Microsoft Office FrontPage, vom lua în considerare un set de comenzi posibile.

Pentru a optimiza textul HTML atunci când publicați o pagină, trebuie să configurați site-ul la distanță.

1. În vizualizarea Site Web la distanță, în fila Site Web, faceți clic pe butonul Optimizare text HTML publicat.

2. În fila Optimizați HTML, selectați Când publicați, optimizați HTML eliminând următoarele elemente.

3. Selectați opțiunile dorite.

Note

· Microsoft FrontPage nu aplică aceste setări paginilor Web publicate anterior pe site-ul Web. Pentru a aplica aceste setări unei pagini, publicați-le pe un site Web.

· Puteți optimiza textul HTML atunci când publicați de la un site web local la unul de la distanță, dar nu și invers.

· Dacă bifați caseta de selectare Toate adnotările HTML sau Adnotări în șabloane web dinamice, atunci când optimizați textul HTML, FrontPage elimină tot codul șablon de web dinamic pentru acea pagină. Prin urmare, tot conținutul paginii asociate șablonului web dinamic nu va mai fi afișat vizitatorilor site-ului. Cu Componentele Web din Microsoft FrontPage, o gamă largă de funcționalități pot fi incluse într-un site Web, de la contoare de accesări, care înregistrează numărul de vizitatori pe pagină, până la colecții de fotografii, care sunt colecții de grafică. Există două tipuri de componente web: componente de proiectare-timp și componente de vizualizare. Componentele de timp de proiectare sunt instrumente pentru crearea și dezvoltarea paginilor web. Sunt disponibile în FrontPage. Când adăugați o componentă în timp de proiectare la un site Web - de exemplu, o galerie foto sau o bară de linkuri - nu este nevoie să instalați software suplimentar sau tehnologie server pe serverul Web care găzduiește site-ul Web. Componentele Watchtime sunt disponibile pe site-urile web găzduite pe servere Web care rulează Microsoft FrontPage Server, Microsoft SharePoint Team Services sau Microsoft Windows SharePoint Services.

· Un hyperlink este o legătură între pagini web sau fișiere. Când un vizitator al site-ului face clic pe un hyperlink, obiectul specificat este afișat în browserul web, se deschide sau pornește, în funcție de tipul acelui obiect. De exemplu, când faceți clic pe un hyperlink către o pagină, pagina respectivă apare în browserul dvs. web și când faceți clic pe un hyperlink către avi-fișierul acestui fișier se deschide în Windows Player. Modalități de utilizare a hyperlinkurilor:

Navigați la un fișier sau o pagină web din rețeaua dvs. locală, intranet sau Internet

Navigați la un fișier sau o pagină web care va fi creată în viitor

Trimiterea unui mesaj prin e-mail

Lansarea unui transfer de fișiere, cum ar fi descărcarea unui fișier sau trimiterea unui fișier printr-un protocol FTP

Tranziția către marcaj

După crearea unui hyperlink, urmați-l până la destinație pentru a vă asigura că acesta duce la pagina, programul, fișierul, adresa de e-mail dorită. Când plasați mouse-ul peste text sau grafică care conține un hyperlink, acesta se transformă într-o mână cu degetul arătător ridicat, ceea ce înseamnă că puteți face clic pe element. În Microsoft FrontPage, hyperlinkurile sunt navigate și afișate diferit în funcție de țintă. Când se creează un hyperlink, destinația acestuia este codificată într-un format URL (Uniform Resource Locator). Adresa URL specifică protocolul (cum ar fi HTTP sau FTP) și conține numele server web sau locația rețelei și calea și numele fișierului, așa cum se arată în tabel.

Hiperlinkurile din imagini nu sunt întotdeauna vizibile. Cu toate acestea, pentru a verifica dacă o imagine este un hyperlink, trebuie doar să plasați cursorul peste ea. Când plasați cursorul peste un hyperlink, indicatorul mouse-ului se transformă într-o mână cu un deget index ridicat. Puteți crea un hyperlink ca text sau grafică. Un hyperlink text este un cuvânt sau o expresie căreia i se atribuie adresa Url destinaţie. Un hyperlink de imagine este o imagine căreia i s-a atribuit o adresă URL de destinație. Această adresă poate fi atribuită unui desen în unul din cele două moduri.

· Un hyperlink implicit este atribuit întregii imagini. În acest caz, făcând clic pe orice parte a desenului se afișează obiectul țintă. De exemplu, un buton este o imagine care are un hyperlink implicit atribuit.

· Unui desen i se pot atribui unul sau mai multe puncte fierbinți, adică se pot specifica zone ale desenului care sunt hyperlinkuri. Un desen care conține puncte fierbinți se numește hipermapă. De exemplu, o hipermapă poate fi un grafic care reprezintă diferite secțiuni ale unui site web, cum ar fi pagina de pornire, pagina de catalog și așa mai departe. Pentru a afișa o pagină, un vizitator al site-ului face clic pe zona corespunzătoare a hipermapei.

Cum sunt afișate hyperlinkurile: în browserele web, hyperlinkurile textuale sunt de obicei subliniate și afișate într-o altă culoare. Este posibil să selectați culorile care vor fi utilizate în browserul web pentru a afișa hyperlinkuri. Când utilizați atribute HTML standard, puteți alege trei culori pentru a corespunde diferitelor stări ale hyperlinkurilor. Hyperlink - Un hyperlink neutilizat. Hyperlink activ - hyperlinkul selectat în prezent. Hyperlink vizitat - un hyperlink care a fost deja urmat. Un marcaj este un anumit loc sau text selectat pe o pagină, marcat într-un mod adecvat.

Marcajele pot fi utilizate ca destinații pentru hyperlinkuri. De exemplu, dacă doriți să arătați unui vizitator al site-ului o anumită parte a unei pagini, adăugați un hyperlink care să semneze acea parte a paginii ca destinație. Când faceți clic pe acest hyperlink, va fi afișată porțiunea corespunzătoare a paginii, nu începutul. Marcajele pot fi folosite și pentru a găsi anumite locuri pe o pagină. De exemplu, puteți adăuga un marcaj pentru fiecare antet principal de pe o pagină. La schimbarea paginii, fiecare secțiune poate fi găsită cu ușurință făcând clic pe fila corespunzătoare.

Când creați un marcaj pentru spațiu și nu pentru text, acesta este indicat de în FrontPage. În caz contrar, textul este subliniat cu o linie întreruptă. Când redenumiți un fișier pe un site Web, Microsoft FrontPage caută hyperlinkuri la acel fișier. Dacă există astfel de hyperlinkuri, acestea actualizează automat numele fișierului. Când mutați un fișier pe un site Web (de exemplu, într-un alt folder sau subfolder), Microsoft FrontPage actualizează automat orice hyperlink către acesta. Vă recomandăm să vă testați întotdeauna hyperlinkurile înainte de a vă publica site-ul. Dacă un site Web conține un hyperlink rupt (un hyperlink cu o adresă URL de destinație nevalidă), un mesaj de eroare este afișat atunci când un vizitator al site-ului face clic pe linkul din browserul Web. Această eroare poate fi cauzată de o greșeală de scriere a adresei URL sau adresa URL poate indica o pagină aflată la distanță de site-ul Web. Dacă ținta este o altă pagină de pe Internet, este posibil să fi fost mutată sau ștearsă.

Verificator de accesibilitate: Microsoft Office Resources FrontPage 2003 introduce un nou verificator de accesibilitate pentru paginile Web. Verificatorul de accesibilitate detectează o caracteristică care nu îndeplinește Orientările privind accesibilitatea conținutului web (WCAG) WWW-Consortium (W3C) sau cerințele secțiunii 508 din Legea privind reabilitarea SUA. WCAG pune bazele pentru crearea de pagini web accesibile pentru persoanele cu mobilitate, vedere și deficiențe de auz. Secțiunea 508 stabilește standardele guvernului SUA pentru accesibilitate pentru o gamă largă de surse de informații și tehnologii.

Pentru mai multe informații despre funcțiile Verificator de accesibilitate FrontPage, consultați Ajutor Microsoft FrontPage. Cu comenzile rapide de la tastatură, puteți efectua rapid sarcini utilizate frecvent. Disponibilitatea comenzilor rapide de la tastatură în Microsoft FrontPage depinde dacă comanda necesară este disponibilă în vizualizarea selectată. Sarcini utilizate în mod obișnuit în Microsoft FrontPage:

Gestionați și lucrați cu pagini web - F8

Lansați Verificatorul de accesibilitate - CTRL + N

Creați o nouă pagină web - CTRL + O

Deschiderea unei pagini web - CTRL + F4

Închideți o pagină web - CTRL + S

Salvați o pagină web - CTRL + P

Imprimare pagină web - F5

Actualizarea paginii web; lista de dosare de actualizare - CTRL + TAB

Navigați între paginile web deschise - CTRL + SHIFT + B

Vizualizați o pagină web într-un browser web - ALT + F4

Oprirea Microsoft FrontPage - CTRL + SHIFT + 8

Afișați caractere neprimabile - CTRL + /

Afișați etichete HTML în modul de proiectare - CTRL + F

Căutați text sau cod HTML pe o pagină web - CTRL + H

Înlocuirea textului sau a codului HTML într-o pagină web - F7

Verificați ortografia pe o pagină web - SHIFT + F7

Căutați un cuvânt în dicționar - ESC

Anulați o acțiune - CTRL + Z sau ALT + SPAȚIU

Anulați ultima acțiune - CTRL + Y sau SHIFT + ALT + SPAȚIU

Urmărirea sau refacerea unei acțiuni - DEL

Eliminați o pagină web sau un folder din lista de foldere sau din orice casetă de dialog - SPACEBAR

Accesarea și utilizarea vizualizărilor - F12

Previzualizați pagina curentă într-un browser web CTRL + PAGE DOWN sau CTRL + PAGE UP

Mutați între vizualizările de cod, constructor, împărțire și vizualizare - ALT + PAGE JOS sau ALT + PAGE SUS

Mutați-vă între cod și zone de proiectare în vizualizarea împărțită - ALT + F1

Afișați și ascundeți lista de foldere - Tasta săgeată sus

Navigarea în nodurile hyperlinkurilor din vizualizarea Hyperlink - SĂGEȚI SUS, JOS, STÂNGA sau DREAPTA

Extindeți nodul curent și navigați la dreapta în vizualizarea Hyperlink - SHIFT + SĂGEATĂ STÂNGA

Lucrul cu instrumente de codificare

Editor de etichete rapide - CTRL + F2

Introduceți marcajul temporar - F2

Următorul marcaj temporar - SHIFT + F2

Marcaj temporar anterior - CTRL + G

Accesați linia - CTRL + L

Completare automată - CTRL + ENTER

Inserarea fragmentelor de cod - CTRL +\u003e

Introduceți o etichetă de închidere - CTRL +<

Introduceți eticheta de deschidere - CTRL + /

Inserați comentarii HTML - CTRL + BARĂ SPAȚIUĂ

Formatarea textului și a paragrafelor - CTRL + SHIFT + F

Schimbați fontul - CTRL + SHIFT + P

Schimbați dimensiunea fontului - CTRL + B

Aplicați formatarea aldinată - CTRL + U

Aplicarea subliniază - CTRL + I

Aplicarea formatării italice - SHIFT + TAB

Folosirea picuratorului - semn CTRL + plus

Cerere supercript formatare - CTRL + semn minus

Cerere indice formatare - CTRL + SHIFT + C

Formatare copiere - CTRL + SHIFT + V

Introduceți formatarea - CTRL + SHIFT + Z sau CTRL + SPAȚIU

Eliminați manual formatarea - CTRL + E

Aliniați un paragraf la centru - CTRL + L

Aliniați un paragraf la stânga - CTRL + R

Aliniați dreapta un paragraf - CTRL + M

Setați linia stângă pentru un paragraf - CTRL + SHIFT + M

Setați linia dreaptă pentru un paragraf - CTRL + SHIFT + S

Cerere stil - CTRL + SHIFT + N

Aplicați stilul normal - CTRL + ALT + 1

Aplicați stilul titlului 1 - CTRL + ALT + 2

Aplicați stilul titlului 2 - CTRL + ALT + 3

Aplicați stilul titlului 3 - CTRL + ALT + 4

Aplicați stilul titlului 4 - CTRL + ALT + 5

Aplicați stilul titlului 5 - CTRL + ALT + 6

Aplicați stilul titlului 6 - CTRL + SHIFT + L

Editarea și mutarea textului și a imaginilor - BACKSPACE

Ștergeți un caracter în stânga - DEL

Ștergeți un caracter în dreapta - CTRL + BACKSPACE

Ștergeți un cuvânt în stânga - CTRL + DEL

Ștergeți un cuvânt la dreapta - CTRL + C sau CTRL + INS

Copiați text sau imagini - CTRL + X sau SHIFT + DEL

Tăiați textul selectat în Clipboard-ul Microsoft Office - CTRL + V sau SHIFT + INS

Inserați conținutul din clipboard - SHIFT + ENTER

Introduceți o întrerupere de linie - CTRL + SHIFT + SPAȚIU

Selectați text și imagini - SHIFT + SĂGEATĂ DREAPTA

Selectați un caracter în dreapta - SHIFT + SĂGEATĂ STÂNGA

Selectați un caracter în stânga - CTRL + SHIFT + SĂGEATĂ DREAPTA

Selectați un cuvânt până la capăt - CTRL + SHIFT + SĂGEATĂ STÂNGA

Selectați o linie până la capăt - SHIFT + HOME

Selectați o linie de la început - SHIFT + SĂGEATĂ sus

Selectați o linie în partea de sus - SHIFT + SĂGEATĂ JOS

Selectați o linie din partea de jos - CTRL + SHIFT + SĂGEATĂ JOS

Selectați un paragraf până la final - CTRL + SHIFT + SĂGEATĂ sus

Selectarea unui ecran din partea de jos - SHIFT + PAGE UP

Selectați un ecran din partea de sus - CTRL + A

Selectați întreaga pagină - ALT + ENTER

Insert Table - TAB

Selectează toate celulele dintr-un rând când cursorul se află într-o celulă.

Crearea automată schiță poza selectată - CTRL + K

Accesați și lucrați cu panoul de sarcini Ajutor și fereastra Ajutor - SHIFT + CTRL + ALT + T

Insert Table - TAB

Selectați conținutul următoarei celule din tabel - SHIFT + TAB

Selectați o coloană atunci când cursorul se află în celula de sus sau de jos - CTRL + T

Crearea automată schiță poza selectată - CTRL + K

Puteți seta tipul de date și alte opțiuni care sunt permise pentru casetele de text și zonele de text. De exemplu, pentru a colecta numere de membru sau numere de serie, permiteți numai numere în caseta de text și interzice utilizarea oricăror alte caractere. De asemenea, puteți specifica numărul necesar de caractere, astfel încât un vizitator al site-ului să nu rateze din greșeală un număr sau o literă. Puteți solicita verificarea unui singur buton radio într-un grup de butoane radio.

De exemplu, dacă un formular are două butoane radio, Da și Nu, și un vizitator al site-ului încearcă să trimită formularul fără să bifeze unul dintre ele, apare un mesaj. Puteți solicita vizitatorului site-ului să selecteze un articol dintr-o listă derulantă, să specifice numărul minim și maxim de articole permise și să refuze selectarea primului articol dacă este o instrucțiune precum Selectați un articol. După stabilirea regulilor de introducere a datelor, trebuie să decideți cum vor fi procesate rezultatele prin formular. După ce vizitatorul site-ului trimite formularul, este necesar să colectați datele introduse - rezultatele formularului pot fi vizualizate, afișate vizitatorului site-ului sau procesate într-un anumit mod.

Atunci când un vizitator al site-ului trimite un formular într-un browser, valorile tuturor câmpurilor sale, incluse în

De asemenea, puteți utiliza scripturi personalizate pentru a procesa rezultatele formularului. Procesul de publicare a unui site Web implică copierea tuturor fișierelor și folderelor care alcătuiesc site-ul de la locația originală la o anumită locație. Microsoft FrontPage publică un site pentru a-l pune la dispoziția vizitatorilor, pentru a face backup pentru site și pentru a actualiza un site publicat anterior. De obicei, fișierele și folderele site-ului Web sunt create pe computerul local. Când site-ul este complet, acesta este publicat pe internet sau intranet local, astfel încât vizitatorii să poată vizualiza paginile sale Web utilizând un browser Web. Uneori devine necesar să creați o copie a unui site web și să salvați această copie într-o anumită locație de pe hard disk sau unitatea de rețea. Instrumentul de publicare Microsoft FrontPage oferă o modalitate convenabilă de a crea o astfel de copie. Când actualizează fișiere sau foldere pe un site Web, FrontPage folosește termeni tehnici pentru a distinge între o sursă și o destinație. Site-ul Web local este site-ul Web original deschis în FrontPage, iar site-ul Web la distanță este destinația către care publicați.

Vizualizarea Site la distanță permite publicarea bidirecțională, ceea ce înseamnă că puteți muta cu ușurință fișiere între locații la distanță și locații locale. Acest lucru este cel mai util la actualizarea unui site publicat anterior. În vizualizarea Site la distanță, panourile Site local și Site-ul la distanță afișează pictograme descriptive care indică starea de publicare a fișierelor. În mediile de producție colaborativă, actualizarea atât a site-urilor locale, cât și a celor de la distanță poate fi făcută de mai mulți autori. Microsoft FrontPage va compara fișierele de pe site-ul Web local cu fișierele publicate pe site-ul Web la distanță. Următoarele sunt descrieri ale cazurilor în care poate fi necesar să sincronizați versiunile locale și la distanță ale fișierelor.

Dacă pe site-ul local se găsește o versiune mai nouă a fișierului, va avea loc sincronizarea pentru a actualiza site-urile locale și la distanță (cu excepția cazului în care specificați manual alte acțiuni). De asemenea, puteți alege să publicați de la un site la distanță pe un site local. Când sincronizați fișierele utilizând Vizualizarea site-ului la distanță, fișierele pot fi descărcate pe site-ul local de pe un site la distanță. Dacă un atacator a plasat fișiere pe o gazdă la distanță, gazda locală poate fi, de asemenea, expusă riscului. Asigurați-vă că numai utilizatorii de încredere au acces la site-ul la distanță înainte de sincronizarea fișierelor.

Microsoft, creatorul acestui program, se angajează să adopte o politică de întărire a informațiilor personale. Pentru a face acest lucru, folosim o varietate de tehnologii și proceduri pentru a proteja informațiile personale împotriva accesului, utilizării și divulgării neautorizate. Microsoft poate actualiza această declarație de confidențialitate la discreția sa. Cu fiecare astfel de actualizare, data actualizării din partea de sus a extrasului se modifică. Declarația de confidențialitate actualizată va fi inclusă în următorul Service Pack (SP) pentru resursele Microsoft Office FrontPage 2003. Utilizarea continuă a resurselor Microsoft Office FrontPage 2003 constituie acordul dvs. cu această declarație de confidențialitate și cu toate actualizările aduse acesteia. Orice comentariu referitor la această declarație de confidențialitate ar fi foarte apreciat de Microsoft.

Microsoft FrontPage - programul este un editor care vă permite să utilizați aspectul HTML. Software-ul funcționează pe principiul „Ceea ce faci este ceea ce primești”. Motorul utilitar se bazează pe tehnologia utilizată în cunoscutul browser IE. Dezvoltatorul notează că, atunci când lucrați cu browsere care utilizează motoare de la terți, afișajul va arăta diferit.

Programul este capabil să implementeze automat modificările făcute de dezvoltatori în timp real.

Editorul este recomandat pentru începătorii care doresc să stăpânească operațiunile de bază de creare a paginilor web. Spre deosebire de analogii mai complexi și complexi cu un număr mare de posibilități, acest program poate fi numit banal. Cu toate acestea, funcționalitatea de bază vă va permite să învățați rapid noțiunile de bază ale construcției site-ului.

Descărcați gratuit versiunea completă rusă a Microsoft FrontPage de pe site-ul oficial fără înregistrare și SMS.

Cerințe de sistem

• Sistem de operare acceptat: Windows 7, 10, 8, 8.1, Vista, XP
• Adâncimea de biți: 32 biți, 64 biți, x86

1. Interfață FP

2. Creați o nouă pagină web

3. Proprietățile paginii web

Web- designer.

Fundalurile sunt de obicei în formate

bmp, gif, jpg , png.

Rețineți că o imagine este, de obicei, cel mai intens element de memorie al unei pagini web. Prin urmare, este nevoie de cel mai mult timp pentru ca browserul să îl descarce de pe server. Dacă viteza conexiunii este mică, iar pagina de încărcare conține mai multe imagini voluminoase, atunci încărcarea acestei pagini poate dura mult timp. Vizualizatorul unei astfel de pagini s-ar putea sătura să aștepte sfârșitul descărcării și să o anuleze. Prin urmare, ar trebui să vă străduiți să reduceți la minimum cantitatea de imagini și numărul acestora pe pagină.

Fundalul este considerat a avea o dimensiune acceptabilă dacă dimensiunea imaginii nu depășește 1–5 kilobyte (K). Mai bine dacă este mai puțin de un kilobyte. Pentru comparație, să presupunem că dimensiunea unei pagini web în sine nu depășește de obicei 10–20 K. Doar paginile cu mult text sunt mari. Motivul este că o pagină Web este un program (instrucțiuni) despre cum și ce să plaseze pe ecranul browserului utilizatorului. De exemplu, dacă într-un astfel de loc de pe ecran trebuie să plasați o imagine de 150 K, atunci într-o pagină Web o instrucțiune despre această chestiune poate lua doar 50 de octeți, adică de 3000 de ori mai puțin decât imaginea în sine, care este transmisă către computerul vizualizatorului separat de Web -pagini. Deoarece numărul acestor instrucțiuni este mic, dimensiunea paginii în sine este, de asemenea, relativ mică.

Pe un semn de carte

Formatare puteți seta și culoarea textului. Aici puteți seta și culorile hyperlinkurilor text care vor fi afișate în browserul care vizualizează pagina: culoarea tuturor hyperlinkurilor text, culoarea hyperlink-urilor pe care utilizatorul le-a accesat deja, culoarea hyperlinkului peste care se deplasează cursorul mouse-ului.

Pe un semn de carte În plus puteți seta indentări de pagină din colțul din stânga sus al ferestrei de vizualizare a browserului. În mod implicit, umplutura este setată la 8 pixeli.

Pe un semn de carte

Limba puteți instala limbi speciale de codare a textului pentru a salva pagina și a încărca pagina.

4. Utilizarea tabelelor

Tabelele sunt probabil cel mai eficient și indispensabil instrument de marcare pentru paginile web. Dacă puteți face complet fără un fundal, atunci este aproape imposibil să faceți fără o masă.

Fiecare tabel este format din celule, care sunt aranjate în rânduri și coloane. Celulele individuale pot fi combinate, pot seta indentările conținutului interior de la marginile sale, seta distanța dintre celule, setați poziția elementelor plasate în interiorul acestora, creați separat de alte celule ale fundalului, creați contururi, introduceți alte tabele în interiorul celulelor și multe altele.

Introduceți tabelul

Pentru a insera un tabel în pagină, trebuie să executați comanda de meniu

Ttable / Insert / Table. În fereastra care se deschide, care este prezentată în Fig. 8, ar trebui să stabilească numărul de linii și coloane. De asemenea, puteți seta poziția tabelului pe pagina de acolo.. De obicei, poziția implicită este lăsată. Cu toate acestea, dacă doriți ca tabelul să fie întotdeauna orientat în mijloc în direcția orizontală în fereastra browserului atunci când vizualizați, atunci trebuie să setați opțiunea alinierea centrală.

Opțiunea mărimii chenarului este utilizată pentru a seta grosimea liniilor care au legat tabelul și celulele. Dacă este setat la zero și există o bifă Reduceți marginea tabelului, chenarele nu vor fi vizibile în browser. Acest lucru vă permite să utilizați un tabel invizibil pentru aspectul paginii.

Proprietate

Câmpul celulei este destinat specificării indentărilor în pixeli din conținutul interior pentru toate celulele tabelului. Proprietate Spațierea celulei vă permite să setați distanța în pixeli între toate celulele tabelului adiacente. Setați lățimea este conceput pentru a seta lățimea tabelului în pixeli sau ca procent în raport cu lățimea ferestrei, indiferent de dimensiunea conținutului său. Este dezactivat în mod implicit. Aceasta înseamnă că dimensiunea tabelului va fi determinată de mărimea conținutului său.

Dacă trebuie să setați stilul și marcajul de fundal al tabelului, atunci acest lucru se poate face în aceeași fereastră.

La sfârșitul marcării tabelului, faceți clic pe butonul OK.

Aspectul celulelor tabelului

Operațiile pe celule individuale sau pe întregul tabel ar trebui să înceapă prin selectarea celulelor. Puteți selecta cu mouse-ul, de la tastatură sau folosind setul de instrumente

FP. Pentru a selecta cu mouse-ul, trebuie să plasați cursorul mouse-ului pe o celulă din zona selectată, apăsați butonul stâng al mouse-ului și, în timp ce țineți apăsată tasta, mutați-l fără probleme peste celule. Pentru a selecta cu tastatura, trebuie să plasați cursorul tastaturii într-o celulă, apăsați tasta Shift și, în timp ce țineți apăsată tasta, apăsați tastele dorite ale mișcării cursorului tastaturii (sus, jos, stânga, dreapta) până când este selectată zona dorită de celule. Puteți selecta o singură coloană sau rând sau întregul tabel.

Pentru asociațiile celulele selectate, trebuie să deplasați cursorul peste oricare dintre ele, apăsați butonul din dreapta al mouse-ului. În meniul contextual pop-up, faceți clic pe linie Uneste celulele... În mod similar, puteți șterge celule.

Dacă este nevoie despartireuna sau mai multe celule în mai multe rânduri sau coloane, trebuie să le selectați (atunci când împărțiți o celulă, nu este necesară selecția), executați comanda Sparg celulele... În fereastra de divizare care apare, trebuie să specificați modul de împărțire - în coloane sau rânduri. Apoi ar trebui să specificați numărul de coloane sau rânduri. Această fereastră este prezentată în Fig. nouă.

Aici puteți seta poziția conținutului său orizontal sau vertical. Pentru aceasta, selectați poziția orizontală dorită (centru, stânga, dreapta) sau pozitie verticala (în partea de sus, în mijloc, în partea de jos, relativ la axă). În fig. 10 poziție verticală a celulei - de sus (la plasarea elementelor interioare va fi apăsat pe marginea superioară a celulei), orizontal - centrat (conținutul va fi centrat).

puteți seta lățimea la înălțimea celulei în pixeli sau procente.

În secțiunea fundal, puteți seta fundalul unei celule sub forma unei culori sau a unui model, la fel ca programarea fundalului unei pagini.

Dacă trebuie să atribuiți aceleași atribute mai multor celule, de exemplu, setați-le același fundal, atunci acest lucru se poate face dintr-o singură dată. Ar trebui să selectați astfel de celule, apoi să le marcați în modul descris. Dacă trebuie să atribuiți unele atribute tuturor celulelor, este mai bine să le atribuiți însuși tabelului. Pentru a face acest lucru, trebuie să faceți clic pe orice celulă, să executați aceeași comandă.

5. Inserarea și formatarea textului

Pentru a insera text într-o pagină, faceți clic pentru a plasa cursorul tastaturii în locul dorit și introduceți textul acolo de la tastatură sau copiați-l din orice alt document folosind clipboard-ul Windows. În acest fel, puteți introduce text direct pe pagină sau în celule de tabel.

Formatarea se referă la scopul unui font, dimensiunea acestuia, marcajul cu culoare, aldin, cursiv, subliniat, orientarea orizontală a textului și o serie de alte acțiuni. Aceste operațiuni sunt efectuate în conformitate cu standardele adoptate în editorul Word: mai întâi trebuie să selectați o secțiune de text, apoi să aplicați o operație de formatare.

Diferența față de editorul Word este doar atunci când este apăsată tastaintroduce (pentru a introduce un nou paragraf) există prea mult spațiu între paragrafe. Dacă doriți ca distanța dintre paragrafe să fie aceeași ca între liniile unui paragraf, apăsați tastaSchimb și fără a-l elibera, cheiaIntroduce.

6. Introduceți hyperlinkuri

Hyperlink se numește orice element al unei pagini Web căruia i se poate atribui un link către o altă pagină Web, o adresă de e-mail, o imagine și, în general, orice fișier sau marcaj de pe aceeași pagină. Acestea sunt activate făcând clic pe hyperlink. Puteți defini un hyperlink pe o pagină Web atunci când îl vizualizați într-un browser uitându-vă la cursorul mouse-ului: dacă un element este un hyperlink, atunci când treceți deasupra acestuia, cursorul ia forma unei pictograme.

Pentru a crea un hyperlink, selectați mai întâi elementul de pagină care va deveni viitorul hyperlink. Dacă hyperlinkul este un text, atunci pentru a-l selecta, ar trebui să mutați ușor mouse-ul peste el cu tasta stângă apăsată sau cu tastele pentru deplasarea cursorului tastaturii cu tasta apăsată

Schimb. Dacă hyperlinkul este o imagine, atunci pentru a o selecta, pur și simplu faceți clic pe ea., a cărei vedere este prezentată în Fig. 12.

Dacă hyperlinkul ar trebui să fie un pointer către o altă pagină care se află pe discul computerului, atunci trebuie să faceți clic în fereastra Fig. 12 prin butonul cu imaginea folderului și selectați o pagină Web de pe disc (de obicei un fișier cu extensia htmlsau

htm ). În acest caz, în bara de adrese va apărea adresa relativă fișier cu o pagină Web. Adresa relativă a paginii, care se află în același folder cu pagina creată, este pur și simplu numele fișierului, de exemplu „photo2.htm”. Dacă linkul indică un fișier din afara acestui folder, atunci hyperlinkul poate lua forma șirului „../../ HomePage.htm”, adică un link către pagina HomePage.htm de pe același computer, dar într-un folder diferit, care este două niveluri deasupra folderului curent. Adresele URL relative sunt foarte utile atunci când creați un grup de pagini Web care sunt situate pe același server, dar în foldere diferite și sunt legate prin hyperlinkuri. Odată ce paginile au fost pregătite pe un computer obișnuit, le puteți trimite la serverul Web fără teama de a rupe conexiunea dintre pagini și hyperlinkuri, deoarece structura relativă a plasării lor pe server va rămâne aceeași și, prin urmare, hyperlink-urile vor „funcționa”.

Pentru a crea absolut

adresele ar trebui să introducă adresa completă a paginii. De exemplu, dacă trebuie să creați un hyperlink către adresa site-ului web al Universității de Stat din Moscova, atunci în linia URL trebuie să introduceți textul numelui de domeniu http://www.msu.ru... De exemplu, puteți introduce text care indică adresa IP http://192.206.228.46.

Pentru a crea un astfel de hyperlink, introduceți un text ca acesta în linia de adresă mailto: adresa... De exemplu, dacă doriți să lansați clientul de e-mail după ce faceți clic pe hyperlink pentru a trimite o scrisoare la adresă o [e-mail protejat] .ru, apoi în linia de introducere a adresei trebuie să introduceți textul mailto:o [e-mail protejat] .ru ... De asemenea, puteți face clic pe butonul cu plicul și în fereastra care se deschide, introduceți aceeași adresă fără a specifica prefixul mailto:.

Uneori este necesar să creați un link către o pagină care se află deja în browser. De exemplu, trebuie să vă întoarceți rapid în partea de sus a paginii, la oricare dintre paragrafele acesteia, etc. De obicei, necesitatea unor astfel de linkuri apare pe acele pagini care conțin o mulțime de informații. Adresa unui astfel de hyperlink se numește marcaj.

Înainte de a crea un hyperlink către un marcaj, acesta din urmă trebuie mai întâi creat. Pentru a face acest lucru, trebuie să selectați un viitor marcaj (un fragment de text, o imagine etc.) și să executați comanda Insert / Bookmark... În fereastra care se deschide, care este prezentată în Fig. 13, introduceți numele marcajului în linia de intrare și faceți clic pe butonul OK. În exemplul prezentat în Fig. Pagina 13 are deja un marcaj creat anterior Semn de carte 1, iar textul este pregătit în fereastra de introducere Marcaj 2 un alt semn de carte. Apoi, ieșiți din fereastra pentru crearea unui marcaj, selectați elementul hyperlinkului către marcajul din fereastra pentru crearea unei pagini, utilizând butonul Marcaj (fig. 12) selectați fila dorită din listă. Textul acestuia va fi plasat în bara de adrese. De exemplu, dacă este selectat un marcaj Marcaj 2, apoi hyperlinkul din bara de adrese va deveni un șir # Marcaj 2... După ce faceți clic pe OK, va fi creat hyperlinkul către marcaj.

Programarea ferestrei de afișare

După ce faceți clic pe hyperlinkul la pagină web încărcarea acestuia în browser începe. De obicei, se încarcă în aceeași fereastră ca pagina de apelare. Dacă doriți ca pagina să se încarce într-o fereastră nouă, ar trebui să mergeți la Fig. 12 faceți clic pe butonul din dreapta etichetei de introducere Selectarea cadrelor... În fereastra care se deschide, selectați linia Fereastră nouă... Acum, după ce faceți clic pe un astfel de hyperlink, o fereastră va fi lansată în browser și conținutul descărcabil va apărea în ea.

Pe lângă cele de mai sus, există și alte câteva opțiuni pentru prezentarea paginii apelate în browser. Sunt mai complexe - pagini încadrate, care au mult mai multe posibilități de proiectare web. Specificul proiectării paginilor cadru va fi discutat mai jos.

7. Inserarea elementelor non-text

Pentru a insera elemente non-text în pagină, utilizați elementul de meniu Introduce... Aceeași operație pentru unele elemente poate fi duplicată din panourile FP.

Lista meniului este prezentată în Fig. 14. Liniile care conțin submeniuri sunt marcate în dreapta cu un indicator triunghiular. Operațiile care pot fi duplicate prin tastele rapide sunt marcate cu numele combinației de taste.

Figura: 14. Principal lista meniului Introduce

Iată câteva dintre cele mai utilizate elemente non-text din meniul Insert:

• Spărtura
... Salt la un nou paragraf fără spații speciale (la fel ca Shift + Enter);

Linie orizontală... Inserarea liniei orizontale;

Simbol.

Introduceți un caracter non-standard, adică un caracter care nu se află pe tastatură;

Data si ora. Ștampilă standard pentru afișarea datei și orei actualizării paginii editate. Dezvoltatorul poate seta modul de afișare numai pentru data sau data și ora din zi. Există mai multe opțiuni pentru prezentarea ștampilei de a alege. De exemplu, „14 februarie 2001 02/12/25”. Dacă o astfel de ștampilă este inserată pe o pagină, înseamnă că a fost editată ultima dată pe 14 februarie 2001 la ora 12:00. 2 minute. 25 sec. prin cronometru computer;

Fişier. Lipeste întregul conținut al unui fișier selectat de pe disc. Conținutul este lipit acolo unde este cursorul tastaturii. În acest fel, puteți insera, de exemplu, textul unui document;

Desen

... Introduceți o imagine dintr-un fișier;

Să luăm în considerare câteva caracteristici ale inserării acestor elemente.

Linie orizontală

Pentru a-l insera, faceți clic în locul dorit de pe pagină, selectați linia din meniu Inserare / linie orizontală și faceți clic pe acesta pentru a insera elementul. Dacă trebuie să schimbați atributele unei linii, mutați cursorul mouse-ului peste ea, deschideți meniul contextual făcând clic dreapta și faceți clic pe linie DINproprietățile liniei orizontale ... Va apărea o fereastră cu același nume, în care puteți modifica atributele liniei: lățime, înălțime, culoare și alte atribute.

De multe ori este nevoie să inserați o linie cu atribute deja atribuite în diferite locuri ale paginii. Pentru a face acest lucru, trebuie să faceți clic pe linie, apoi pe buton

copiere pe panou Standard pentru a copia linia în clipboard. Acum trebuie să faceți clic pe locul dorit de pe pagină, apoi pe butonul de inserare pentru a lipi conținutul bufferului în locația selectată. În acest fel, puteți insera o linie de mai multe ori în diferite locuri ale paginii.

Notă. Metoda descrisă poate fi utilizată pentru a copia orice elemente ale unei pagini web.

Imaginea este cel mai important element al paginii web. Este rar să găsești o pagină care să nu aibă o imagine. În plus față de rolul principal - de a purta o imagine, desenele sunt folosite pentru a stiliza inscripțiile, pentru a crea diverse linii, cadre, imagini ale graficelor, adică oriunde este necesar să se prezinte informații sub forma unei imagini grafice.

Pentru a insera, trebuie să faceți clic în locul de pe pagina în care ar trebui să fie amplasată imaginea, executați comanda Introduce

/ Imagine / Din fișier sau faceți clic pe buton Introduceți imaginea din fișier pe panou Standard (fig.5.2). În fereastra care apare, selectați fișierul cu imaginea de pe disc și faceți clic pe OK.

După inserare, puteți marca imaginea sau o puteți lăsa neschimbată. Pentru a marca, faceți clic dreapta pe imagine, apoi în meniul contextual de pe linie

Proprietățile imaginii... În caseta de dialog prezentată în Fig. 15, puteți marca modelul.

Pe un semn de carte General se specifică numele fișierului care reprezintă desenul. Puteți schimba desenul selectând un alt fișier.

In linie Text puteți introduce text pentru a reprezenta sfatul. Când utilizatorul plasează cursorul mouse-ului peste desenul din browser, acesta va apărea sub cursor pentru o perioadă scurtă de timp.

Dacă imaginea va acționa ca un hyperlink, puteți selecta adresa hyperlinkului din aceeași filă.

Dacă trebuie să indentați imaginea din elementele de pagină adiacente, puteți utiliza proprietățile intervalepentru marginile orizontale stânga și dreapta și pentru marginile verticale sus și jos. În secțiune Marimea puteți modifica dimensiunea imaginii, proporțiile acesteia. Desenul poate fi întins, comprimat în direcția dorită folosind proprietățile lățimii și înălțimii. Dimensiunile pot fi setate în unități absolute - pixeli sau în procente relative - în raport cu dimensiunea reală a imaginii. Dacă este necesar să mențineți proporțiile imaginii în timpul deformării, setați opțiunea Mențineți proporțiile.

Formate de imagine

Distingeți între desene realizate în format grafică bitmap și în format grafică vectorială.

În grafica raster, informațiile despre toți pixelii imaginii sunt scrise într-un fișier și fiecare pixel este reprezentat ca o secvență de biți care stochează caracteristicile pixelului - culoare, luminozitate, contrast, coordonate și alte caracteristici. Formatele raster pot fi numite naturale, deoarece informațiile despre un desen sunt stocate în forma în care este afișat pe ecranul unui monitor, prin urmare, este nevoie de un timp minim pentru a finaliza operațiunile de ieșire. Cu toate acestea, bitmap-urile necesită, de obicei, multă memorie pentru a le stoca, astfel încât doar imaginile mici sunt justificate pe pagină. Tehnicile de compresie sunt utilizate pentru a reduce dimensiunea fișierului bitmap. În comparație cu originalul, un desen comprimat necesită de obicei de zeci de ori mai puțină memorie. Hărțile de biți comprimate se încarcă mai repede, dar necesită ceva timp pentru a decomprima imaginea.

Grafica vectorială este utilizată în principal pentru a reprezenta forme geometrice folosind formule matematice. Acest mod de reprezentare a unei imagini este foarte eficient, deoarece nu necesită stocarea datelor despre fiecare pixel, iar prezentarea unei imagini se reduce la calcule matematice și la executarea instrucțiunilor pentru formarea unui obiect grafic. De obicei, astfel de desene sunt utilizate în programe de proiectare, de exemplu

CAD.

Există deasemenea format metafisiercare combină ambele tipuri de grafică. Un exemplu sunt fișierele cu extensia .wmf... Astfel de fișiere sunt utilizate, de exemplu, pentru a reprezenta imagini în editorul popular Word, când dimensiunile imaginilor trebuie schimbate frecvent pentru a conferi documentelor text aspectul dorit.

În prezent, există două formate raster larg utilizate în rândul dezvoltatorilor de pagini web - GIF (Graphics Interchange Format), dezvoltat în 1987 și îmbunătățit în 1989 de CompuServe, și Jpeg, prescurtat ca Joint Picture Experts Group.

Format GIF (fișiere cu extensia

.gif) imaginea este codificată folosind metoda blocului. Odată recepționat pe computer, acesta este decodat și afișat pe ecranul monitorului. Formatul GIF oferă cel mai mic spațiu de stocare a fișierelor pentru desene cu un număr limitat de culori.

Utilizarea formatului GIF vă permite să creați multe efecte, inclusiv transparenţă

(transparenţă). Acest efect este utilizat pe scară largă atunci când un desen trebuie prezentat într-o altă formă decât dreptunghiulară. În aceste cazuri, o parte a imaginii dreptunghiulare este umplută cu o culoare de transparență specială, iar cealaltă cu culori normale. După plasarea pe pagină, imaginea din acei pixeli care sunt umpluți cu culoarea transparenței este înlocuită cu pixelii din culoarea mată, iar ceilalți pixeli sunt reproduși în mod obișnuit, creând astfel un efect de transparență. Acum, unul și același model poate fi plasat pe substraturi de culori diferite, fără teama că vor fi reproduse contururi dreptunghiulare nedorite ale modelului dacă culorile nu se potrivesc. Puteți utiliza numeroși editori de imagini, cum ar fi Photo Shop, pentru a crea GIF-uri transparente.

Un alt efect este modul în care GIF-ul descărcabil este redat în browser. Dacă desenul este salvat în împletit (intercalat), când este trecut în browser, acesta este încărcat din diferite părți ale imaginii. La o viteză redusă a conexiunii, se creează efectul unei apariții treptate a imaginii, de la neclar la începutul descărcării până la ștergere la sfârșitul descărcării. Avantajele imaginilor cu format intercalat sunt evidente, deoarece adesea, cu mult înainte ca pagina cu o imagine nedorită să se termine de încărcare, utilizatorul o poate opri, economisind astfel timpul pe care ar trebui să-l petreacă așteptând în ignoranță pentru transferul întregii imagini în format normal. FP vă permite să creați un efect dungat pentru orice imagine GIF.

GIF-urile pot fi folosite pentru a crea animații primitive care sunt utilizate pe paginile Web pentru a anima („anima”) conținutul lor. Efectele de animație decorează pagina, fără îndoială, servesc adesea ca mijloc de a atrage atenția asupra fragmentelor sale individuale. Dezavantajul este volumul crescut de fișiere care conțin desene animate. Pentru a crea GIF-uri animate, puteți utiliza multe programe - de la simple la foarte complexe, permițându-vă să creați desene animate întregi într-un singur fișier. Un exemplu de program de animație simplu este MP Gif Animator (de V. Fam). Un program puternic de animație este Ulead GIF Animator Lite (un produs al Ulead Systems).

Format JPEG (fișiere cu extensii .jpg, mai rar .JP e sau jpeg) este de preferat să depozitați într-o formă comprimată desene multicolore, de exemplu, fotografii ale naturii, imagini de înaltă calitate ale unei palete de culori bogate. Când salvați o imagine în editorii grafici (de exemplu, Photo Shop), puteți controla dimensiunea fișierului și calitatea imaginii, care sunt invers legate între ele. Această proprietate este adesea utilizată de dezvoltatorii de pagini web pentru a minimiza fișierele cu imagini, pierzând oarecum calitatea lor. Adesea, astfel de imagini nu se disting practic din punct de vedere vizual, dar pot diferi de 1,5-3 ori în ceea ce privește dimensiunea fișierelor corespunzătoare.

Este imposibil să ignorați fișierele cu imagini în format BMP (fișiere cu extensia .bmp). Acesta este unul dintre primele formate grafice. Imaginile în acest format ocupă multă memorie, dar sunt folosite și astăzi, dar numai pentru a reprezenta imagini foarte mici.

Recent, un nou format de imagine PNG a fost dezvoltat special pentru web pentru a înlocui formatul GIF.

O resursă serioasă pentru reducerea dimensiunii fișierelor grafice este prelucrarea specială a imaginilor în editorii grafici. Destul de des este posibil să reduceți fișierul de mai multe ori, practic fără nicio deteriorare a calității imaginii. În fig. 5.16 prezintă un exemplu de editare a unei imagini utilizând editorul grafic Photo Shop.

Când o fotografie a fost convertită cu un scaner într-un fișier, chiar și o mică zonă a imaginii, cum ar fi gulerul unei cămăși albe, a generat mulți pixeli cu caracteristici de culoare diferite. Păstrarea acestor caracteristici în timpul comprimării imaginii necesită o abordare „individuală” a fiecăreia dintre ele, ceea ce duce la o dimensiune de fișier nejustificat de mare.

În stânga în Fig. 16 arată bara de instrumente a editorului grafic, în mijlocul inferior - o fotografie, deasupra - un fragment mărit al fotografiei (partea dreaptă a gulerului), în dreapta - o vedere mărită a fragmentului retușat. Retușul urma să facă gulerul cămășii solid. Este clar că, dacă pixelii care afișează fragmentul numit sunt monocromatici, calitatea fotografiei nu se va deteriora; totuși, atunci când se salvează prin comprimare, informațiile despre toți pixelii monocromatici vor fi fixate o singură dată, ca urmare dimensiunea fișierului a devenit mai mică. O operațiune similară a fost aplicată diferitelor fragmente ale fotografiei, care au redus dimensiunea fișierului de 2,5 ori. Retușarea a fost făcută folosind diferite instrumente de panou, inclusiv instrumentul

Instrument pentru creioane (creion), care este evidențiat în panou cu culoarea activă.

Pentru a minimiza dimensiunea fișierelor de desen, puteți utiliza, de asemenea, programe speciale care elimină informații non-grafice din acestea, plasate de editori grafici atunci când dezvoltați și salvați un desen. De exemplu, autorul acestor linii folosește Advanced GIF Optimizer de la Gold Software. Utilizarea optimizatorilor poate reduce adesea dimensiunea unui fișier GIF cu încă 10-60%.

Pentru a accelera încărcarea unei imagini, o puteți tăia în părți separate și apoi așeza aceste părți pe pagini în diferite celule ale tabelului. Când este vizualizat într-un browser, desenul împărțit arată la fel ca un desen non-fragmentat. Avantajul fragmentării este că imaginile, ca și alte elemente de pagină, sunt încărcate în browser în paralel, ceea ce ajută la accelerarea încărcării paginii. În plus, fragmentul complet încărcat apare imediat în browser, ceea ce vă permite să creați iluzia unei descărcări rapide a imaginii. Împreună cu capacitatea de a transfera imagini GIF și JPEG și resurse de editare, puteți obține o accelerație vizibilă la încărcarea imaginilor pe pagini.

8. Pagini cu cadre

Aceste pagini sunt utilizate mai întâi pentru browserul Netscape Navigator. O astfel de pagină este un set de cadre de ferestre independente din browser, care vă permite să extindeți posibilitățile de afișare simultană a paginilor individuale sau a diferitelor părți ale paginii, în special, pentru a efectua derularea lor independentă. Fiecare cadru este reprezentat ca un fișier separat, iar un alt fișier, care este un fișier cadru, este utilizat pentru a descrie modul în care cadrele sunt afișate în browser. Fiecare cadru este web pagină și poate fi vizualizat ca o pagină separată într-o singură fereastră.

În fig. 17 prezintă o pagină web, care este utilizată pentru a naviga prin paginile care afișează materialele de predare electronice ale departamentului.

Figura: 17. Exemplu de pagină web încadrată

Pagina este organizată sub forma unui meniu și este formată din trei cadre

: unul este situat în partea de sus, celelalte două sub acesta sunt în stânga și în dreapta. Cadrul de sus reprezintă titlul paginii. Cadrele de jos sunt structurate astfel încât meniul pe două niveluri să poată fi redat și utilizat. Primul nivel al meniului este organizat în cadrul din stânga. În acesta, utilizatorul poate selecta specialitatea dorită, disciplina sau poate merge de la această pagină la pagina principală a departamentului făcând clic pe unul dintre hyperlink-uri. În fig. 17 în cadrul stânga a făcut clic pe hyperlinkul cu inscripția Informatică, care poate fi judecat după caseta punctată care limitează hyperlinkul. După acest clic în cadrul din dreapta, pagina care conține titlurile materialelor didactice disponibile pentru această disciplină este încărcată și reprodusă. În cadrul din dreapta, cursorul mouse-ului se deplasează deasupra liniei Deschis într-unul dintre titluri. Astfel, cadrul din dreapta acționează ca un container pentru un submeniu, adică un meniu activ la nivelul doi.

Metoda de organizare descrisă face posibilă, într-o formă ușor de utilizat, crearea unei liste în mod arbitrar lung de discipline și specialități în cadrul stâng și o listă arbitrară de materiale pentru fiecare specialitate sau disciplină care să fie afișate în cadrul potrivit. În acest caz, în lista cadrului din dreapta, puteți vedea întotdeauna conținutul poziției selectate din lista cadrului din stânga.

La proiectarea unei pagini încadrate, următoarele pagini au fost create mai întâi separat:

• header.htm - pagina care va reprezenta antetul paginii cadru;
• menu.htm - pagina pentru afișarea meniului în cadrul din stânga;
• informatique.htm - pagină pentru afișarea unei liste de materiale didactice pe discipline Informatică;
• certificate.htm - pagină pentru afișarea unei liste de materiale didactice pe specialități Certificare;
• tms_metod.htm - pagina cadrului real.

Pentru a crea ultima pagină, ați organizat un fișier nou folosind meniul Fişier /

Creeaza o și alegeți o echipă Alții șabloane pagini... din zona de activitate Făptură.
În caseta de dialog deschisăȘabloane pagini, selectați fila Paginăcadru , care prezintă șabloanele pentru paginile Web cu o structură de cadre care fac parte din FP (Fig. 18).

Fereastra noii pagini web de cadre (Fig. 19) va fi împărțită în părți în conformitate cu structura selectată.

Făcând clic pe butonul din dreapta al mouse-ului, apelăm meniul contextual, fereastra de proprietăți a paginii și introducem textul în linia de titlu

Materiale metodice ale departamentului, care este de obicei afișat în partea de sus a browserului și salvează pagina tms_metod.htm.

Apoi, facem clic succesiv pe buton Setați pagina de început în cadrele de sus și din stânga și stabiliți conexiunea cadrului corespunzător cu pagina noastră utilizând fereastra standard pentru crearea unui hyperlink, prezentat în Fig. 12. După ce faceți clic pe butonul cadrului superior, se atribuie header.htm adresă, adresa celei din stânga este menu.htm, adresa din dreapta este o pagină goală (folosind butonul Crează pagină în fig. 19).

Pentru a vă asigura că fișierele informatique.htm și certificate.htm apar în cadrul drept atunci când sunt apelate prin hyperlinkuri, hyperlink-urilor către aceste pagini Web din fișierul menu.htm li se atribuie valoarea implicită - home.

9. Un exemplu de dezvoltare a unei pagini Web

În fig. 20 prezentate

Pagina web History.htm , afișând un scurt istoric al Departamentului TMS KSTU.

Figura: 20. Vizualizarea unei pagini Web într-un browser

Aspectul paginii în editorul FP este prezentat în Fig. 21. În primul rând, se creează o nouă pagină. Apoi, făcând clic pe butonul din dreapta al mouse-ului, este apelat un meniu contextual, în care se face clic pe linie Proprietățile paginii... În fereastra apărută a proprietăților paginii (Fig. 3) se introduce titlul acesteia Istoria Departamentului TMS... Pe un semn de carte Alții fiecare dintre opțiunile de indentare a marginii paginii are o bifă și valorile lor sunt setate la zero. Aceasta înseamnă că, atunci când este citită într-un browser, pagina trebuie redată fără indentare de la marginile din partea de sus și din stânga a ferestrei. Dând clic pe buton salva pagina este salvată pe disc sub numele history.htm.

Apoi, comanda pentru a insera un tabel în pagină este un tabel de patru coloane și patru rânduri. Trei cifre h1.gif, h2.gif, h3.gif sunt plasate secvențial în celulele liniei superioare de la stânga la dreapta (figurile au fost dezvoltate anterior în editorul grafic Photo Shop). Primul desen (KSTU) are o dimensiune de 4 K, al doilea (TMS) - 3,6 K, ultimul - 1,4 K. Toate desenele sunt inscripții realizate pe un fundal bordeaux. Ultima figură (este etichetată ISTORIA DEPARTAMENTULUI DE TEHNOLOGIE INGINERICĂ) este realizată cu lățime mai mică pentru a reduce memoria.

Figura: 21. Vizualizarea paginii Web marcate în editorul FP

Apoi faceți clic în celula primei linii și a comenzii Tabel / Selectare rând primul rând de celule a fost evidențiat. Apoi, cursorul a fost plasat deasupra acestuia și a fost făcut clic pe butonul din dreapta al mouse-ului. Comandă selectată din meniul contextual Proprietățile celulei iar în fereastra care apare (Fig. 10) tuturor celulelor selectate li se atribuie un fundal sub forma unei imagini bg.gif (este pregătit și în editorul Photo Shop). Această grafică este o imagine solidă de 8x8 pixeli cu aceleași caracteristici. Dimensiunea fișierului substrat este de numai 46 de octeți. Suportul este necesar pentru ca întregul rând al mesei să fie vopsit cu aceeași culoare (figurile sunt realizate pe fundalul aceleiași culori).

Pentru ca h3.gif mai îngust să fie poziționat în direcția verticală în mijlocul celulei, proprietatea sa Pozitie verticala valoarea atribuită Centru... Poziția orizontală este lăsată în mod implicit, adică pentru a apăsa la marginea stângă a celulei. Pentru ultima celulă din primul rând al tabelului (este goală) la proprietate Lăţime i s-a atribuit o valoare de 600. Acest lucru este necesar pentru ca întregul rând al tabelului să fie garantat să se potrivească pe toată lățimea ferestrei (și chiar să ofere o anumită marjă), care, atunci când este vizualizată pe pagină, va crea efectul unei culori de o singură culoare a antetului (banner) în browser (Fig. 20).

Mai mult, au fost atribuite două hyperlinkuri - site-ului KSTU și site-ului Departamentului TMS. Acestea sunt necesare pentru ca vizualizatorul paginii să poată, dacă se dorește, să acceseze aceste pagini. Prima imagine (h1.gif) a primit un hyperlink http://www.kgtu.runnet.ru pe site-ul web KSTU (Fig. 5.12). Al doilea (h2.gif) - un hyperlink către site-ul web al Departamentului TMS http://tms.kgtu.runnet.ru... În linia Text a proprietăților imaginii, textul este atribuit primei Pe site-ul KSTU, al doilea - Pe site-ul Departamentului TMS... Aceste linii sunt necesare pentru ca vizualizatorul să poată citi scopul hyperlink-urilor de pe sfaturile de instrumente atunci când se deplasează peste imagine. Pentru a preveni contururile imaginilor hiperlegate să nu fie vizibile în browser, proprietatea lor de grosime a chenarului este setată la zero și marginea este prăbușită (Fig. 15). Aceasta finalizează marcajul primului rând al tabelului.

În a doua linie a tabelului, primele două celule conțin aceeași imagine din fișierul arrow.gif. Figura reprezintă o săgeată îndreptată în sus. Dimensiunea fișierului este de numai 324 de octeți. Imaginile sunt destinate să spună privitorului că deasupra lor există hyperlinkuri pe care le poate folosi. Pentru a vă asigura că săgețile sunt situate exact sub cifrele corespunzătoare, proprietatea pozitie orizontala celulele au atribuit o valoare centrat.

Textul paginii este situat în al treilea rând al tabelului. Înainte de a lipi textul, a doua și a treia celulă a acestui rând au fost îmbinate. Înainte de a fuziona celulele au fost selectate, atunci comanda de meniu a fost executată Tabel / Îmbinare celule... Apoi, cursorul a fost plasat într-o celulă și tasta Enter a fost apăsată de mai multe ori pentru a insera paragrafe goale.

În primul paragraf al celulei, partea superioară a textului este tastată de la tastatură (aceasta precede lista angajaților care, în diferite momente, au ocupat funcția de șef al departamentului TMS).

Mai jos este un tabel cu un rând și două coloane. Numele angajaților sunt introduse în coloana din stânga, iar anii conducerii lor în coloana din dreapta. Celulele tabelului sunt formatate astfel încât proprietatea vertical prevederi are sensul sus, proprietate orizontală poziţie – aliniat la stânga... O astfel de organizație va permite poziționarea numelor și a perioadelor în browser în două coloane adiacente, exact una sub cealaltă.

Sub tabel este un text care completează descrierea poveștii.

Tot textul este tastat Arial, unele dintre fragmentele sale sunt cu caractere aldine. Acestea includ date, nume de familie, coduri de specialitate și alte elemente care trebuie atrase în atenția privitorului.

Ocazia de a sublinia o caracteristică interesantă a unuia dintre fragmentele de text nu a fost ratată: dacă din primele litere ale numelor specialităților care sunt predate la departamentul TMS, se face o abreviere, atunci va repeta abrevierea alcătuită din primele litere ale numelui departamentului, adică va primi din nou „TMS” (în Această parte a textului nu este vizibilă în figurile 20 și 21. Această caracteristică este subliniată de faptul că primele litere din numele specialităților sunt evidențiate cu caractere aldine și roșii.

În cele din urmă, toate celulele din rândul de jos al tabelului mare sunt combinate și datele de ieșire ale departamentului - adresa, numerele de telefon, adresa de e-mail - sunt introduse în celula rezultată într-un font mai mic.

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

Microsoft FrontPage dintr-o privire

Este un editor Web ușor de învățat și ușor de utilizat pentru proiectarea, pregătirea și publicarea de site-uri Web. Datorită integrării cu familia de produse MS Office, interfeței familiare și abundenței de șabloane, programul vă permite să stăpâniți rapid lucrarea chiar și pentru utilizatorii începători care sunt familiarizați cu elementele de bază ale lucrului în MS Word. În același timp, FrontPage nu poate fi numit o soluție pentru „manechine”: programul oferă funcționalități largi și diverse mijloace de optimizare a paginilor de Internet.

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

Principalele instrumente ale programului

Vedere generală a Microsoft FrontPage

Microsoft FrontPage are multe în comun cu instrumentele MS Word, deci multe butoane și file de meniu sunt, de asemenea, intuitive și facilitează procesul de creare a paginii. Mulți știu deja cum să tastați și să formatați text simplu, să creați tabele în Microsoft Word, același principiu este folosit pentru a edita o pagină în FrontPage.

În partea dreaptă, figura prezintă o vedere generală a programului cu un set standard de instrumente cu care puteți crea un șablon de pagină cu text, linkuri și imagini. Accesați fila „Vizualizare” de lângă „Bara de instrumente” și asigurați-vă că „ Standard", "Formatare"și" Mese", aceste instrumente vor fi suficiente pentru a crea o pagină simplă. În partea de jos, acordați atenție filelor" Proiectare "," Cod "și" Vizualizare "- acestea sunt trei moduri diferite în care puteți vedea întotdeauna cum arată pagina creată.

• În Designer, toate modificările sunt introduse, textul este tastat și formatat, imaginile sunt inserate, link-urile sunt create, culorile de fundal și font sunt modificate în același mod ca în Microsoft Word.
• În fila „Cod”, puteți vizualiza așa-numitul cod HTML. HTML este limbajul standard de marcare a documentelor de pe World Wide Web. Majoritatea paginilor web sunt create folosind limbajul HTML. În această filă, puteți edita pagina, dar trebuie să cunoașteți acest limbaj de marcare. Cu toate acestea, toate modificările pentru începători trebuie făcute în proiectant și toate modificările aduse HTML vor fi automate.
• În fila „Vizualizare”, puteți vedea cum arată pagina direct în browser (cum ar fi Internet Explorer)

O descriere detaliată a altor meniuri, butoane și caracteristici ale Microsoft FrontPage este furnizată în ajutorul programului. Pentru a face acest lucru, apăsați tasta „F1”.

Crearea unui șablon pentru pagini în FrontPage

Introduceți tabelul principal în editor

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 linkurile de navigare a site-ului, iar 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 în ce dimensiune sunt fabricate 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 atribuirea acestora anumitor stiluri, dar această metodă nu este pentru noii webmasteri și puteți scrie un articol separat despre acest lucru.

1. Pentru a insera un tabel, accesați „Tabel”\u003e „Inserare”\u003e fila „Tabel” și completați câmpurile, așa cum se arată în figura din dreapta. De fapt, puteți introduce propriii parametri, dar acest tabel are o lățime fixă \u200b\u200bși este întins la 100% din suprafața ecranului. Astfel, tabelul va fi afișat compact în browser.
2. Apoi, trebuie să reglați toate cele trei celule, deoarece acestea 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 puneți o bifă „în puncte”, adică dimensiunea celulei va fi de 150 pixeli. În același meniu, putem selecta culoarea de fundal a celulei și, făcând clic pe meniul „stil ...”, puteți face alte setări ale celulei, de exemplu, puteți selecta culoarea și dimensiunea marginii celulei, puteți experimenta acest lucru și puteți vedea rezultatul. În celula în sine, puteți introduce numele site-ului.
3. Apoi, editați a doua celulă, care este pentru linkurile de navigare pe site. Lățimea este de aproximativ 40 de pixeli, acest lucru va fi suficient, bine, și alte setări, cum ar fi culoarea de fundal și câmpurile, le personalizăm după gustul dvs. Apoi, scriem singuri numele linkurilor, separându-le cu o linie verticală sau cu un alt semn (îl puteți vizualiza mai jos descărcând șablonul integral). 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 configurat și ultima celulă. Este destinat textului principal, unde puteți introduce textul de salut.
5. În cele din urmă, puteți accesa fila „Fișier”\u003e „Proprietăți”, unde puteți introduce numele site-ului și puteți schimba fundalul general al paginii și alte setări generale

Șablonul este acum gata. Este scheletul pentru toate paginile ulterioare ale site-ului. Acesta este aspectul site-ului în codul HTML:

Acesta este modul în care obținem un șablon pentru site

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text / html; charset \u003d 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 pornire. Aici puteți insera un text de salut și puteți scrie pe scurt despre ce este site-ul.

Acest cod HTML poate fi inserat imediat în editor în fila „Cod” și veți vedea imediat șablonul terminat. Poate fi modificat și editat pentru a se potrivi propriilor nevoi. Merită să explicăm aici că acolo unde este inserat textul principal și astfel încât acesta să nu fie situat aproape de margini, acesta a fost încadrat în eticheta „div”, cu setarea de indentare, așa cum se arată în exemplu.

Șabloane suplimentare

1. De asemenea, trebuie să știți că FrontPage și alte programe similare au șabloane standard care pot fi utilizate pentru a crea pagini, sunt ușor de editat și puteți ajusta orice șablon pentru a se potrivi nevoilor dvs. Pentru a selecta un șablon standard, accesați fila „Fișier”\u003e „Nou ...” din 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 atât plătite, cât și gratuite. După descărcarea acestui sau alt șablon, îl puteți edita în program, îl puteți completa cu conținutul necesar și puteți schimba stilul acestui element.

Utilizarea aspectelor și temelor standard ale tabelelor

Microsoft FrontPage oferă instrumente bune pentru aspectele de masă gata făcute și teme pentru construirea site-ului

Trebuie să știți că Microsoft FrontPage are un set standard de machete și teme pe care le puteți utiliza pentru a vă face o idee bună despre arta de a crea pagini obișnuite sau site-uri de cărți de vizită. Și așa, în partea dreaptă sus, există un meniu derulant (vezi imaginea din dreapta, care afișează și rezultatul utilizării matematicii tabelelor și temelor de proiectare), făcând clic pe un meniu va apărea în care trebuie să selectați „Tabelele și celulele de aspect” și apoi vor apărea mai multe layout-uri diferite ale tabelului mai jos, puteți alege orice la discreția și gustul dumneavoastră. Astfel, se eliberează manual, creând tabelul în sine.

Și astfel, tastând sau lipind textul, sigla, legăturile din celulele tabelului, accesând același meniu, puteți selecta meniul „Tema”, unde puteți selecta diverse teme pentru proiectarea paginii, link-uri, fundalul paginii și multe altele. Această oportunitate este bună pentru cei care doar învață cum să creeze pagini web ș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 se transformă o anumită pagină. Aici puteți oferi un sfat, puteți studia toate funcțiile programului și nu vă fie teamă să încasați acest meniu sau altul, deoarece fiecare instrument are propria proprietate și scopul său de a forma o pagină completă

Introduceți o imagine și creați linkuri către pagini

Este important pentru webmasterii începători să știe cum să introducă imagini într-o pagină și să creeze 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 clic mai întâi în câmpul în care doriți să inserați imaginea, apoi în partea de sus faceți clic pe fila „Inserare”\u003e „Imagine”\u003e „Din fișier”, selectați imaginea dorită și faceți clic pe „Inserați”, după care imaginea va apărea pe pagină. Dând clic pe imagine cu butonul din dreapta al mouse-ului, puteți ieși din meniu cu setări suplimentare de imagine. Este important ca toate imaginile să se afle într-un folder strict definit pentru toate imaginile.

Pentru a accesa alte pagini ale site-ului, trebuie să creați linkuri prin care utilizatorii să poată vizita toate paginile site-ului. Pentru aceasta, selectați textul dorit pentru link și accesați fila „Insert”\u003e „Hyperlink”, din meniul care se deschide, specificați pagina în care este creat linkul și faceți clic pe „ok”. În aceeași fereastră, există alte setări pentru linkuri, cum ar fi dacă se deschide sau nu un link într-o fereastră nouă. În principiu, îl poți studia singur.

Concluzie

Practic, acești editori sunt similari între ei, au funcții și meniuri similare. După ce ați însușit setările de bază, puteți crea cu ușurință site-uri în alți editori. După ce ați însușit aceste principii, puteți trece la o metodă mai complexă de proiectare a site-urilor web - folosind așa-numitul CSS. Puteți citi despre ce este și despre cum să editați un design de site web în articolul de pe CSS.

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

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

Articole pe teme similare

FrontPage este un program pentru crearea paginilor HTML și apoi „publicarea” acestora. Aceasta este o soluție software destul de veche și nu a fost acceptată de mult timp. A fost înlocuit de un program.

Funcţional

FrontPage este un partener util pentru webmasterii care doresc să simplifice procesul de creare a paginilor web și să o facă mai confortabilă. Programul oferă un set mare de instrumente cu care puteți crea nu numai pagini, ci și să le aranjați în conformitate cu dorințele dvs. sau cu cerințele clienților. Suficient de convenabil, programul este capabil să controleze erorile utilizatorului. Toate erorile din etichete vor fi găsite și afișate pentru corectare ulterioară.

Software-ul conține un set încorporat de șabloane pe care le puteți utiliza pentru a vă crea paginile - acest lucru vă va economisi timp și va evita reinventarea roții. Cu ajutorul unui manager dedicat, vă puteți publica lucrările terminate foarte repede. Și în caz de dificultăți și întrebări, vă sfătuim să deschideți secțiunea de ajutor - este mai bine decât Google să vă spună cum să găsiți o ieșire din impas.

Moduri de operare

Produsul software oferă mai multe moduri de funcționare - constructor, cod, rezultate de vizualizare, precum și un mod „combinat”, în cazul căruia fereastra de lucru va fi împărțită în două zone - generarea codului și vizualizarea. Când lucrați cu designerul, vor fi afișate toate greșelile făcute - acolo puteți lucra și cu imagini inserate între text, linkuri, cadre și multe alte elemente. Modul de cod este mai rațional de utilizat nu pentru vizualizare, ci pentru editare.

Caracteristici cheie

• crearea de pagini web, designul și conținutul acestora;
• revizuirea vizuală a codului utilizând modul de proiectare (WYSIWYG);
• biblioteca de șabloane integrată;
• manager încorporat pentru publicarea rapidă și ușoară a rezultatului final;
• capacitatea de a se referi la cartea de referință;
• căutare automată și corectarea erorilor;
• prezența unei versiuni rusești a shell-ului grafic.