Cautare in site

Articol

Ce curs de Web Design sa alegi?

Ce curs de Web Design sa alegi?

Cea mai frecventa intrebare a celor care vor sa inceapa sa invete web design. Acest articol propune o descriere a principalelor tehnologii disponibile pentru crearea de site-uri web. Vom face o comparatie intre sistemele CMS (printre care WordPress este cel mai utilizat) pe de o parte si crearea de site-uri web scriind markup-ul de la zero (sau modificand template-uri) in varii editoare de text (in cazul nostru Adobe Dreamweaver).

Curs Web Design folosind Sistemul de Content Management

WordPress

Curs WordPress Online
Curs Web Design Html + CSS folosind editorul de text WYSIWYG

Adobe Dreamweaver

Curs web design

Ce sunt WordPress si Adobe Dreamweaver?

Curs WordPress Online - iconita

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

Curs Dreamweaver - iconita

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 sau cu plata?

Curs WordPress Online - iconita

GRATUIT

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

Curs Dreamweaver - iconita

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.

Ce tipologie de site se poate crea?

Curs WordPress Online - iconita

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.

Curs Dreamweaver - iconita

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.

Care este diferenta dintre un Site Web Static si Dinamic?

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.

Panoul de Control pentru editarea continutului

Curs WordPress Online - iconita

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.

Curs Dreamweaver - iconita

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.

Teme grafice incluse in program

Curs WordPress Online - iconita

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.

Curs Dreamweaver - iconita

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.

Layout responsive

Site-urile web responsive sunt acelea care isi adapteaza layout-ul grafic la largimea dispozitivului de pe care este vizualizat.

Curs WordPress Online - iconita
iconita-bootstrap

DA

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).

Curs Dreamweaver - iconita
iconita-bootstrap

DA

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.

Cui se adreseaza cursul?

Curs WordPress Online - iconita

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.

Curs Dreamweaver - iconita

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.

Alege cursul de web design potrivit pentru tine

Oferta noastra de cursuri pentru web design

20.4% Nou Promo
Curs WordPress Online
26

Curs WordPress Online

245.00 lei 195.00 lei

Invata cum sa construiesti site-uri web dinamice complete in mod rapid cu cea mai utilizata tehnologie la nivel mondial | 76 videoclipuri on demand HD | fise pdf descarcabile

40.8%
Curs web design
26

Curs Web Design cu Adobe Dreamweaver Online

245.00 lei 145.00 lei

Invata HTML, CSS si Bootstrap cu programul Adobe Dreamweaver / 91 de videoclipuri on demand

40.8% Nou Promo
Curs Bootstrap Online
26

Curs Bootstrap Online

245.00 lei 145.00 lei

Construieste site-uri web Responsive cu cel mai utilizat framework | 25 videoclipuri on demand HD | 4 exemple de layout descarcabile | fise pdf

Nu sunt comentarii

Adauga Comentariu

Adresa ta de e-mail nu va fi publicata.