Dezvoltare web
Versiunea actuală a paginii nu a fost încă examinată de colaboratori experimentați și poate diferi semnificativ de
versiunea revizuită pe 19 mai 2021; controalele necesită
53 de modificări .
Dezvoltarea web este procesul de creare a unui site web sau a unei aplicații web . Principalele etape ale procesului sunt proiectarea web , aspectul paginii , programarea clientului și serverului și configurarea serverului web .
Etapele dezvoltării site-ului web
Până în prezent, există mai multe etape de dezvoltare a site-ului web:
În funcție de sarcina curentă, unii dintre pași pot lipsi.
Crearea termenilor de referință
În elaborarea termenilor de referință pot fi implicați un
designer ,
un analist , un arhitect web , un
manager de proiect împreună sau separat (în cazul în care site-ul este dezvoltat de un
freelancer , termenii de referință pot fi întocmiți de către firma clientului).
Lucrul cu clientul începe cu completarea unui
brief , în care clientul își expune dorințele cu privire la prezentarea vizuală și structura site-ului, evidențiază erorile din versiunea veche a site-ului și oferă exemple de site-uri concurente. Pe baza briefului, managerul întocmește o sarcină tehnică, ținând cont de posibilitățile software și instrumentele de proiectare. Etapa se încheie după aprobarea termenilor de referință de către client. Este important să rețineți imediat că etapele de proiectare a site-ului web depind de mulți factori, cum ar fi dimensiunea site-ului, funcționalitatea, sarcinile pe care viitoarea resursă ar trebui să le îndeplinească și multe altele. Cu toate acestea, există mai multe etape care sunt obligatorii în planificarea oricărui proiect. Ca urmare, documentul care descrie termenii de referință poate avea următoarele secțiuni principale:
- Scopul și scopul site-ului.
- Publicul site-ului.
- Specificații.
- Conținutul site-ului (structura site-ului cu o descriere detaliată a elementelor și funcțiilor fiecărei pagini).
- Elemente și servicii interactive (formulare de feedback, căutare pe site, forum pe site).
- Formulare (trimitere prin poștă, abonare la newsletter, feedback).
- Sistem de management al conținutului (conținut).
- cerințele materiale.
- Transfer de gazduire.
Designul paginilor principale și standard ale site-ului
Lucrul începe cu crearea unui
design , de obicei într-un
editor grafic . Proiectantul creează una sau mai multe opțiuni de proiectare, în conformitate cu termenii de referință. În același timp, designul paginii principale este creat separat, iar designul paginilor standard (de exemplu: articole, știri, catalog de produse). De fapt, „designul paginii” este un fișier grafic, o imagine stratificată, constând din cele mai mici imagini-straturi ale elementelor imaginii de ansamblu.
În același timp, designerul trebuie să țină cont de limitările standardelor
HTML (nu să creeze un design care apoi nu poate fi implementat folosind instrumente HTML standard). Excepția este
Flash- design.
Numărul de schițe și ordinea în care sunt furnizate se negociază cu managerul de proiect. Managerul de proiect controlează, de asemenea, calendarul. În marile studiouri web, în proces este implicat un director de artă, care controlează calitatea graficii. Etapa se incheie si cu aprobarea schitei de catre client.
Aspect HTML
Designul aprobat este transmis
designerului de layout HTML , care „decupează” imaginea grafică în desene separate, din care pliază ulterior pagina HTML. Rezultatul este un cod care poate fi vizualizat cu un browser. Și paginile tipice vor fi folosite ulterior ca
șabloane .
Programare
Apoi, fișierele HTML terminate sunt transferate programatorului.
Programarea site-ului poate fi realizată atât de la zero, cât și pe baza
CMS - sistem de management al conținutului. Dezvoltatorii web se referă adesea la un CMS ca un „
motor ”.
În cazul CMS, trebuie spus că „CMS” în sine este, într-un fel, un site gata făcut, format din piese înlocuibile. „Programatorul” – în acest caz ar fi corect să-l numim doar un specialist CMS – trebuie să înlocuiască șablonul standard care a venit cu CMS-ul cu șablonul original. El trebuie să creeze acest șablon original pe baza „designului web” original.
La programarea site-ului, specialistului i se atribuie repere.
Etapa finală a dezvoltării site-ului web este testarea.
Procesul de
testare poate include o mare varietate de verificări: aspectul paginii cu fonturi mărite, cu dimensiuni diferite ale ferestrei browserului
[1] , în absența unui player flash și multe altele. De asemenea,
testarea de utilizare .
Erorile detectate sunt trimise spre corectare până când sunt corectate. Termenele limită sunt controlate de managerul de proiect. De asemenea, în această etapă, un proiectant este implicat în lucrările pentru a efectua
supravegherea arhitecturală .
Plasarea unui site pe Internet
Fișierele site-ului sunt plasate pe serverul
furnizorului (
hosting ) și se fac setările necesare. În această etapă, site-ul este încă închis pentru vizitatori.
Umplerea conținutului și publicare
Site-ul este plin de conținut (
conținut ) - texte, imagini, fișiere pentru descărcare și așa mai departe. Uneori textele sunt compilate de un specialist de studio, alteori conținutul este gestionat de o persoană responsabilă din partea clientului. Acest lucru este decis în etapa de elaborare a unei sarcini tehnice. Dacă conținutul este compilat de un reprezentant al studioului, atunci acest lucru se întâmplă și este aprobat în paralel cu alte etape ale proiectului. Fiecare pagină conține blocuri de text, acestea pot fi tipice (standard) și atipice. De obicei, un bloc de text non-standard este situat pe pagina 404.
Blocurile de text standard includ:
- antetul site-ului;
- subsolul site-ului;
- lanț de navigație sau pesmet.
Elementele principale ale blocului de text:
- rubricile 1, 2 și 3 niveluri;
- Imagini;
- imagini în text;
- galerii;
- text;
- un bloc de text derulant care conține un titlu;
- liste numerotate și nenumerotate;
- Mese;
- descărcare fișiere;
- video.
Optimizare SEO interna
Asociat cu unele modificări aduse site-ului în sine.
Optimizarea SEO începe cu definirea nucleului semantic. Aici sunt determinate astfel de cuvinte cheie care vor atrage cei mai interesați vizitatori, pentru care este mai ușor să câștigi competiția. Apoi aceste cuvinte sunt introduse pe site. Textele, linkurile, alte etichete sunt adaptate astfel încât motoarele de căutare să le poată găsi cu succes după cuvinte cheie.
SEO extern
Se reduce, de regulă, la construirea structurii legăturilor de intrare. Aceasta, de fapt, este
promovarea site-ului . Optimizarea SEO externă nu are nimic de-a face cu dezvoltarea site-ului web. Optimizarea SEO este clasificată în „alb” și „negru” (unul după care site-ul ajunge în top în două săptămâni, iar apoi la interzicerea motoarelor de căutare). SEO real, cu pălărie albă este un proces care necesită timp și timp, al cărui cost poate fi de câteva ori mai mare decât costul creării unui site web.
Predarea proiectului
Clientul sau reprezentantul său autorizat vizualizează proiectul finalizat și, dacă totul se potrivește, apoi semnează documentele la livrarea proiectului.
De asemenea, în această etapă, reprezentantul clientului este instruit în abilitățile de lucru în zona de administrator a site-ului.
Principalele profesii
Adesea , specialiștii web combină mai multe specialități simultan.
Vezi și
Note
- ↑ Designul web al site-ului trebuie să arate adecvat în diverse browsere, în special în browserele Internet Explorer, Firefox, Safari, Chrome și Opera.
Anterior , Internet Explorer (versiunea 6) interpreta standardele HTML în felul său (ecouri ale vechii lupte pentru conducere cu Netscape ). Acest browser învechit a creat o mulțime de probleme pentru web designeri. Mulți dezvoltatori s-au oferit chiar să abandoneze aspectul pentru IE 6, totuși, prezența acestui browser în distribuția standard a Windows XP și, prin urmare, prezența sa pe multe computere de utilizatori, i-au forțat pe designeri web să-și testeze proiectele în el.
Literatură
- Marco Bellignaso. Dezvoltare aplicație web ASP.NET 2.0 : Problemă - Proiectare - Soluție = Programare site-uri ASP.NET 2.0: Problemă - Proiectare - Soluție. - M . : „Dialectică” , 2007. - S. 640. - ISBN 0-7645-8464-2 .
- Olishchuk Andrey Vladimirovici Dezvoltarea aplicațiilor web în PHP 5. Muncă profesională . - M . : „Williams” , 2006. - S. 352 . — ISBN 5-8459-0944-9 .
- Du-te la Kelly, Kotler Emily. Web Redesign, ediția a 2-a. - Sankt Petersburg. : „Simbol-Plus” , 2006. - S. 416. - ISBN 5-93286-082-0 .
Web și site-uri web |
---|
la nivel global |
|
---|
La nivel local |
|
---|
Tipuri de site-uri și servicii |
|
---|
Creare si intretinere |
|
---|
Tipuri de machete, pagini, site-uri |
|
---|
Tehnic |
|
---|
Marketing |
|
---|
Societate și cultură |
|
---|