F iii 6m metode de web design

Page 1


6M - Metode de webdesign

6M - Metode de webdesign

-2-


Ce este web design-ul? Prin web design sau webdesign se înțelege în general realizarea de site-uri web. Etape în webdesign: 1. Proiectare (Design) - planificare și concepere a structurii și conținuturilor paginilor 2. Programare și introducere propriu-zisă a datelor - imagini, text, fișiere și alte elemente care alcătuiesc conținutul site-ului 3. Promovare (Marketing) 4. Găzduire (Hosting) 5. Administrare 6M - Metode de webdesign

-3-


Ce este un site web? • Noțiunea „site web“ provine din expresia engleză web site și desemnează o grupă de pagini web multimedia (conținând texte, imagini fixe, animații ș.a.), de obicei pe o temă anume, și care sunt conectate între ele prin hiperlink-uri (legături hipertext). • Noțiunea apare în limba română scrisă sub trei forme: „site web“, „website“ (ca în limba engleză) și „sait web“ (propusă de lingvistul prof. George Pruteanu). 6M - Metode de webdesign

-4-


Ce este o pagină web? • Un document multimedia (conținând texte, imagini fixe, animații ș.a.), accesibile în internet creat cu ajutorul limbajului de marcare HTML (HyperText Markup Language) și (opțional) a limbajelor de programare cum ar fi PHP, ASP ș.a. • Un document accesibil vizitatorilor prin intermediul protocolului de comunicare între clienții și serverele World Wide Web HTTP, care transferă informația de la server la browser. 6M - Metode de webdesign

-5-


Cine realizează un website? Diversele situri web pot fi create de către 1. o organizaţie/firmă specializată, 2. o persoană particulară, 3. instituţii publice etc.

6M - Metode de webdesign

-6-


Cine administrează un website?

Un website este administrat (creat, întreţinut şi actualizat) de către un webmaster, dar există şi alte posibilităţi: 1. site-ul web se actualizează automat și permanent pe baza unei baze de date; 2. paginile sale se creează în mod dinamic și automat în funcţie de acţiunea utilizatorului în cadrul unei aplicaţii web; 3. situl web se creează şi e administrat chiar de către utilizatorii săi. 6M - Metode de webdesign

-7-


Clasificare website-uri 1. Site-uri clasice cu pagini statice tehnologii de bază ToolTip (HTML, JavaScript, CSS sau grafică) 2. Site-uri cu pagini dinamice complexe technologii pe partea de client ToolTip (Flash, DHTML, Java applets) 3. Website-uri dezvoltate pe baze de date - technologii pe partea de server PHP, JSP sau ASP 4. Magazine virtuale 6M - Metode de webdesign

-8-


Crearea paginilor web Se poate realiza ĂŽn două moduri: 1. manual, scriind efectiv tagurile HTML; 2. asistat, cu ajutorul unor programe speciale.

6M - Metode de webdesign

-9-


1. Modul manual Crearea manuală a paginilor web se poate realiza numai de către specialiști, care cunosc limbajul HTML. Realizarea manuală presupune existența următoarelor trei instrumente: a) browser de web; b) programe de grafică; c) programe de editare text.

6M - Metode de webdesign

- 10 -


1.a) Browserul web • Browserul web este necesar pentru testarea a ceea ce se obține în fiecare moment și pentru scrierea tagurilor HTML. • Se recomandă ca testarea să se facă cu mai multe browsere, Google Chrome, Internet Explorer, Mozzilla Firefox şi Safari. • Este important pentru proiectant ca site-ul să funcționeze sub toate browserele.

6M - Metode de webdesign

- 11 -


1.b) Programele de grafică • Cu ajutorul programelor de grafică se creează/editează imaginile de fundal, figurile, butoanele, desenele etc. • Exemple de programe ce pot fi utilizate: ○ Paint Shop Pro; ○ Adobe Photo-Shop.

6M - Metode de webdesign

- 12 -


1.c) Programul de editare text • Este utilizat pentru scrierea efectivă a tagurilor HTML. Exemplu de programe ce pot fi utilizate pentru scrierea tagurilor (etichetelor) HTML: ○ Note Pad; ○ Word Pad Plus. • Avantajul metodei manuale: pagina HTML este exact aşa cum s-a dorit. Se poate introduce astfel orice tag, cu orice atribut. • Dezavantajul metodei: proiectantul trebuie să cunoască bine limbajul HTML, fiind necesară o documentație de specialitate. 6M - Metode de webdesign

- 13 -


B. Modul asistat Web designer-ul utilizează editoarele WYSIWYG (What-You-See-Is-What-You-Get / „rezultatul este chiar ceea ce se vede“ și se citește /wɪziwɪg/). Exemplu de instrumente de editare site-uri de tip WYSIWYG: • programe de prelucrare de text (Microsoft Word), • programe de grafică (Adobe Photoshop), • editoarele HTML (ca Dreamweaver, Microsoft Front Page, FCKEditor) ș.a. 6M - Metode de webdesign

- 14 -


Tipuri de programe în modul asistat a) Browsere de web (identic cu metoda manuală) b) Programe de editare vizuală a paginilor HTML (Dreamweaver, Microsoft Front Page, FCKEditor) c) Programe ce asigură facilități de programare d) Programe de grafică (identic cu metoda manuală)

6M - Metode de webdesign

- 15 -


Metode de promovare a site-ului (Marketing)

Companiile care se ocupă cu dezvoltarea site-urilor web, se ocupă și de promovarea acestora. 1. Promovarea site-ului prin bannere publicitare și postă electronică și schimb de bannere. • HyperBanner (www.hyperbanner.com) • MSN LinkExchange (www.linkexchange.com) • SmartAge (www.smartage.com) • WebSite Garage (www.websitegarage.com) 2. Înregistrarea lui pe cele mai importante motoare de căutare: Yahoo, Altavista, Excite, Infoseek, Lycos, WebCrawler, HotBot și Magellan. 6M - Metode de webdesign

- 16 -


Găzduirea site-ului • Pentru găsirea unei gazde (host) a site-ului trebuie să raspundeți la doua întrebări: ○ Cât de complex este site-ul? ○ Care este traficul extimat? • Serviciul de hosting va taxa în funcție de: ○ mărimea spațiului necesar pe hard disc; ○ volumul transferului de date. • Cea mai des utilizată soluție este plasarea întregului site pe serverul unui ISP. 6M - Metode de webdesign

- 17 -


Administrare site-uri • Proprietarul site-ului poate să apeleze la persoanele care au proiectat site-ul, fapt ce poate fi înscris în contract. • Există instrumente de actualizare automată a paginilor Web, astfel încât să se poată actualiza site-ul fără să se cunoască nimic despre HTML, FTP etc.

6M - Metode de webdesign

- 18 -


Link-uri utile pentru creare website online • http://www.web-design.ro/ • http://www.crearesiteonline.ro • http://fire-templates.com

6M - Metode de webdesign

- 19 -


6M - Metode de webdesign

- 20 -


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.