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 -