Construire Site

6
Dintre cele mai cunoscute structuri vom alege doar doua dintre ele spre exemplificare si anume: structura stea si structura ierarhica. Structura stea: folosita in cazul prezentarilor cu un continut mai restrans, respectivele pagini pot fi amplasate in forma de stea. Acest lucru inseamna ca din pagina de start avem acces catre restul paginilor, iar din respectivele sub-pagini ne putem intoarce direct in pagina de start. Un avantaj al acestui tip de structura este, de exemplu, faptul ca puteti sa adaugati, schimba sau sterge fara probleme sub-paginile. Structura pe nivele: in cazul in care oferta informationala este destul de ampla. Pornind din pagina de start, vizitatorul poate accesa o sub-pagina tematica, care, la randul ei, il conduce spre alte sub-pagini. In acest fel vizitatorul este condus de la o informatie la alta, spre interiorul proiectelor de prezentare. Daca este ales acest tip de structura este recomandat ca bara de navigare sa fie plasata intotdeauna in aceeasi pozitie, si din toate paginile sa existe o cale comoda de intoarcere pe pagina de start. Structura stea Structura pe nivele Elemente tehnice de realizare a site-ului Dupa ce am privit aplicatia la nivel conceptual, a sosit timpul sa punem in practica ceea ce am stabilit anterior. Exista cateva elemente ce tin mai mult de experienta in webdesign decat de programarea propriu-zisa si anume: folosirea elementelor speciale de multimedia, folosirea frame- urilor, implementarea cat mai profesionala a elementelor ce interactioneaza cu utilizatorul, java script-uri, etc. Pentru constructia site-ului vom urma niste pasi bine definiti ce ne vor ajuta sa realizam un site, fie el de prezentare de produse, fie de comert electronic, fie informativ sau un site dedicat jocurilor: Pgina de start Pagina de start a unui site este cea care-l face pe vizitator sa decida daca doreste sau nu sa patrunda in continutul informational al site-ului si sa parcurga intreaga

description

cum sa construiesti un site, exemplu, teorie..

Transcript of Construire Site

Dintre cele mai cunoscute structuri vom alege doar doua dintre ele spre exemplificare si anume: structura stea si structura ierarhica

Dintre cele mai cunoscute structuri vom alege doar doua dintre ele spre exemplificare si anume: structura stea si structura ierarhica.Structura stea: folosita in cazul prezentarilor cu un continut mai restrans, respectivele pagini pot fi amplasate in forma de stea. Acest lucru inseamna ca din pagina de start avem acces catre restul paginilor, iar din respectivele sub-pagini ne putem intoarce direct in pagina de start.Un avantaj al acestui tip de structura este, de exemplu, faptul ca puteti sa adaugati, schimba sau sterge fara probleme sub-paginile.Structura pe nivele: in cazul in care oferta informationala este destul de ampla. Pornind din pagina de start, vizitatorul poate accesa o sub-pagina tematica, care, la randul ei, il conduce spre alte sub-pagini. In acest fel vizitatorul este condus de la o informatie la alta, spre interiorul proiectelor de prezentare.Daca este ales acest tip de structura este recomandat ca bara de navigare sa fie plasata intotdeauna in aceeasi pozitie, si din toate paginile sa existe o cale comoda de intoarcere pe pagina de start.

