Crearea paginilor Web cu FrontPage. Utilizarea șabloanelor Microsoft FrontPage și a vrăjitorilor care conectează la site-uri web

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 utilitarului se bazează pe o tehnologie care este folosită și în binecunoscutul browser IE. Dezvoltatorul notează că, în cazul lucrului cu browsere care utilizează motoare terțe, afișajul va arăta diferit.

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

Editorul este recomandat pentru utilizare 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 elementele de bază ale construirii site-ului.

Descărcați gratuit versiunea completă în limba 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âncime de biți: 32 de biți, 64 de biți, x86

Dacă mai devreme părea că crearea de pagini web era destul de complicată și imposibilă fără cunoștințe speciale, atunci după începerea lansării editorilor HTML cu funcția WYSIWYG, s-a dovedit că chiar și un începător absolut care nu știe nimic despre limbajele de marcare poate face un site. Unul dintre primele produse software ale acestui grup a fost Front Page pe motorul Trident de la Microsoft, care a fost inclus în diferite versiuni ale suitelor de birou până în 2003 inclusiv. Nu în ultimul rând din cauza acestui fapt, programul s-a bucurat de o popularitate atât de mare.

Caracteristica principală a programului, care atrage în special începătorii, este abilitatea de a aranja o pagină fără cunoștințe de cod HTML sau alte limbaje de marcare. Acest lucru a devenit real datorită funcției WYSIWYG, al cărei nume este o abreviere în engleză a expresiei tradusă în rusă prin „ceea ce vezi este ceea ce primești”. Adică, utilizatorul are posibilitatea de a tasta text și de a insera imagini pe pagina web fiind creată aproape în același mod ca și în procesorul de text. Principala diferență față de acesta din urmă este că în Prima Pagina sunt disponibile mai multe componente web diferite, cum ar fi Flash și XML. Funcția WYSIWYG este activată atunci când lucrați în "Constructor".

Folosind elementele din bara de instrumente, puteți formata textul în același mod ca în Word:

Alegeți un tip de font;
Setați-i dimensiunea;
Culoare;
Specificați poziționarea și multe altele.

În plus, puteți introduce imagini direct din editor.

Editor HTML standard

Pentru utilizatorii mai avansați, programul oferă posibilitatea de a utiliza un editor HTML standard folosind un limbaj de marcare.

Editor divizat

O altă opțiune pentru lucrul în program la crearea unei pagini web este utilizarea editorului divizat. În partea superioară se află un panou în care este afișat codul HTML, iar versiunea acestuia în modul este afișată în partea inferioară. "Constructor". La editarea datelor dintr-unul dintre panouri, datele din celălalt sunt modificate automat.

Modul de vizualizare

Prima Pagina are si posibilitatea de a vizualiza pagina web rezultata in forma in care aceasta va fi afisata pe site prin browser-ul Internet Explorer.

Verificare a ortografiei

Când lucrați în moduri "Constructor" sau "Cu diviziune" Prima pagină are o funcție de verificare ortografică similară cu cea din Word.

Lucrează în mai multe file

Puteți lucra în program în mai multe file, adică puteți crea mai multe pagini web în același timp.

Aplicarea șabloanelor

Prima pagină oferă posibilitatea de a crea un site bazat pe șabloane de design gata făcute încorporate în programul însuși.

Comunicarea cu site-urile web

Programul are capacitatea de a comunica cu diverse site-uri web prin transferul de date.

Avantaje

Ușurință în utilizare;
Prezența unei interfețe în limba rusă;
Abilitatea de a crea site-uri web chiar și pentru un începător.

Defecte

Programul este învechit din punct de vedere moral, deoarece nu a fost actualizat din 2003;
Nu este disponibil pentru descărcare pe site-ul oficial din cauza faptului că nu a fost susținut de dezvoltator de mult timp;
Se remarcă incorectitudinea și redundanța codului;
Nu acceptă tehnologii web moderne;
Este posibil ca conținutul paginii web creat în Prima Pagina să nu se afișeze corect în browserele care nu rulează pe motorul Internet Explorer.

