» Cum sa-ti faci un site propriu folosind programe gratuite? Tutorial (1)

Cum sa faci un site folosind numai programe gratuite (1)
Autor: Adrian Sandu | adrian.sandu(at)ksd.ro

[Partea I] [Partea II] [Partea III]

~~

Îti place acest tutorial? Te-a ajutat cu ceva? Vrei sa-l continuam si sa vorbim si despre cum trebuie gândit un layout, cum trebuie gândita cromatica sau cum se promoveaza un site? Atunci avem o mica rugaminte la tine. Spune-le si prietenilor tai despre el. Pune pe site-ul tau un link:

<a href="http://www.ksd.ro/news/cum-sa-faci-un-website-1.php">Tutorial de web design</a>

~~

Acest articol își propune sa demonteze unul dintre "miturile" cele mai vehiculate pe piața de web design din România, și anume că pentru realizarea unui site ai nevoie de programe puternice cum ar fi Macromedia Dreamweaver (pentru cod si asamblare), Adobe Photoshop (pentru editarea imaginilor) sau Macromedia Flash (pentru animatii).

Din fericire, lucrurile nu stau deloc așa. Un site nu este nimic altceva decât un produs oarecare și, drept urmare, trebuie gândit în termeni de investiție si recuperare a investiției. Dacă firma la care lucrați are nevoie de un site simplu, fară efecte speciale si alte brizbrizuri, nu are rost sa cheltuiți aproximativ 1.700 de euro (cam atât costa licentele pentru programele de mai sus) sau sa riscați o amenda de 2.500 de euro (daca le instalați fara licenta), din exact acelasi motiv pentru care nu aveti nevoie de un Porsche pentru a merge pâna vizavi la alimentara. Sau, ca tânar proprietar al unei firme de web design, nu are rost sa investești în asemenea licente pâna ce nu esti sigur ca vei avea clienti pe masura, care sa justifice investitia. S-ar putea sa ai surpriza de a constata ca majoritatea clientilor tai vor de fapt numai site-uri mici, care sa-ți aduca venit mai mult din întreținerea, decât din realizarea lor.

Programele amintite mai sus sunt indispensabile numai firmelor profesioniste de web design, care trebuie să facă fața în mod curent unor cerințe specifice venite din partea unei cliențele diverse. În mod obișnuit, când ceea ce doriți să realizați nu e decât o pagina personală sau un site de firma care să fie pur si simplu informativ, usor de navigat și placut ochiului, este bine să încercati să-l faceti cu cât mai puține cheltuieli posibile.

Se poate spune că la baza site-urilor web de succes stau patru formate:

  • .html - paginile ca atare - de crearea cărora se ocupă editorul html
  • .jpg, .gif - imaginile - de care se ocupă editorul de imagini
  • .swf - animatiile - de care se ocupă programul de animație vectorială.

În continuare vom vedea care sunt cele mai bune soluții gratuite pentru crearea paginilor web, în cazul în care folosim sistemul de operare Windows.

Editorul HTML: Alternativele la Dreamweaver - Macromedia Dreamweaver e un program cu ajutorul caruia web designerii profesioniști "asambleaza" (adica monteaza) elementele unui site, pornind de la texte, imagini, animații si terminând cu paginile site-ului. Este un editor HTML de tip WYSIWYG ("what you see is what you get"), adica poți construi site-ul direct pe interfata de previzualizare, fara a fi nevoit sa scrii cod html. Dreamweaver MX 2004 este cel mai cunoscut editor de tip WYSIWYG de pe piața, fiind cel mai robust, usor de folosit si stabil dintre toate. Pe lânga el mai exista însa si altele, mai putin folosite, cum ar fi Microsoft Frontpage sau Adobe GoLive. De fapt, adevaratul avantaj al folosirii acestor programe este acela ca ele includ numeroase bucați de cod "ready-made" si instrumente utile, cu ajutorul cărora proiecte voluminoase pot fi finalizate extrem de rapid.

Pe lângă editoarele de tip WYSIWYG mai exista pe piata si editoarele HTML simple, în care web designerul construiește site-ul pe baza cunoasterii codului (X)HTML. Designerul introduce codul necesar afisarii paginii dorite, apoi compileaza pagina si o afiseaza în browser. Practic, cu ajutorul unui editor HTML simplu orice web designer poate obtine exact aceleasi rezultate pe care le-ar obtine si cu ajutorul lui Dreamweaver. Singura diferență constă în productivitatea îmbunatatită adusă de Dreamweaver.

Ofertă actuală de editoare HTML de pe piața e impresionanta si cuprinde atât editoare care costă bani (dar nu mai mult de 40-50 de euro), cât si editoare gratuite. Pe noi ne interesează, evident, ultimele (cele gratuite). Dintre acestea vom prezenta trei care ni s-au parut că ies în evidentă în mod deosebit prin facilitățile deosebite oferite web designer-ului.

  1. Ace HTML 5.0.8 Freeware - interfața este placută si usor de înțeles, cu fereastra principala ruptă între o zona de editare (în dreapta) si o zona organizatorică (în stânga) de unde puteți introduce automat diverse instrucțiuni html, puteți edita fisiere etc. Programul are instrumente pentru aproape tot ce trebuie sa existe într-o pagina web - de la instrumentul care va ajuta să introduceți imagini, harți de imagini, cadre, până la cel care va ajuta să formatați tabele. Există si o biblioteca de instructiuni html, care va va ajuta sa formatati corect o instructiune de care sunteti nesigur. Practic, nici nu e nevoie sa stiti să scrieti cod html - trebuie doar să nu greșiti atunci când inserați în pagina elementele dorite (de aceea e bine sa faceți mai întâi exerciții cu o pagina simplă). Din păcate, va fi un pic mai dificil să inserați animații flash (dar nu imposibil). Conține și o biblioteca de peste 170 de JavaScript-uri (unele fiind foarte utile).
  2. 1st Page - si acesta e un editor html foarte performant, preferat de foarte multi creatori profesionisti de pagini web. Ceea ce ofera este pur si simplu uimitor si depașeste în multe privințe programe de web design licențiate. Ca si în AceHTML, aveti instrumente pentru absolut tot ce trebuie introdus într-o pagina web, inclusiv o bibliotecă de instructiuni html; puteți crea template-uri (sabloane) de cod, pe care sa le editați si în cadrul altor proiecte; puteți sa va organizați site-urile în proiecte, ceea ce este foarte util mai ales când aveți de lucrat la mai multe site-uri deodată. Programul dispune și de un instrument de introdus imagini roll-over.
  3. Chami HTML - e un editor HTML un pic mai special. După instalare nu dispune de nici un instrument special, în schimb are predefinite formate de cod pentru absolut toate cerținele unui web designer - inclusiv cod .php sau SSI (server side include). Programul însa poate fi îmbunatațit prin instalarea unor plug-in-uri suplimentare care pot fi descarcate (tot gratuit) de pe site-ul chami.com. În general, cuiva care cunoaste sintaxa html lucrul cu HTML Kit i se va parea foarte usor. Nu este totusi recomandabil sa-l încercati daca nu sunteti dispusi sa "investiti" un pic si în cunoasterea sintaxei html.

Citeste partea a doua »

___________________

© 2004 Kevin Software & Design

 
logo mic KSd

Home / Web design / Prețuri web design / Angajări / Noutăți / Despre noi / Contact
Produse: Magazinosaurus Rex / Floare la ureche CMS / 1001 Locuri de munca / Kataremata

© 2003-2008 Kevin Software & Design srl | J40/11894/2002 | RO15028859