Utilizați frontpage 2018 pentru a proiecta site-uri web create cu servicii

Schimbarea temelor

Temele sunt seturi de reguli de formatare și grafică alese în mod profesional, care determină împreună designul vizual al unui site Web. Subiectele includ designul butonului, culoarea fontului și regulile de formatare. Când utilizați teme cu Windows SharePoint Services, subiectele includ, de asemenea, reguli de formatare pentru afișarea părților Web și a altor elemente de pe un site Web creat cu Windows SharePoint Services.







Alte modificări

Repetarea aceluiași conținut pe mai multe pagini

Cele mai multe stiluri de design web includ aceeași bară de navigare pentru toate paginile, antetul și subsolul conținând informații despre drepturi, informații de contact, condiții pentru utilizarea resurselor și așa mai departe.

Controlul asupra părților editabile ale paginilor web se realizează prin intermediul unor șabloane web dinamice. Șabloanele web dinamice sunt șabloane de pagini cu zone de editare predefinite care rămân legate de pagină după ce au fost create.

De exemplu, puteți crea un șablon web dinamic care se aplică la 30 de pagini de pe un site Web. Când doriți să faceți modificări, de exemplu, la subsolul tuturor paginilor, trebuie doar să editați partea corespunzătoare a șablonului - toate cele 30 de pagini vor fi actualizate automat. De asemenea, puteți să aplicați mai multe șabloane pe un site Web și să aveți pagini care nu se referă la șabloane și, prin urmare, pot fi complet editate.

Figura 16 - Crearea unui șablon web dinamic în FrontPage

Acum trebuie să definiți paginile la care se va aplica designul definit în acest șablon. Dacă doriți să atașați mai mult de un șablon de pagină, este mai convenabil de a face acest lucru prin selectarea fișierelor de pagină din lista de dosare din partea stângă (țineți apăsată tasta Ctrl pentru a elibera selectiv fișiere sau tasta Shift pentru a selecta mai multe fișiere în ordine).

Figura 17 - Caseta de dialog Editare regionale

Notă. Dacă șablonul web dinamic include componente Web sau controale sau cod ASP.NET, atunci paginile legate trebuie să aibă o extensie .aspx. Dacă se întâmplă această situație, vi se va cere să salvați paginile cu extensia .aspx.

Zonele controlate de șablon nu pot fi editate.

Căutare avansată și înlocuire funcții

Figura 18 - caseta de dialog Găsire și înlocuire

înregistrare

Modificați culorile, fonturile și formatarea cu teme proprii

După cum se menționează în secțiunea "Modificarea temelor" din acest document, subiectele reprezintă cea mai bună modalitate de a modifica fontul, formatul și elementele grafice din paginile întregului site web sau numai pe paginile selectate.

Foi de stil cascadă

Editare în loc de a crea

Dacă doriți să vă creați propria temă, specificând culorile, fontul, formatul, butoanele și așa mai departe, vă recomandăm să editați tema finită în loc să creați una nouă. Există sute de opțiuni pentru formatare. De cele mai multe ori este mai ușor să găsiți un subiect existent și să îl editați decât să începeți de la zero și să definiți fiecare element de formatare. De exemplu, temele vă permit să alegeți opțiunile de formatare, chiar și pentru elemente cum ar fi culoarea de fundal a calendarului sau culoarea fontului utilizate în fereastra pop-up pentru selectarea datei. Dacă începeți cu o temă a cărei schemă de culoare este deja similară cu cea pe care doriți să o utilizați, nu trebuie să schimbați multe detalii mici, deoarece acestea vor fi deja acceptabile. În schimb, vă puteți concentra complet asupra editării unor elemente importante, cum ar fi formatarea textului corpului paginii, legături și așa mai departe.

Salvarea temei proprii

Faceți clic pe subiectul pe care doriți să-l utilizați și selectați Particularizați pentru a deschide caseta de dialog Personalizare temă. Faceți clic pe butonul Salvați ca și în caseta de dialog Salvează tema care se deschide, introduceți numele subiectului în caseta Introducere nouă temă temă și faceți dublu clic pe OK. Astfel, ați salvat un nou subiect, dar nu l-ați aplicat încă pe site.