Front Page este un editor HTML WYSIWYG care a fost popular în rândul utilizatorilor la vremea sa și s-a remarcat prin ușurința de a crea pagini web. Cu toate acestea, în prezent este iremediabil depășit, deoarece nu a fost susținut de Microsoft de mult timp, iar tehnologiile web au mers deja mult înainte. Cu toate acestea, mulți utilizatori își amintesc acest program cu nostalgie.

FrontPage este un editor conceput pentru a crea pagini cu cod hipertext. Acest program oferă crearea de HTML - etichete, liste, teme și stiluri neobișnuite pentru site-uri web.

FrontPage este considerat software de generație veche și este puțin folosit. Acum există un program mai avansat pentru crearea de hipertext - Adobe Dreamweaver.

Mulți web designeri folosesc și SharePoint Designer, care a înlocuit „vechea” FrontPage. În FrontPage, puteți crea pagini web cu standarde de hipertext care sunt învechite astăzi. Programul este echipat cu o „structură arborescentă” și afișează solicitări la introducerea etichetelor.

Funcţional

Acest editor HTML este util pentru designerii web începători care tocmai învață cum să creeze site-uri la nivel de intrare. Software-ul are un număr mare de instrumente care asigură crearea de pagini cu hipertext. Folosind FrontPage, veți crea designul lor grafic și etichetele de site corespunzătoare pe care le-a specificat clientul.

Avantajul acestui editor este controlul erorilor pe care utilizatorul le face atunci când introduce tag-uri și comenzi. Programul va găsi toate etichetele introduse incorect și va afișa opțiuni pentru corectare.

FrontPage vine cu un set integrat de șabloane. Indiferent dacă sunteți începător sau profesionist, utilizați șablonul și creați pagini într-un mod care economisește timp. Programul funcționează ca manager și oferă publicarea rapidă a paginii create. Dacă aveți întrebări dificile despre lucrul cu software-ul, deschideți ajutorul conectându-vă la Google.

Moduri de operare

Editorul de hipertext are moduri de operare care diferă ca capabilități. Vizualizarea design arată fereastra editorului și codul cu opțiuni suplimentare. Intrând în modul „cod”, lucrezi doar cu hipertext.

În „vizualizarea rezultatelor” veți vedea o schiță a site-ului creat. Folosind modul „combinat”, veți vedea zona principală pentru crearea codului și vizualizarea „blankului”.

Lucrând în „constructor”, veți vedea toate erorile. În acest mod, puteți lucra cu imagini și le puteți adăuga în locuri diferite. Puteți adăuga toate linkurile, cadrele și alte elemente. Modul cod este potrivit pentru vizualizarea hipertextului, dar nu pentru editarea acestuia.

Caracteristici cheie

prelucrare si creare de pagini web cu design ulterior;
vizualizarea hipertextului finit folosind modul design;
bază încorporată cu semifabricate, ceea ce simplifică lucrul cu proiectul;
manager cu un mod convenabil de publicare;
programul are ajutor încorporat;
căutarea datelor și corectarea erorilor;
designul grafic al editorului este localizat în limba rusă.

Program pentru crearea site-urilor web FrontPage- acesta este un adevărat ajutor nu numai pentru începători. Toate paginile site-ului arată ca cod html. Acest cod este format din multe numere, litere și simboluri. Pentru a crea un site web, trebuie să luați și să scrieți acest cod.

Pentru a face acest lucru, trebuie să înțelegeți bine ce înseamnă fiecare personaj. Este aproape imposibil pentru o persoană obișnuită să facă asta. Iată cum arată această pagină a site-ului în cod html:

Program pentru crearea site-urilor Prima pagină

Există un program special care vă permite să creați site-uri web fără a cunoaște codul html. Acest program este gratuit și se numește Microsoft Office FrontPage. De fapt, acesta este un editor vizual și vedeți tot ce creați online.

Site-urile care sunt create în programul FrontPage nu se tem de viruși și de atacurile hackerilor. O copie a site-ului este stocată pe computerul dumneavoastră. Oricând, indiferent de ce s-ar întâmpla, îl poți pune pe internet fără probleme.

