Ce curs de Web Design sa alegi?

CMS (Content Management System)

WordPress este cel mai utilizat CMS (Content Management System) pentru crearea de site-uri web.

WordPress nu cere cunostinte de HTML, CSS sau JavaScript pentru utilizare.

Este un soft gratuit care se instaleaza pe server (la distanta sau local) si contine toata structura unui site web functional. Se gestioneaza printr-un panou de control incorporat.

Realizarea unui site web cu WordPress este mai rapida decat utilizarea editoarelor de text tocmai datorita faptului ca site-ul este functional deja de la instalare si este dotat cu un panou de control pentru gestionarea continutului si a functionalitatilor site-ului. Avand baza site-ului pregatita de la instalare, succesiv se alege tema grafica de folosit, se adauga paginile / articolele si alte elemente de continut, meniurile de navigare si varii plugin-uri. Toate aceste operatiuni se fac din panoul de control deja inclus in WordPress.

Alte CMS-uri cunoscute sunt: Joomla, Drupal, etc

editor WYSIWYG

Adobe Dreamweaver este un editor WYSIWYG (what you see is what you get).

Acest tip de program ne da posibilitatea de a vizualiza rezultatul in timp ce lucram la paginile site-ului, direct din interfata programului.

Pentru a utiliza un simplu editor de text pentru realizarea unui site web este nevoie de cunosterea HTML, CSS si JavaScript. Din acest punct de vedere Adobe Dreamweaver ne ajuta cu variile sale panouri de inserare a elementelor HTML si prin panoul CSS Designer pentru aplicarea regulilor CSS asupra elementelor de markup HTML.

Pe langa Adobe Dreamweaver (program cu plata) exista o sumedenie de editoare de text gratuite ce pot fi un bun suport pentru „scrierea” paginilor web, cum sunt: Brackets, Sublime Text etc. Avantajul pe care il ofera Dreamweaver este ca ne ajuta la inserarea elementelor HTML si la stilizarea lor cu CSS, astfel este un program foarte potrivit pentru cine incepe sa invete web design.

GRATUIT

WordPress se poate descarca in mod gratuit de pe site-ul wordpress.org

CU PLATA

Adobe Dreamweaver se poate descarca in versiunea trial (gratuita pentru 30 de zile) de pe site-ul Adobe. Dupa expirarea perioadei gratuite se achita un abonament lunar.

Site Web Dinamic

Folosind WordPress se ceeaza doar site-uri web DINAMICE. Acest lucru se datoreaza faptului ca WordPress foloseste limbajul de programare PHP pentru a interoga continutul aflat in Baza de Date asociata site-ului web la instalare.

Asta nu inseamna ca pentru a utiliza WordPress trebuie sa cunostem limbajul PHP. Functiile PHP sunt incorporate in WordPress iar utilizatorul NU are nevoie de cunostinte de programare pentru operatiunile curente cum sunt cele de instalare a site-ului, personalizare a continutului (adaugare articole, pagini, imagini), aspetului temei, instalarea de extensii etc.

Site Web Static + Dinamic

Cu editorul de text Adobe Dreamweaver (ca de altfel cu orice alt editor de text) se pot creea atat site-uri web STATICE cat si DINAMICE.

In cadrul cursului vorbim exclusiv despre crearea unui site web STATIC, care prezinta continutul inserat direct in paginile HTML ale site-ului.

Site Web Dinamic

Continutul (fie ca vorbim despre pagini, articole, comentarii etc) este stocat in interiorul unei Baze de Date.

Accesati articolul pentru mai multe detalii despre ce sunt, cum functioneaza, cum se creaza si gestioneaza o Baza de Date.

Site Web Static

Cum am vazut si mai sus, un site web STATIC este cel care prezinta continutul inserat direct in paginile HTML ale site-ului.

Asta inseamna ca browser-ul web reda continutul site-ului inserat efectiv in pagini si nu isi ia continutul de afisat prin interogarea unei Baze de Date.

DA

Odata instalat un site web in WordPress avem la dispozitie un panou de control din care putem face majoritatea operatiunilor in site.