Notă. Puteți să vă creați propria temă de la zero și apoi să o editați în FrontPage. Pentru a face acest lucru, în loc să selectați un subiect existent și apoi să faceți clic pe butonul Personalizați, faceți clic pe butonul Creați o temă nouă în partea de jos a panoului de sarcini Temă.

Aplicând propria temă pe site-ul dvs. web

Pentru a aplica propria temă pe un site Web, dați clic pe el în fereastra Selectați o temă din panoul Teme și selectați Aplicare ca temă prestabilită. De acum înainte, toate modificările aduse subiectului vor fi reflectate în toate paginile site-ului dvs. web, inclusiv în pagini noi.

Puteți modifica culorile de pe site-ul dvs. web utilizând caseta de dialog Personalizare temă. Este disponibil în panoul de activități Themes (faceți clic pe subiect și selectați Particularizare). Faceți clic pe butonul Culori și apoi pe fila personalizată.

Butonul Text din caseta de dialog Particularizarea temei vă permite să modificați fonturile utilizate în titlurile corpului și al paginilor.

După ce ați terminat de editat culorile, grafica și fonturile, faceți dublu clic pe OK. Confirmați că modificările sunt salvate făcând clic pe Da.

Pentru fiecare temă există aproximativ 300 de stiluri. Cu această colecție de stiluri, puteți schimba chiar și cele mai mici elemente ale designului unui site Web creat cu Windows SharePoint Services. Majoritatea temelor proprii create de dvs. schimba doar un număr mic de stiluri disponibile. Dacă elementul pe care doriți să îl modificați nu este în sfera de culori, grafică sau fonturi, trebuie să aflați ce tabelă de stil cascadă este responsabilă pentru modificarea acestui element.

După ce ați aflat ce stil trebuie să modificați, puteți să modificați textul făcând clic pe butonul Text din caseta de dialog Particularizați tema și apoi făcând clic pe butonul Mai multe stiluri de text. Se deschide caseta de dialog Stil, unde veți găsi o listă a tuturor stilurilor care se aplică acestui subiect. Selectați un stil pentru care doriți să editați și faceți clic pe butonul Edit (Modificare) pentru a deschide o Schimbarea stilului de dialog (Modificare Style).

Figura 19 - caseta de dialog Modificare stil

Faceți clic pe butonul Format și apoi selectați elementul corespunzător pentru modificări: Font, Paragraph, Border, Numbering or Position. Fiecare dintre aceste elemente vă oferă un control complet asupra formatării posibile. De exemplu, puteți schimba culoarea fontului, crește distanța înainte sau după textul, se adaugă un chenar doar în partea de sus a textului sau să poziționați textul astfel încât să fie aliniat la dreapta. Există un număr nelimitat de opțiuni posibile.







Pentru a utiliza această funcție, trebuie mai întâi să importați imaginea de design pe site-ul dvs. Web. Pentru aceasta, selectați comanda Import din meniul Fișier. Creați o pagină nouă și, din meniul Afișați, indicați eșantionul Imagine (Imagine de urmărire). Selectați Configurare pentru a deschide caseta de dialog Trasare imagine. Faceți clic pe butonul Răsfoiți, selectați fișierul imagine pentru designul dvs. și faceți clic pe butonul Deschidere. Utilizați cursorul Opacitate pentru a regla transparența imaginii.

Figura 20 - Instrumentul pentru eșantionarea imaginilor (Image Tracking)

O versiune translucidă a imaginii de design va apărea ca fundal al paginii dvs. Puteți utiliza toate instrumentele pe care le cunoașteți pentru a crea o pagină Web care să suprapună o imagine eșantion. Abilitatea de a vedea aspectul când lucrați pe o pagină simplifică foarte mult procesul de creare a unei pagini în conformitate cu designul ales. Pentru a șterge o imagine de probă la sfârșitul creării paginii, deschideți din nou caseta de dialog Eșantion imagine (Trasare imagine) din nou, ștergeți calea spre fișierul imagine al desenului și faceți clic pe OK.

Adăugarea de efecte de comportament diferit la paginile dvs.