Descărcați Microsoft Frontpage - Tutoriale pentru începători

Acesta este un program foarte ușor de utilizat. Orice începător se poate descurca. Este în rusă și este foarte asemănător cu Microsoft Word (Word).

Descărcați Microsoft Frontpage - gratuit

Iată cum arată după instalare pe un computer:

Descărcați Microsoft Frontpageși instalați. Dacă aveți abilitățile de a lucra în programul Word, atunci nu vă va fi dificil să creați site-uri în programul Prima pagină. Acesta va traduce automat tot ce scrieți în cod html.

Vă asigur că lucrul în program este o plăcere. Toate lecțiile de pe acest site sunt destinate începătorilor. Prin urmare, vom învăța cum să facem un site web într-un program care este foarte ușor de înțeles.

Acum v-ați familiarizat pe scurt cu scopul programului. În lecțiile ulterioare, îi vei stăpâni cu succes principalele funcții și capacități.

Veți vedea că a face un site web cu acest program este la fel de ușor precum decojirea perelor. Nu uitați să descărcați Programul Microsoft Frontpage, vom crea un site în el.

Prima introducere lectie pentru incepatori Ai trecut cu succes. Acum să trecem mai departe și să începem construirea site-ului. Pentru a face acest lucru, mergeți la următoarea lecție. În el veți afla din ce părți constă pagina site-ului.

Un program cu care puteți înțelege pur și simplu principiile de bază ale proiectării paginilor web, care are o gamă largă de instrumente suplimentare pentru crearea de site-uri web complexe, portaluri.

Pe scurt despre Microsoft FrontPage

Este un editor web ușor de învățat și ușor de utilizat pentru proiectarea, pregătirea și publicarea site-urilor 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 munca 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 „manichini”: programul oferă funcționalități largi și diverse instrumente pentru optimizarea paginilor web.

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

Principalele instrumente ale programului

Vedere generală a Microsoft FrontPage

Microsoft FrontPage are multe în comun cu instrumentele MS Word, așa că multe dintre butoane și file de meniu sunt, de asemenea, intuitive, facilitând procesul de creare a paginii. Mulți oameni știu deja să tasteze și să formateze text simplu, să creeze tabele în Microsoft Word, iar pagina este editată în același mod în FrontPage.

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

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

Pentru o descriere detaliată a altor meniuri, butoane și funcții ale Microsoft FrontPage, consultați Ajutorul programului. Pentru a face acest lucru, apăsați tasta „F1”.

Crearea unui șablon de pagină în FrontPage

Inserarea tabelului principal în editor

Și astfel, pentru a crea un șablon simplu, trebuie să inserați un tabel cu trei blocuri. Trei blocuri este un standard simplu: blocul de sus este pentru numele site-ului, al doilea bloc este pentru link-urile de navigare pe site, 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 deja o chestiune de gust cum, câte și ce dimensiuni să faceți aceste blocuri. Există o altă modalitate de a crea blocuri nu prin crearea de tabele, ci prin inserarea așa-numitelor elemente „div” în pagini și alocarea anumitor stiluri acestora, dar această metodă nu este pentru noii webmasteri și se poate scrie un articol separat despre asta.

