În fiecare an, WordPress se îndepărtează din ce în ce mai mult de eticheta „motor de blog” în favoarea site-urilor de cărți de vizită, magazine online și site-uri cu o singură pagină. Solicitările utilizatorilor se schimbă și ele.
Primul lucru pe care îl doresc proprietarii de site-uri web de cărți de vizită este să facă o pagină de pornire statică, deoarece... Ea este cea care spune imediat vizitatorului despre companie, despre serviciile acesteia și oferă posibilitatea de a-și continua cunoștințele.
În acest tutorial vom vorbi despre crearea unei pagini de start statice. Va fi un videoclip la final! Merge! 😉
Multe teme premium (care sunt achiziționate pentru bani) au propriul mecanism de personalizare a paginii principale, iar materialul din această instrucțiune poate fi inutil. Vă rog să amintiți asta.
Dacă nu puteți schimba pagina principală conform recomandărilor mele, atunci ar trebui să studiați documentația pentru tema dvs.; poate că există nuanțe în configurarea acesteia. 🙂
Sfat: Foarte des, atunci când creați o pagină, aveți posibilitatea de a selecta un șablon în interfața de creare a paginii. Va spune fie „Pagină de pornire”, fie altceva, dar în acest spirit, în general. Vă rugăm să rețineți că acesta poate fi exact cazul dvs.
Introducere
În mod implicit, WordPress afișează ultimele N postări pe pagina principală în ordine cronologică inversă. Formatul obișnuit de blog, nimic neobișnuit și ești deja familiarizat cu el.
Acest comportament este aproape întotdeauna folosit în majoritatea temelor gratuite. Cu doar câteva excepții, temele gratuite pot face din pagina principală o pagină statică în loc de un blog.
Această instrucțiune va fi necesară doar pentru cei care, după instalarea temei, afișează postări pe pagina principală, și nu glisoare, un bloc de servicii și alte elemente non-blog.
Crearea paginilor
Pentru a instala o pagină de pornire statică, trebuie mai întâi să o creați. Accesați meniul „Pagini” - „Adăugați nou”, introduceți textul necesar și publicați-l.
Există o nuanță aici: pentru că Eliminam postările de blog din pagina principală; mai trebuie să creăm o pagină separată numită „Blog”, de exemplu. Va fi folosit pentru a afișa intrările dvs.
În total, după aceste operațiuni veți avea două pagini: „Acasă” și „Blog”, vă puteți alege singur. Prefer să folosesc „glavnaya” și „blog”, simplu și simplu.
Setarea paginii de pornire
Acum este doar o chestiune de lucruri mici: trebuie să marchem pagina noastră nou creată ca pagină principală. Pentru a face acest lucru, accesați secțiunea „Setări” - „Citire” și uitați-vă la blocul de setări care ne interesează:
Comutăm opțiunea la „Pagină statică” și avem posibilitatea de a selecta pagini noi create recent din lista de pagini. Hai să o facem așa:
Salvăm și mergem la pagina principală, ne asigurăm că în locul ei acum nu există înregistrări, ci informațiile de care aveți nevoie despre compania sau proiectul dumneavoastră. Exact ce ne-am dorit! 🙂
Utilizați o pagină existentă
De fapt, nu trebuie să creați o pagină de pornire specială, ci să utilizați una dintre cele existente pentru aceasta, de exemplu, „Despre companie” sau „Servicii”. Aceasta este cea mai bună opțiune pentru un site web pentru cărți de vizită.
Pentru un blog, aceasta ar putea fi o pagină de bun venit sau despre autor. Dar am făcut ceva diferit pe blogul personal - am modificat șablonul astfel încât să fie vizibile atât postările de pe pagina principală, cât și salutul necesar.
World Wide Web
World Wide Web (WWW) este o rețea de resurse de informații din întreaga lume. O resursă înseamnă aici orice informație disponibilă pentru utilizatorii rețelei. Acesta poate fi fie un simplu document text, fie un program, o arhivă sau un fel de serviciu pentru utilizator (de exemplu, un serviciu care oferă ora exactă).
De obicei, utilizatorii înțeleg Internetul ca un set de site-uri care pot fi vizitate printr-un browser și care sunt interconectate prin link-uri (hyperlink-uri).
Acesta este doar unul dintre multele aspecte ale internetului. Totuși, când se vorbește despre web design, se referă la crearea de site-uri accesibile utilizatorilor prin intermediul unui browser. Prin urmare, ne vom concentra în mod special asupra documentelor în limbajul HTML.
Pentru a spune simplu, browserele sunt programe pentru afișarea documentelor HTML. Adică, atunci când introduceți un site în bara de adrese, browserul descarcă codul html și vi-l afișează ca pagină web. În prezent, cele mai populare browsere sunt:
Microsoft Internet Explorer (IE)
· Liderul incontestabil în numărul de persoane care îl folosesc. Potrivit diverselor estimări, ponderea acestui browser este de 85-95%. În ultimul timp a fost exclus de Firefox, dar odată cu lansarea IE7, Firefox poate avea probleme în a câștiga în continuare piața.
Mozilla Firefox
· Răsărit din cenușa Netscape Navigator pe moarte la sfârșitul anilor 90, acest browser câștigă rapid amploare. Popularitatea sa este suma a două componente: open source și un număr mare de extensii (plugin-uri) pe care oricine le poate scrie.Unele dintre extensii sunt pur și simplu capodopere.Personal, folosesc extensia HTML Validator, care îmi arată erori html pe un web pagina cu descrierea detaliată a erorii. Acest lucru este foarte util la dezvoltarea paginilor web.
· Un browser foarte frumos de la programatori scandinavi. Gratuit și foarte bogat în funcții.
Există, de asemenea, un număr mare de browsere care utilizează efectiv biblioteci din Internet Explorer.
Pagini statice și dinamice
Probabil că ați auzit adesea conceptele de pagini web statice și dinamice. Aici este important să înțelegem clar despre ce vorbim și la ce se aplică aceste concepte.
Paginile sunt împărțite în statice și dinamice în funcție de comportamentul documentului în browser. Pe de altă parte, aceste concepte sunt adesea folosite în alt sens. Documentele sunt, de asemenea, împărțite în statice și dinamice, în funcție de modul în care este creat documentul.
Pe baza comportamentului documentului în browserul utilizatorului, există:
· Pagini html statice
· Static - înseamnă că pagina arată întotdeauna la fel, indiferent de acțiunile utilizatorului. De exemplu, meniul este organizat prin link-uri către pagini individuale, mai degrabă decât printr-o listă derulantă.
· Pagini html dinamice
· Aceste pagini pot răspunde deja la acțiunile utilizatorului și pot modifica. De exemplu, când faceți clic pe text, poate apărea un bloc de text cu traducerea cuvântului. Apropo, exact așa este implementat unul dintre pluginurile de traducere pentru browserul Firefox.
Dinamica paginilor web este implementată folosind scripturi care sunt executate de browser. Multe elemente ale limbajului HTML acceptă definiția de gestionare a evenimentelor. De exemplu, puteți seta procesarea evenimentului „clic de mouse” pe imagine. Apoi, dacă utilizatorul face clic pe această imagine, va fi apelat handlerul definit pentru aceasta.
Acest lucru poate suna puțin confuz, dar nu vă faceți griji. Când vei întâlni asta, totul va fi mai ușor.
Cel mai comun limbaj pentru crearea de pagini web dinamice este JavaScript. (A nu se confunda cu limbajul de programare Java. Sunt două entități complet diferite.)
VBscript (scriptul vizual de bază) este folosit mai rar. (Microsoft, ca întotdeauna, a urmat propriul drum.)
Pe baza metodei de creare, documentele sunt din nou împărțite în statice și dinamice.
Paginile sunt numite statice dacă sunt pe server în formă html.
Iar cele dinamice sunt cele care sunt generate „din mers” la cererea browserului.
După cum puteți vedea cu ușurință, dacă există o pagină HTML obișnuită pe server, atunci această abordare este foarte limitată. De exemplu, ai un magazin online și ai adăugat un produs nou. Dacă magazinul dvs. este format din pagini html „statice”, atunci trebuie să editați manual alte câteva pagini. Cel puțin, acesta este un catalog de produse și, probabil, un formular de comandă. Dacă rămâneți fără un produs, trebuie să actualizați din nou site-ul. Este foarte incomod. Prin urmare, nu veți găsi un singur magazin online pe html. (Deși este posibil să vină cu un sistem care să regenereze automat site-ul atunci când un produs se schimbă. Dar aceasta nu este o soluție foarte elegantă).
Dacă site-ul conține conținut care se schimbă frecvent (conținut - informații de pe site), atunci scripturile care rulează pe server vă vor veni în ajutor. Și aceasta este diferența cheie dintre aceste scripturi și cele descrise mai devreme (cele scrise în JavaScript). Funcționează așa:
1. Browserul solicită un document de la server
2. Serverul stabilește că documentul este un script și îl pornește pentru execuție
3. Scriptul generează o pagină html
4. Serverul trimite pagina generată către browser, astfel încât browserul să nu aibă idee că scriptul a fost executat pe server.
Există mai multe limbaje de programare care pot fi folosite pentru a scrie scripturi care generează pagini „dinamice”. Cele mai comune dintre ele:
7. Cod binar (un program C sau C++ compilat în cod executabil)
Fiecare dintre aceste limbi are propriile caracteristici de aplicație. Puteți scrie scripturi în orice limbă. Principalul lucru este să-i cunoști punctele forte și punctele slabe și să le folosești eficient. Vă voi spune mai multe despre aceste limbi pe paginile buletinului nostru informativ. Între timp, este important de știut că există diverse limbaje de programare în care sunt programate site-uri web cu conținut care se schimbă frecvent.
De regulă, dacă vedeți că adresa paginii se termină în .html sau .htm, atunci aceasta este o pagină statică obișnuită. (Desigur, puteți configura serverul astfel încât să execute scripturi care se termină cu aceleași terminații, dar acest lucru nu este practic. Cu toate acestea, .html și .htm sunt standardul și nu ar trebui să redefiniți aceste terminații.) Dacă vezi orice alt final, atunci acesta este cel mai probabil un scenariu. De exemplu, scripturile în PHP au de obicei extensia .php, în Perl - .pl, ASP - .aspx
Dacă adresa nu conține numele paginii (de exemplu, www.neomoon.ru), atunci serverul va folosi documentul implicit (de obicei fie index.html, fie index.htm, fie index.php).
Trebuie spus că acum sistemul hibrid capătă din ce în ce mai mult putere. Numele său este ca cel al unui club de fotbal olandez - AJAX, ceea ce înseamnă: JavaScript asincron și XML (nu știu cum înseamnă numele clubului olandez :)). Această tehnologie permite scripturilor JavaScript să acceseze orice script de pe server și să primească informații de la server. Acest lucru, la rândul său, oferă utilizatorului flexibilitatea de a reîncărca doar o parte din conținutul paginii, mai degrabă decât întreaga pagină (ceea ce economisește mult trafic).
Paginile html statice nu sunt o soluție foarte flexibilă. Ar trebui să le folosiți numai dacă aveți conținut complet static. De exemplu, postați o carte online. Cartea a fost deja scrisă și nu se va schimba. În acest caz, este mult mai eficient și mai ușor să proiectați cartea ca document HTML static.
Dacă aveți informații care se schimbă frecvent pe site-ul dvs., atunci ar trebui să optați pentru utilizarea scripturilor.
Cu toate acestea, scripturile au un dezavantaj: necesită resurse suplimentare de la server pentru munca lor. Dacă trebuie doar să citiți o pagină html de pe server și să o trimiteți în browser, atunci scriptul trebuie mai întâi lansat și executat. În plus, foarte des scripturile folosesc un sistem de gestionare a bazelor de date (DBMS) pentru a stoca datele în schimbare, ceea ce creează încărcare suplimentară.
Nu este minunat să poți crea și întreține singur un site web, fără a apela la cineva pentru ajutor? Pe lângă economisirea de bani (la urma urmei, serviciile de dezvoltare web costă mult), acest lucru vă permite să rezolvați în mod independent o mulțime de probleme: crearea unei pagini web personale, a unui site web corporativ, a unui magazin online, implementarea proiectelor interesante - acesta nu este un listă completă a ceea ce poate face o persoană, competentă în tehnologiile de dezvoltare web.
După ce ați citit această carte, veți afla ce este un site web modern, cum este dezvoltat conceptul său, ce sunt găzduirea și un nume de domeniu, cum diferă o pagină web statică de una dinamică, cum este generat conținutul site-ului, de ce este necesar să fi optimizat, și multe altele.prieten. Veți învăța cum să programați independent pagini web folosind limbajul de marcare hipertext HTML și, de asemenea, veți familiariza îndeaproape cu produsele software special create pentru dezvoltatorii web și care vă permit să creați automat un site web cu drepturi depline, cheltuind un minim de timp și efort.
Un stil de prezentare ușor și accesibil, precum și un număr mare de ilustrații vizuale și exemple practice, transformă studiul acestei cărți într-un proces captivant, al cărui rezultat va fi capacitatea de a crea rapid o resursă web modernă atractivă și de a performa toate acțiunile necesare pentru a-l susține, menține și optimiza.
Carte:
Conceptul de pagină web statică și dinamică
Am vorbit anterior pe scurt despre ce sunt paginile web statice și dinamice. În această secțiune vom analiza această problemă mai detaliat.
Numele unei pagini statice vorbeste de la sine: o astfel de pagina prezinta informatii statice, permanente si neschimbabile. Sau, mai degrabă, îl puteți schimba, dar pentru a face acest lucru trebuie să faceți ajustări adecvate codului de program al paginii.
De obicei, un fișier de pagină static este în format HTML. Dezvoltatorul web scrie cod HTML, creând conținutul site-ului, fișierului i se dă un nume, după care pagina este încărcată pe serverul web și devine disponibilă utilizatorilor de internet. De exemplu, pe un site web corporativ, o pagină statică poate conține informații despre istoricul companiei, direcțiile principale ale activităților acesteia etc. Rețineți că ar trebui să începeți primele experiențe în domeniul dezvoltării web prin crearea de pagini web statice. Vom vorbi despre asta mai detaliat în capitolul despre elementele de bază ale programării web folosind HTML.
NOTĂ
Adresa unei pagini scrise în HTML se va încheia cu caracterele care urmează punctului.
Diferența fundamentală dintre o pagină web dinamică și una statică este că conținutul acesteia nu este constant, dar se poate schimba. Se formează în funcție de dorințele utilizatorului, sau mai precis, pe baza solicitărilor create de vizitatori și trimise către serverul web. După cum am menționat mai devreme, cel mai tipic exemplu de pagină web dinamică este o pagină cu rezultate de căutare returnate de un motor de căutare (același www.google.ru) pe baza interogării de căutare trimise de utilizator. Un alt exemplu tipic de utilizare a paginilor web sunt magazinele online: vizitatorul, folosind opțiunile, indică ce produs și cu ce proprietăți este interesat, trimite o solicitare (butonul corespunzător este de obicei destinat pentru aceasta - , etc.), iar după câteva secunde primește pe ecran o listă de mărfuri care îndeplinesc criteriile stabilite. În plus, paginile dinamice sunt utilizate pe scară largă pe alte site-uri pentru o mare varietate de scopuri și orientări.
Paginile dinamice pot fi create și folosind HTML, dar un alt limbaj, PHP, este mai potrivit pentru aceasta (în primul rând datorită funcționalității sale mai largi). În consecință, formatul de fișier al paginii nu va mai fi HTML, ci PHP, iar adresa sa de Internet se va încheia cu caracterele care urmează punctului.
Constând din pagini html statice (htm, dhtml, xhtml) care alcătuiesc un singur întreg. Conține (sub formă de markup HTML) text, imagini, conținut multimedia (audio, video) și etichete HTML. Etichetele pot fi fie etichete de serviciu, destinate browserului, fie destinate plasării, modelând aspectul și afișarea informațiilor. Toate modificările site-ului se fac la codul sursă al documentelor (paginilor) site-ului, pentru care trebuie să aveți acces la fișierele de pe serverul web.
Avantaje și dezavantaje
Avantaje
- Nu trebuie să cunoașteți limbaje de programare web pentru a crea o pagină.
- Capacitate bună de stocare a paginii.
- Viteză rapidă de încărcare a paginii.
- Cerințe minime pentru serverul web și încărcare minimă pe acesta.
- Ușor de transferat pe alt server sau computer local.
- Posibilitatea de a vizualiza direct un fișier într-un browser, fără a utiliza middleware (server web, CGI).
Defecte
- Incapacitatea de a genera dinamic conținut.
- Incapacitatea de a sprijini pe deplin vizitatorii (alegerea aspectului, cookie-uri).
- Pentru a umple site-ul cu informații, trebuie să accesați fișierele de pagină prin FTP sau scripturi web terțe care vă permit să editați pagini.
- Cu un număr mare de pagini (fișiere), dacă este nevoie să faceți modificări similare (design, aspect, adăugarea de noi secțiuni), trebuie să utilizați software terță parte (utilități).
Utilizare modernă
- Site-ul pentru cărți de vizită - conține cele mai generale informații despre proprietarul site-ului (organizație sau antreprenor individual). Tip de activitate, istoric, lista de preturi, informatii de contact, detalii, indicatii de orientare. Specialiștii își postează CV-urile. Adică o carte de vizită detaliată.
- Catalog de produse - catalogul conține o descriere detaliată a bunurilor/serviciilor, certificate, date tehnice și de consum, recenzii ale experților, etc. Astfel de site-uri conțin informații despre bunuri/servicii care nu pot fi incluse în lista de prețuri.
- Paginile de pornire ale utilizatorilor.
De asemenea, paginile statice sunt adesea folosite ca șabloane pentru site-uri dinamice.
Acum, după ce am analizat cererea/răspunsul în detaliu HTTP, să acordăm atenție diferitelor tipuri de conținut (orice conținut semnificativ al unei resurse de informații) pe care vă așteptați să le vedeți pe Internet. L-am împărțit în patru tipuri - text simplu, standarde Web, dinamic Web-pagini și formate care necesită alte aplicații sau plug-in-uri.
Text simplu
La început, înainte să apară vreun standard Web sau pluginuri, Internetul consta în principal din imagini și text simplu - fișiere cu o extensie .txt sau similară. Când un fișier text simplu ajunge pe Internet, browserul îl afișează pur și simplu așa cum este, fără nicio prelucrare suplimentară. Fișierele text simplu sunt încă comune pe site-urile universităților.
Standarde web
Elementele de bază ale World Wide Web sunt trei standarde principale Web- HTML (sau XHTML, cele două vor fi folosite interschimbabil aici pentru scopurile noastre), CSS și JavaScript.
Hypertext Markup Language (HTML) este de fapt un nume destul de potrivit, deoarece își transmite bine scopul. HTML este folosit pentru a descompune un document, a defini conținutul și structura acestuia și pentru a defini semnificația fiecărei părți (ce conține tot textul etc., ceea ce vedem în pagini). Web). Folosește elemente speciale pentru a defini diferite componente pe o pagină.
Foile de stil în cascadă (CSS) vă oferă control complet asupra modului în care este redat un element. Este foarte ușor, folosind declarații de stil, să afișați toate paragrafele pe două rânduri (line-height: 2em;), sau să faceți toate titlurile de al doilea nivel în verde (culoare: verde;). Există multe beneficii în separarea structurii și formatării și ne vom uita la asta mai detaliat în cursul următoare. Pentru a demonstra puterea folosirii HTML și CSS împreună, Figura 3.2 prezintă cod HTML simplu în stânga, fără nicio formatare suplimentară, iar în dreapta puteți vedea același cod HTML cu stiluri CSS adăugate.
Orez. 3.2. HTML simplu în stânga, HTML folosind CSS în dreapta
În cele din urmă, limbajul JavaScript oferă Web-site dinamic funcții. Puteți scrie mici programe JavaScript care vor rula pe computerul client fără a necesita instalare Server orice software special. JavaScript vă permite să adăugați Web-site-ul are unele funcționalități de bază și interactivitate, dar are limitările sale, ceea ce ne duce la limbaje de programare pe server și dinamic Web pagini.
Pagini Web dinamice
Uneori, când navighezi pe internet, poți întâlni pagini Web care nu folosesc extensia .html - ar putea avea o extensie .php, .asp, .aspx, .jsp sau o altă extensie ciudată. Toate acestea sunt exemple dinamic tehnologii Web, care poate fi folosit pentru a crea pagini Web având dinamic secțiuni - cod care produce rezultate diferite dintr-o bază de date sau altă sursă de date în funcție de valorile definite pentru aceasta. Vom revizui paginile Web de acest tip mai jos în secțiunea „Comparație”. staticȘi dinamic Web-site-uri".