Structura steaStructura pe niveleElemente tehnice de realizare a site-uluiDupa ce am privit aplicatia la nivel conceptual, a sosit timpul sa punem in practica ceea ce am stabilit anterior.Exista cateva elemente ce tin mai mult de experienta in webdesign decat de programarea propriu-zisa si anume: folosirea elementelor speciale de multimedia, folosirea frame-urilor, implementarea cat mai profesionala a elementelor ce interactioneaza cu utilizatorul, java script-uri, etc.Pentru constructia site-ului vom urma niste pasi bine definiti ce ne vor ajuta sa realizam un site, fie el de prezentare de produse, fie de comert electronic, fie informativ sau un site dedicat jocurilor:Pgina de startPagina de start a unui site este cea care-l face pe vizitator sa decida daca doreste sau nu sa patrunda in continutul informational al site-ului si sa parcurga intreaga prezentare online. Pentru ca aceasta pagina face primul pas in orientarea vizitatorului, reprezentand punctul de pornire al tuturor rutelor de explorare ale site-ului.Este foarte important ca pe prima pagina sa fie prezentate aspectele calitative legate de continut. Indicat ar fi ca pe prima pagina sa se gaseasca raspunsuri la urmatoarele intrebari:Ce continut ofera prezentarea?Cum poate fi utilizat cat se poate de repede acest continut?Ce este reprezentativ pentru intreprinderea (firma) dumneavoastra?Cum pot lua legatura vizitatorii cu dumneavoastra?Ce aduce site-ul dumneavoastra utilizatorilor?Continutul paginii de startPagina de start, si nu numai, anume si restul celorlalte pagini este indicat sa contina un banner personal, el poate contine logo[73]-ul firmei dumneavoastra sau denumirea firmei pe care o reprezentati, lucru va deosebeste de alte persoane ce au publicat site-uri cu aproximativ aceleasi informatii ca si dumneavoastra.Inserarea de imaginiAcestea ofera atractivitate pentru un potential vizitator, iar daca modul in care s-au prelucrat aceste imagini este impecabil atunci succesul este garantat. Numeni nu pierde prea mult timp pe un site care nu contine cel putin trei imagini, mai mult sau mai putin animate.Realizarea legaturilor din pagina de start cu restul sub-paginilorAcest aspect este unul dintre cele mai importante. Nu cred ca-si doreste cineva ca din pagina de start o legatura sa nu mai functioneze, si asfel sa blocheze informatiile pentru posibile accesari.Aplicatia realizata ca suport informatic al acestei lucrari de diploma consta in realizarea unui catalog cu produse IT.Dintre elementele importante subliniem folosirea frame[74]-urilor, folosireaCSS[75]-urilor, integrarea banner-elor si imaginilor, construirea meniurilor si includerea unor scripturi Java.Inainte de umplerea site-ului cu continutul informational, trebuie luata o hotarare si anume: cum sa arate structura paginii.Framele sunt in primul rand un ajutor pentru navigare, spre diferenta fata de tablele acestea nu solicita mereu incarcarea intregii pagini. Daca vizitatorii site-ului se plimba pe pagina de continut, bara de navigare ramane la locul ei, fiind oricand accesibila. De multe ori intr-o frama suplimentara in partea de sus a ecranului apare logo-ul firmei.O pagina de Internet cu frame nu este de fapt o pagina web adevarata, ci un asa-numit frameset un document cadru. Acesta contine numai cateva comenzi HTML, care indica ce pagini web, la ce dimensiuni si in ce pozitie apar impreuna in browser.