Pentru a insera un tabel, accesați fila „Tabel” > „Inserare” > „Tabel” și completați câmpurile, așa cum se arată în figura din dreapta. De fapt, puteți introduce propriile parametri, dar acest tabel are o lățime fixă și se întinde pe 100% din suprafața ecranului. Astfel, tabelul va fi afișat compact în browser.
Apoi trebuie să ajustați toate cele trei celule, deoarece au aceeași înălțime după inserare. Facem clic dreapta pe celula de sus și mergem la „Proprietăți celule” în câmpul de înălțime, introducem condiționat „150” și bifăm caseta „în puncte”, adică. dimensiunea celulei va fi de 150 de pixeli. În același meniu, putem selecta culoarea de fundal a celulei, iar făcând clic pe meniul „stil ...”, puteți face alte setări pentru celule, de exemplu, selectați culoarea și dimensiunea marginii celulei, puteți experimentați cu asta și vedeți rezultatul. În celula propriu-zisă, puteți introduce numele site-ului.
Apoi, editați a doua celulă, care este pentru link-urile de navigare pe site. Facem lățimea de aproximativ 40 de pixeli, acest lucru va fi suficient, iar alte setări, cum ar fi culoarea de fundal și marginile, sunt personalizabile după gustul dvs. În continuare, scriem numele link-urilor în sine, separându-le cu semne de linie verticală sau alt semn (puteți vizualiza mai jos descărcând șablonul complet). 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.
Ajustați și ultima celulă. Este destinat textului principal, unde puteți introduce textul de salut.
În cele din urmă, puteți merge la fila „Fișier” > „Proprietăți”, unde puteți introduce numele site-ului și puteți modifica fundalul general al paginii și alte setări generale

Acum șablonul este gata. Este cadrul pentru toate paginile ulterioare ale site-ului. Iată cum arată site-ul în cod HTML:

Primim un șablon pentru site

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

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 nevoilor dvs. Aici merită să lămurim că acolo unde este inserat textul principal și pentru ca acesta să nu fie situat aproape de câmpuri, acesta a fost încadrat în eticheta „div”, cu setarea de indentare, așa cum se arată în exemplu.

Șabloane suplimentare

De asemenea, trebuie să știți că în FrontPage și în alte programe similare, există șabloane standard pe care le puteți utiliza pentru a crea pagini, sunt ușor de editat și puteți potrivi orice șablon la nevoile dvs. Pentru a selecta un șablon standard, accesați fila „Fișier” > „Nou...” din fereastra care se deschide, selectați „Alte șabloane de pagină”, unde puteți selecta orice șablon doriți.
Există o a doua opțiune - descărcați șablonul complet de pe Internet. Există multe site-uri web care oferă acest serviciu. șabloanele pot fi atât plătite, cât și gratuite. După descărcarea acestui sau acela șablon, îl puteți edita în program, îl puteți completa cu conținutul necesar și puteți schimba stilul acestui sau aceluia element.

Utilizarea aspectelor și temelor standard de tabel

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

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

Și astfel, tastând sau inserând textul, logo-ul, link-urile în celulele tabelului, mergând în același meniu puteți selecta meniul „Temă”, unde puteți selecta diferite teme pentru designul paginii, link-uri, fundalul paginii și multe altele. Această oportunitate este bună pentru cei care tocmai învață cum să creeze pagini web și reflectă destul de clar procesul de creare a unui site. Cu alte cuvinte, în Microsoft FrontPage, puteți experimenta diferite setări și puteți vedea vizual cum se transformă această sau acea pagină. Aici puteți oferi un sfat, puteți studia toate funcțiile programului și nu vă fie teamă să încasați un anumit meniu, deoarece fiecare instrument are proprietățile și scopul său pentru formarea unei pagini cu drepturi depline.

Inserați o imagine și creați link-uri către pagini

Este important ca webmasterii începători să știe cum să insereze imagini într-o pagină și să facă linkuri către alte pagini. De exemplu, în loc de textul numelui site-ului, puteți insera o imagine a siglei site-ului. Pentru a face acest lucru, faceți mai întâi clic în câmpul în care doriți să inserați imaginea, apoi în partea de sus faceți clic pe „Insert” > „Picture” > fila „From File”, selectați imaginea dorită și faceți clic pe „Insert”, după pe care poza va apărea pe pagină. Făcând clic pe imagine cu butonul din dreapta al mouse-ului, puteți ieși din meniu cu setări suplimentare pentru imagine. Este important ca toate imaginile să fie într-un folder strict definit pentru toate imaginile.

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

Concluzie

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

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

Dacă aveți întrebări despre articol, despre utilizarea unor astfel de programe pentru crearea de site-uri, atunci le puteți întreba în firul de discuții al forumului nostru.

Articole similare