Unele modele de site-uri web constau din elemente suprapuse între ele. De exemplu, atunci când proiectați o pagină web, este posibil să fie necesar să plasați o imagine, iar în partea superioară a acestei imagini, textul să se suprapună cu două celule de masă. Suport pentru straturi FrontPage vă permite să plasați mai multe elemente de design într-o zonă a paginii. În meniul Format, faceți clic pe Straturi și faceți clic pe butonul Inserați stratul pentru fiecare strat pe care doriți să-l inserați. Va fi deschis un panou albastru, cu ajutorul căruia puteți determina conținutul fiecărui strat.

Figura 21 - Panoul de activități Straturile (straturile)

Notă. Puteți combina straturile și funcția Comportamente pentru a da interactivitate paginii. De exemplu, puteți specifica un strat care este responsabil pentru apariția unui alt strat prin adăugarea funcției Behavior la primul strat.

Adăugați știri și jurnale web pe site-ul dvs. utilizând pachete web

Site-ul web pentru știri și recenzii

Jurnalele Web reprezintă o modalitate excelentă de a stoca note nonstructurale pe orice subiect. Pachetul weblog creează toate paginile necesare pentru a găzdui jurnalul pe un site existent sau pentru a crea un nou site web. Pentru a crea un blog web, din meniul Fișier, faceți clic pe Nou, iar în panoul de activități deschis, faceți clic pe link-ul pentru pachetele de soluții Web. Se deschide caseta de dialog Șabloane de site Web. Selectați șablonul Jurnal Web și specificați locația casetei de site Web noi, specificați calea pentru site-ul de știri și recenzii pe care îl creați. Pentru a adăuga un blog la un site existent, asigurați-vă că ați selectat caseta de selectare Adaugă la actualul site Web. Faceți clic pe OK pentru a crea site-ul web.

Deplasarea sau implementarea unui site Web utilizând pachetele Web

Puteți converti cu ușurință site-ul Web într-un pachet web care poate fi utilizat pentru a crea un alt site cu aceleași pagini sau chiar cu aceeași structură de liste, biblioteci și sondaje. Când creați un pachet web, puteți selecta anumite pagini, liste sau biblioteci.

Figura 22 - caseta de dialog Export pachet Web

În caseta de dialog Import pachet Web, introduceți locația noului site Web în caseta de text Destinație. În fereastra Elemente din pachetul Web pentru a importa, asigurați-vă că toate elementele pe care le selectați sunt marcate cu casete de selectare. Faceți clic pe Import, apoi pe Da pentru a confirma instalarea pachetului Web. Acest lucru va crea un site web bazat pe pachetul Web selectat.

Figura 23 - caseta de dialog Import pachet Web

Consiliul. Pachetele web reprezintă o modalitate excelentă de a reproduce o copie exactă a structurii site-ului, dar conținutul listelor și al bibliotecilor nu este inclus în pachetul Web. Dacă doriți să mutați complet un site web dintr-o locație în alta, inclusiv toate listele, bibliotecile și structura site-ului, utilizați Backup and Restore în loc să creați un pachet Web. Site-ul Web de rezervă și funcțiile de Restaurare site Web sunt disponibile din meniul Instrumente atunci când plasați cursorul peste elementul Servere. Pentru mai multe informații despre copierea de rezervă și restaurarea site-urilor web utilizând pachetele Web, consultați documentul oficial Mutarea site-urilor Web create cu Microsoft Windows SharePoint Services (Mutarea site-uri Web create cu Microsoft Windows SharePoint Services).

Lucrul cu datele

Soluții bazate pe date

Utilizând vizualizarea de date, puteți crea soluții bazate pe date afișând reprezentări live sau statice din diferite surse. Vizualizările de date afișează date vii în modul "numai pentru citire", derivate din orice sursă care poate fi convertită în XML. Cu toate acestea, datele nu sunt stocate pe site-ul Web. Sursele de date pot include liste și biblioteci ale serviciilor SharePoint, fișiere XML, câmpuri de date live XML, servicii Web, scripturi de pe server, baze de date OLEDB și așa mai departe. Pentru a crea pagini Web dinamice, vizualizările de date utilizează pagini ASP.NET care se bazează pe tehnologiile serverului Microsoft .NET și furnizează numai vizitatorilor site-ului informații actualizate.