Existenta panoului de control ofera o reducere substantiala a timpului de actualizare si adaugare de continut. Publicarea unei noi pagini / articol se face direct din panoul de control fara a fi nevoie de transferarea fisierelor prin FTP.

Panoul de control este un avantaj fundamental pentru clientul final. Web designer-ul realizeaza site-ul in WordPress iar clientul poate insera in autonomie continutul fara a avea nevoie de cunostinte specifice in domeniu.

NU

La crearea unui site web de la zero folosind Adobe Dreamweaver panoul de control pentru actualizarea continutului site-ului nu exista. Acesta se poate crea doar prin programarea lui. Functiile dinamice nu sunt incluse in cursul nostru de web design cu Adobe Dreamweaver.

Pentru orice actualizare a continutului unui site web static (modificarea unei imagini, a unui text, adaugarea unei pagini etc) presupune incarcarea tuturor fisierelor dependente prin FTP (File Transfer Protocol).

Clientul final nu va putea realiza modificarile in mod autonom daca nu detine cunostinte in domeniu. Va trebui sa descarce de pe server fisierele HTML pentru modificare si va trebui sa incarce modificarile pe server prin FTP.

DA

Folosind WordPress avem la dispozitie teme grafice gratuite si premium (cu plata).

La instalarea unui nou site web cu WordPress avem deja incluse un numar de 3 teme gratuite create de catre cei de la WordPress. Tema activa de default la o noua instalare WordPress cea mai recenta (dintre cele trei instalate). Cei de la WordPress lanseaza cu frecventa anuala de obicei temele lor gratuite.

Oricum, practica este cautarea unei teme adecvate site-ului web pe care lucram. Pe site-ul WordPress gasim o librarie de teme gratuite. Pentru temele premium avem la dispozitie site-uri specializate, cele mai cunoscute fiind: ThemeForest si TemplateMonster.

DA

Cand creem un site web cu Adobe Dreamweaver avem disponibil 1 Template de pagina responsive cu Bootstrap accesibil direct din program.

In Dreamweaver, ca in orice alt editor de text, avem posibilitatea de a crea un layout de la zero sau de a descarca din librarii externe un layout HTML deja creat. Tot pe site-ul ThemeForest putem gasi layout-uri HTML.

Toate temele (gratuite sau premium) pentru WordPress sunt responsive, majoritatea lor fiind create cu Bootstrap.

In cursul WordPress nu se trateaza functionarea Bootstrap; cursul Bootstrap poate fi achizitionat separat.

Pentru a putea personaliza aspectul grafic al unei teme in WordPress nu este nevoie neaparat de cunoasterea Bootstrap. Insa intelegerea sistemului de coloane din Bootstrap devine fundamentala pentru utilizarea plugin-urilor Page Builder (pentru punerea in pagina a continutului).

In Adobe Dreamweaver se pot integra librariile responsive. Framework-urile responsive cele mai cunoscute sunt Bootstrap si Foundation.

In program este integrat Bootstrap. In Dreamweaver avem acces la 1 layout predefinit de pagina si la optiuni de meniu specifice pentru a insera principalele elemente de layout responsive cu Bootstrap.

In cursul de web design cu Adobe Dreamweaver este inclus un modul pentru utilizarea Bootstrap.

Celor care vor sa invete

WEB DESIGN

Cursul WordPress se adreseaza celor ce vor sa invete sa utilizeze principala tehnologie de creare a site-urilor web.

Este util deopotriva celor ce vor sa realizeze site-uri web pentru clienti cat si acelora ce vor sa isi gestioneze propriul site web in WordPress.

Principala tehnologie cu care se lucreaza in agentiile de web design.

Celor care vor sa invete

DEZVOLTARE FRONT END

Cursul de web design cu Adobe Dreamweaver se adreseaza celor ce vor sa invete HTML, CSS si Bootstrap.

Este potrivit pentru cei ce vor sa realizeze propriile layout-uri sau sa personalizeze layout-urile web cu Bootstrap. Ideal pentru crearea de landing pages.

Ideal pentru cine vrea sa aplice pentru un job intr-o agentie de web design.