Frama din partea de sus contine, un logo si numele firmei, prezentate sub forma de banner, de aici si numele de frama pentru banner.A frama pentru bannerB bannereC frama de continutCascading Style Sheets (CSS) reprezinta pentru designerii web o posibilitate confortabila de a stabili central reprezentarea anumitor elemente HTML pe un site si, la nevoie, de a le modifica instantaneu. Prin intermediulCSSputeti defini exact aparitia diferitelor elemente si, in plus, puteti utiliza simplu efecte, ce nu pot fi realizate cu metodele HTML conventionale deloc, sau foarte dificil. AcesteCSSva usureaza dumneavoastra munca de web-designer; totodata nici nu plictisiti vizitatorii cu timpi mari de incarcare. Compatibil cu sabloanele de documente din word sau din alte programe de prelucrare de text, aveti de exemplu posibilitatea de a formata tot textul de pe site-ul dumneavoastra intr-un singur pas, atribuindu-i o alta culoare si un alt font. Inprincipiu puteti reprezenta urmatoarele elemente cu formateCSS:-Tipul, dimensiunea si culoarea fontului-Evidentierile de text (cursiv, ingrosat, subliniat)-Alinierea textului (la stanga, la dreapta, centrat, bloc)-Distanta dintre cuvinte respectiv dintre randuri-Ramele tabelelor-Cursorul mouse-ului-Culoarea de fundal respectiv imaginea de fundal-Hyperlinks (culori, subliniere, efecte hover)-Campuri de introducere pentru formulare-Pozitionare (relativa respectiv absoluta pentru diferite obiecte)-Termenul de Cascading Style Sheets desemneaza, deci acela de standarde, care definesc anumite proprietati de formatare pentru elemente HTML.StandardulCSSdispune de o serie intreaga de avantaje fata de alte tehnologii, pentru realizarea unitara de elemente de design de amploare simultan pentru toate paginile site-ului.In concluzie, folosirea anumitor elemente de programare, imbinate cu o prelucrare profesionala a imaginilor si includerea de animatii flash pot duce la realizarea unui site interesant, atragator si deosebit.Ca aplicatie, un site comercial este nu numai un site de prezentare ci si un site de interactivitate cu utilizatorul.Modalitati de publicare a site-ului folosind produsul alesDupa ce am terminat site-ul de construit mai ramin totusi anumite probleme legate de modul in care acesta va fi publicat, inscrirea site-ului la motoarele de cautare, modul in care acest site va ocupa pozitii avansate in timpul cautarii cu un motor de cautare, timpul de incarcare al site-ului si multe asfel de aspecte foarte importante de care trebuie sa tinem seama.Nimic nu este mai neplacut decit sa ai un site extraordinar si totusi sa nu reusesti sa dai de el cu ajutorul unui motor de cautare.Inainte de incepe aceasta discutie vom da doua definitii, considerandu-le necesare in abordarea acestui subiect si anume:Motorul de cautare: este un server care navigheaza singur pe Internet si captureaza, cuvinte cheie si continutul paginilor ce compun site-urile. Toate paginile gasite sunt inregistrate apoi intr-o baza de date. In momentul in care un utilizator cauta cu un motor de cautare dupa o anumita fraza sau un cuvant, motorul de cautare se va uita in aceasta baza de date si in functie de anumite criterii de prioritate va crea o lista de rezultate pe care o va afisa sub forma de rezultat.Directorul:are in spate tot o baza de date dar una de dimensiuni mai mici fata de motoarele de cautare. Un director colecteaza URL-uri si scurte descrieri ale site-urilor. Un utilizator are posibilitatea de a naviga prin domeniile si subdomeniile unui director pana la localizarea informatiei dorite sau, de regula, poate sa caute un director dupa anumite cuvinte, el cautand de fapt in aceste scurte explicatii ce au fost furnizate la inscrierea site-urilor.Pentru ca o pagina sa fie bine cotata pe un motor de cautare trebuiesc respectate doua reguli de baza, lagate de atribuirea numelor de fisire si directoare: multe din serverele pe care se va publica site-ul nu lucreaza cu sisteme de operare Microsoft, ci mai degraba cu sisteme Unix. Iar sistemul de operare Unix face deosebire intre literele mari si mici (key sensitive[76]). Pentru denumirea fisierelor si directoarelor folositi pe cat posibil doar litere de la a la z si cifre de la 0 la 9. In plus este recomandat sa se foloseasca standardul MS-DOS 8+3, deci maxim 8 caractere si 3 pentru extensie.Acestea fiind spuse apare urmatoarea intrebare: care este metoda prin care motoarele de cautare ordoneaza rezultatele cautarilor?Raspunsul la aceasta intrebare poate sa difere de le un motor de cautare la altul, fiecare motor de cautare are in spate niste oameni care au gandit o metoda cat mai corecta din punctul lor de vedere. Ca si reguli generale puteti lua serios in considerare lista de mai jos:Primul lucru analizat de motoarele de cautare este titlul paginii.Cel mai probabil motorul de cautare se va uita la header-ul paginii in sectiunea keywords.

Se uita la continutul site-ului si la aparitiile in pagina ale cuvintelor cheie specificate la keywords. Cu cat cuvintele cheie apar mai sus in pagina cu atat e mai bine.Se va uita cate site-uri au link spre pagina ta ! (Ia in serios ofertele de schimb de bannere). Motoarele de cautare considera ca daca exista multe link-uri spre pagina ta atunci inseamna ca pagina ta este recomandata de multi oameni.Pentru a avea o idee mai buna despre cele discutate anterior vom lua urmatorul exemplu spre analizare:Se incearca promovarea site-ului IguanMultimedia, compnie ce se ocupa cu comercializarea produselor IT. In acest caz vom pleca de laideea ca cea mai importanta combinatie de cuvinte cheie este produse IT. Una dintre primele greseli pe care o puteti face este sa folositi ca si titlu pentru pagina doar numele companiei. Evitati asta folosind un titlu de genul IguanMultimedia produse IT.In seciunea de cuvinte cheie din codul HTML se introduce:

IguanMultimedia produse IT

Incest moment o cautare pe Alta Vista ar arata in felul urmator:IguanMultimedia- produse ITComapania IguanMultimedia comercializeaza produse IT de calitate exceptionala la preturi atractive. Va oferim posibilitatea de a studia on-line produsele noastrehttp://www.IguanMultimedia.ro/index.html- size 2548 bytes - 29 Feb 2001Cu toate acestea fiind spuse sa trecem mai departe la alt aspect legat de publicarea unui site in Internet.Pentru ca un site sa aiba succes in Internet, persoana beneficiara va trebui sa dispuna si de anumite cunostinte de marketing, pentru a-si asigura succesul. Bineinteles nu este nevoie de tehnici de marketing deosebite, dar o gandire bazata pe acest domeniu poate aduce satisfactii enorme.Beneficiarul site-ului va trebui sa gaseasca raspunsuri viabile la urmatoarele intrebari:Cum sa atrag clientii catre site-ul meu?Promovarea serviciilor sau serviciilor pe Internet poate fi considerata o forma de marketing orientat sau o nisa in marketing. Aceasta va avea tendinta sa dirijeze cumparatorii prospectivi catre produsele promovate pe site.Iata cateva moduri de a va asigura ca traficulweb este dirijat spre site:Inregistrati-va la cat mai multe motoare de cautareStabiliti lagaturi la site-uri web compatibile cu site-ul dumneavoastraInstiintati agentii comerciali cu privire la aparitia site-ului webOferiti reduceri pentru cei ce comanda onlineUnde si cum pot gasi cumparatorii?Exista doua cai principale de gasire a cumparatorilor: cautarea unei firme individuale din zona geografica sau sectorul industrial in care sunteti interesati sa comercializati produsele/serviciile firmei dumneavoastra sau cautarea oportunitatilor de afaceri.Care sunt produsele pe care consumatorii le cauta si doresc sa le cumpere online?Studiul intreprins de Forrester Research (1998) a impartit piata online a comertului cu amanuntul in trei categorii de achizitii:-articole de uz curent-bunuri de reaprovizionare-bunuri si servicii bazate pe cercetareServiciile si produsele bazate pe cercetare costa mai mult decat celelalte doua categorii si sunt cumparaturi planificate, care se bazeaza pe informatii.Acestea includ biletele de avion, calculatoarele si automobilele.Deci, iata ca nu este chiar asa de simplu sa afisam o pagina web si restul vine de la sine, din multitudinea de factori de care trebuie sa tinem seama este si posibilitatea ca realizatorul site-ului sa se puna in locul vizitatorului (potentialului cumparator online) pentru a depista posibilele inadvertente, necorelari si erori ce pot aparea.