Figura 24 - Domeniul de sarcini Catalogul surselor de date (Catalogul surselor de date)

Unul dintre cele mai mari avantaje ale afișării datelor din diverse surse este economisirea timpului și a banilor prin obținerea celor mai recente informații din sursele existente. Acest lucru vă permite să nu așteptați crearea unui alt grup și apoi să trimiteți rapoarte, care până atunci ar putea fi deja depășite. Mai jos sunt câteva exemple privind modul în care puteți utiliza vizualizările de date pentru a popula site-ul dvs. Web:

  • Rețeaua internă a departamentului de vânzări poate afișa automat o listă de produse disponibile în exces, în scopul vânzării rapide a acestora. O astfel de listă poate proveni chiar de la un sistem terț de management al depozitelor.
  • Rețeaua de administrare internă poate afișa automat cele mai importante date ale fiecărui departament sau sucursală din contabilitate, depozit, serviciul pentru clienți, departamentul de vânzări sau departamentul de inginerie. Astfel, toți indicatorii sunt imediat disponibili pe pagină, fără a fi nevoie să așteptați rapoartele fiecărui grup.
  • Site-ul de vânzări pentru clienți poate afișa liste cu produsele dvs., descrierile acestora și informații despre disponibilitatea acestora utilizând o listă centralizată de produse.

Vizualizările de date vă permit, de asemenea, să schimbați stilurile de prezentare, să filtrați datele astfel încât să fie afișate numai informațiile care corespund interogării dvs. și să sortați și să grupezi datele pe care le alegeți. Faceți clic dreapta pe listă și selectați Proprietăți Vizualizare date pentru a deschide panoul de activități Vizualizare detalii. Apoi, faceți clic pe fila Gestionați setările de vizualizare pentru a modifica setările de stil, filtrarea, sortarea și gruparea. Lucrul cu vizualizările de date a fost descris în secțiunea "Liste și biblioteci".

Figura 25 - Proprietățile fila Gestionare setări vizualizare

În plus, puteți selecta date care corespund condițiilor de interogare utilizând formatarea condiționată. De exemplu, lista clienților care au cumpărat produsele dvs. poate afișa toți clienții care au plăți restante în text roșu, iar lista vânzărilor potențiale poate afișa toate conturile restante în galben pe fundal verde. Reprezentările de date afișează datele "live", de aceea, de îndată ce datele se schimbă, formatarea acestora se modifică și în funcție de condițiile la care răspund aceste date.

Lucrul cu componentele Web

Pentru a insera o zonă a unei părți Web într-o pagină, din meniul Date, faceți clic pe Inserare zonă componentă Web, după care zona de componentă Web va fi afișată pe pagină. Faceți clic pe pentru a introduce o legătură de parte Web în zona Parte Web pentru a deschide panoul de activități Web Parts. Apoi puteți face clic și trageți componentele Web în zona Parte Web a paginii. Astfel, puteți să vă creați o pagină Web Parțială.

Figura 26 - Pagina Partea Web cu Zona Parte Web Parțială (Zona Parte Web)

Măsurarea performanței și evaluarea utilizării unui site web utilizând rapoarte

Rezumatul site-ului afișează informații cheie despre site, cum ar fi:

  • Numărul de descărcări și descărcări.
  • Numărul de fișiere și imagini.
  • Numărul de fișiere individuale care nu sunt menționate (astfel de fișiere pot fi șterse ca inutile).
  • Încărcate pagini lent.
  • Fișiere vechi și așa mai departe.

Acest raport este util pentru identificarea și rezolvarea problemelor comune de pe site-ul dvs. web.

Analiza utilizării vă permite să determinați ce pagini Web de pe site-ul dvs. sunt mai vizitate și care sunt mai puțin (aceste pagini nu mai au nevoie de actualizări).

Analiza utilizării arată, de asemenea, o scurtă descriere a utilizării site-ului, inclusiv numărul de vizite, numărul de accesări ale paginii, numărul de octeți descărcați, cele mai frecvente surse de link-uri și așa mai departe.







Trimiteți-le prietenilor: