Lnda: Gjuha e UEB-it

Hyrje n lndn

WEB Design

Labinot Hasani

Departamenti i Shkencave Kompjuterike

Universiteti ILIRIA

04 Mars 2014, Prishtin

WWW dhe veglat (tools) pr WEB Design

WEB (World Wide Web) ka mbi 20 vite perdorim tashm, dhe n vazhdimsi prdorimi i WEB-it po z vend n t gjitha sferat e jets. Gjithashtu, aplikimi i WEB-it tashm po z vend t veant edhe n paisje t tjera si jan telefonat e menur, kompjutert tabel, televizione, paisje t ndryshme elektronike, shtpiake, etj.

Nse jeni t entiziazmum q n karieren tuaj t punoni si WEB Dizajner dhe WEB Zhvillues (Developer), sht e domosdoshme t ngriteni profesionalish n nivel t lart. Poashtu koht e sotit duhet t keni parasysh t bashkpunoni ngusht n ekip n realizimin e projekteve, ku shum projekte kan prmasa t gjera dhe pjesmarrs jan m shum s nj i punesuar.

Sikurse n do profesion edhe n kt lmi duhet punuar duke prdore vegla (tools) q t keni mundesi t zhvilloni n nivel t mirfillt punt e juaja.

sht e rndesishme q WEB dizajneri/zhvilluesi t posedoj t gjitha veglat q nevoiten pr punn e tij/saj. N vijim prezentojm veglat nga m t thjeshtat deri te ato m t avancuara pr WEB Design.

2 2014 Labinot Hasani

Coffeecup Free HTML Editor

Coffeecup Free HTML Editor sht nj softuer apo editor i cili shrben pr zhvillimin e WEB faqeve dhe sht verzion falas nga produkti komercial, por q i mungojn disa tipare t programit si jan CSS dizajni i menys, ngarkimi FTP, etj. Ndrsa, verzioni komercial prmban t gjitha tiparet (features) pr zhvillim t avancuar t WEB design.

Softueri Coffeecup Free HTML Editor mund t merret nga linku: http://www.coffeecup.com/free-editor/

3 2014 Labinot Hasani

Coffeecup Free HTML Editor

4 2014 Labinot Hasani

NOTEPAD++

Softueri NOTEPAD++ sht editor shum i fuqishm i kodit burimor me tipare t gjra, ku mundson t editoj t gjitha kodet e gjuhve t ndryshme dhe sht jashtzakonisht i prdorshm pr perofesionistt pr editim t kodit burimor. E veqanta e ktij editori sht definimi sintaksor q lehtson dhe e bn kodin t kuptueshm. Gjithashtu, mund t hapni m shum se nj dritare me kod burimor n t njjtn koh dhe kompletimi automatik i kodit burimor ndihmon q t rregullojm kodin burimor m shpejt, sakt dhe m leht. Tiapri i krkimit (search) sht mjaft i prshtatshm dhe prdorshm n NOTEPAD++. Tipari i navigimit ndihmon q leht t gjendemi n NOTEPAD++, etj.

Softueri NOTEPAD++ mund t merret nga linku: http://notepad-plus-plus.org/download/

5 2014 Labinot Hasani

NOTEPAD++

6 2014 Labinot Hasani

FIREBUG

Tipari FIREBUG sht tipar i fuqishm i WEB brouserit (browser) Mozilla Firefox q shrben pr editimin e WEB faqeve/aplikacioneve. FIREBUG zakonisht prdoret pr t edituar kodin burimor t WEB faqes apo pas zhvillimit t WEB faqes e kontrollojm kodin burimor pr ktij tipari. Firebug ndihmon t shohni kjart stilet e HTML dhe CSS tuaj, ti rregulloni ato dhe t kuptoni faqosjen e faqet tuaj. Gjithashtu, shrben pr t rregulluar JavaScript, t menaxhoni cookies, t analizoni kohn e ngarkimit t faqs, etj.

Softueri FIREBUG mund t merret nga linku: http://getfirebug.com/downloads

7 2014 Labinot Hasani

FIREBUG

8 2014 Labinot Hasani

PAGEBREEZE

Softueri PAGEBREEZE sht editor pr t ndertuar WEB faqe t thjeshta dhe t shpejta. Nuk krkon njohuri t HTML apo CSS, t gjith WEB faqen mund ta prdorni duke prdor veglat drag & drup pr t ndrtuar nj WEB faqe t thjesht. PAGEBREEZE n vete prmban shabllone t thjeshta, ku ju mund ti ndryshoni ato apo edhe t shtoni materialin tuaj. N esenc mund t shtoni faqe, linqe, tabela, fotografi, formulare, etj. Me vetm disa klikime. Gjithashtu, mund t shihni dhe t editoni t gjitha faqet e juaja dhe n fund prmes tiparit FTP mund t drgoni drejtprsdrejti n internet WEB faqen e juaj t sapo ndrtuar.

Softueri PAGEBREEZE mund t merret nga linku: http://www.pagebreeze.com/

9 2014 Labinot Hasani

PAGEBREEZE

10 2014 Labinot Hasani

BLUEFISH EDITOR

Softueri BLUEFISH sht vegl pr programer q prmban n vete shum tipare. Editon sintaksn n gjuht, si jan; HTML, CSS, JavaScript, PHP, ASP.NET, etj. Mundson t renditni kodin burimor n menyr efikase, prmban krkues (search) dhe zvendsues t fuqishm, kompletim automatik t kodit burimor, etj. BLUEFISH mundson gjithashtu shtimin e faqeve, linqeve, tabelave, fotografive, viedo dhe audio ebjekteve, editim dhe rishikim t leht, etj.

Softueri BLUEFISH mund t merret nga linku: http://bluefish.openoffice.nl/download.html

11 2014 Labinot Hasani

BLUEFISH EDITOR

12 2014 Labinot Hasani

FILEZILLA

Softueri FILEZILLA shrben pr t prcjell skedart nga klinti n server apo si njihet pr FTP (File Transfer Protocol) protokol pr transferimin e skedarve. FILEZILLA ka tipare t gjra si jan; ruan qasshmrin n server, transferim i leht i skedarve n server, prcjell do hap t ndrmarr n server, cakton nivelin e qasshmris npr skedar, etj.

Softueri FILEZILLA mund t merret nga linku: https://filezilla-project.org/

13 2014 Labinot Hasani

FILEZILLA

14 2014 Labinot Hasani

XAMPP

Shkurtesa e softuerit XAMPP qndron pas X (kryqzim i platforms)-Apache-MySQL-PHP-Perl dhe sht paket pr grumbuj t zgjidhjeve. N vijim paraqesim ndarjen e do pjese t softurit:

Apache: sht softuer pr WEB Server. Ajo merr krkesa nga klientt (kompjuter t tjer) dhe e kthen prmbajtjen e tyre nga serveri tek klieni sikurse krkonte klienti.

MySQL: sht baza e t dhnave.

PHP / Perl: Kto jan gjuht q prdoren pr zhvillim n WEB. Prkthyesi duhet t jet i instaluar n WEB Server, ashtu q e kupton ngjarjen dhe e shfaq at te prdoruesit!

Pra nga keto tipare prbeht XAMPP. Kjo ju lejon t drejtoni nj WEB Server q t interpretoni WEB faqet e zhvilluara n PHP, Perl, apo edhe n HTML.

Softueri XAMPP mund t merret nga linku: http://www.apachefriends.org/download.html

15 2014 Labinot Hasani

XAMPP

16 2014 Labinot Hasani

Faleminderit!

Ligjratn e radhs vazhdojm me

hyrje n UEB Dizajn dhe HTML

17 2014 Labinot Hasani