Gjithmonë duhet te dihet parimi i funksionimit të botës WEB dhe komunikimit me faqet Web.
Në esencë gjithmonë komunikimi nëpërmjet makinave kompjuterike është “Klient – Server”,
natyrisht duke pasur një adresë dhe protokoll të caktuar në të cilën kalon kjo adresë e makinës
“Klient” apo “Server”. Ndërtimi i Faqeve të Internetit, Aplikacioneve Onlinë ose Multimedial
për në Web, do të kenë nevojën e përdorimit të disa disiplinave siç janë, Animacione Grafike,
Dizenjimi Grafik, Komunikimet Interaktive, Arkitektura e Informacionit, Marketing, Fotografi,
Motora Kërkimi, Formularë Aplikimi, Dërgime Poste Elektronike etj.
· Gjuhe Programimi (Markup Language) të koduar për ndërtim strukture (si HTML, XML etj)
· Gjuhë Grafike (Style Sheet) që shërben për formatimet e tekstit (si CSS dhe XSL)
· Skripte të Lexuesit siç janë Javascript ose VBScript.
· Skripte të Serverit për funksionimin automatik siç janë PHP ose ASP.
· Teknologji Databazesh siç janë MySQL apo PostgreSQL
· Module të Multimedias siç janë Flash apo Silverlight.
Faqet e Internetit mund të jenë statike ose dinamike në mënyrë që tu përshtaten paraqitjes, që
varen nga faktorë të ndryshëm. Nga specializimi i fushave të grafikës së telekomunikacionit dhe
Teknologjisë së informacionit është ndërtuar një vijë ndarëse midis Dizenjimeve Web qe është
specifike për ndërtimin e faqeve të internetit dhe Zhvillimit te Aplikacioneve të Web-it që është
specifike për anën logjistike të ndërtimit të informacionit.
Stadet që nga Konceptimi deri tek Përditësimi i faqeve web, duhet te ndiqen në mënyre rigoroze
që të arrihet synimi sa më funksional i faqes që keni për të ndërtuar.
Në planifikimin e faqeve web duhet të kihen parasysh disa pika reference, në mënyrë që të keni
rezultatin maksimal në përfundimin e projektit tuaj.
Konceptimi i një faqeje web është kompleks, por është e rëndësishme që të gjeni kohën për
planifikimin e faqes së internetit, se çfarë nevojitet në një faqe web.
Jashtezakonisht thelbesore është të dihet se për kë audience klientele apo audiencë marketingu
doni juve të tërhiqni vëmendjen me këtë faqe interneti dhe çfarë përmbajtje do të ketë kjo faqe.
· Konteksti
Ndërtimi i një faqe web duke pare ngjashmërinë me mënyrën tradicionale te prezantimit ne letër,
njësoj si një katalog vepron ne gjuhe programimi te koduar ne strukture. Prezantimi sot per sot
në teknologjinë e informacionit është forma më komplekse dhe më e softistikuar që vazhdon të
rritet me hapa të mëdhenj në këtë fushë.
· Qëllimi
Është e rëndësishme të përcaktohet qëllimi i ndërtimit të një faqeje web, kështu përcaktojmë
edhe një hap tjetër në planifikimin e faqes se internetit. Qëllimi duhet te jete i fokusuar se çfarë
do të dali nga faqa web pasi është përfunduar dhe çfarë informacioni do të përfitoje lexuesi nga
kjo faqe web. Qëllimi i përcaktuar qarte se çfarë duhet të nxirret ne pah, ndihmon në zhvillimin e
permbajtjes se faqs web.
· Audienca
Percaktimi se kush do te jete audienca ashtu si qellimi, eshte hapi kyc ne ndertimin e faqeve web.
Audienca eshte nje grup njerezish qe juve prisni qe ata te vizitojne faqen tuaj te internetit. Ky
grup njerezish e viziton faqen web per nje arsye specifike qe atyre u nevojitet dhe eshte shume e
rendesishme te kuptohet se cfare ata jane duke kerkuar ne sitin qe keni ndertuar. Pasi keni
percaktuar qellimin dhe tipin e audiences, duhet te merrni parasysh qe ky grup cfare
karakteristikash ka:
- Karakteristikat e Audiences ku perfshihen shkollimi, njohurite, mosha, buxheti etj
- Preferencat e Informacionit duhet tu paraqiten thjeshte pa komplikime
- Specifikimet e kompjuterit qe mund te kene apo mund te huazojne
- Eksperienca qe kane ne lidhje me Web-in apo Internetin ne perdorim apo zoterimin e tyre.
Keshtu juve vendosni nje baze te forte dhe te suksesshme ne ndertimin e faqes tuaj.
· Permbajtja
Organizimi i permbatjes dhe menyra e te shpreburit te saj, duke ditur qe duhet te arrijme qellimin
e faqes web, duhet tu pershtatet karakteristikave te audiences. Eshte mire te krijohet idea, qe
gjate punes tu prezantohet afersisht nje grupi njerezish qe kane karakteristikat e ngjashme me ate
qe ju po krijoni. Keshtu Ju do te keni rezultatet e para se si do te pritet informacioni qe do te
publikoni ne faqen tuaj ne internet. Me pas behet ndarja dhe kategorizimi i informacionit sipas
nevojave te ketij grupi audience. Emrat e kategorive duhet te jene te qarte, konciz dhe tu
vendosen linke, ne menyre qe te drejtojne lexuesin direkte dhe shpejt atje ku ai synon.
Per te realizuar ndertimin dhe funksionimin e efekteshem te faqeve web ka disa menyra qe varen
posacerisht nga njohurite dhe eksperienca juaj ne kete fushe.
· Menyra e pare per ndertimin e faqeve web ne menyre perfekte, duhet te keni njohuri te
mjaftueshme per skripte dhe gjuhe programimi sic jane HTML, JAVA, PHP, ASP etj.
Pra ju duhet te zgjidhni gjuhen qe keni me shume njohuri, ne menyre qe te komandoni te
gjitha pjeset e faqes tuaj te internetit, si modulet po ashtu edhe skriptet qe instaloni.
Keshtu ju keni mundesine per testimin, perditesimin(Update) e faqes web ne cdo moment
qe do tju duhet te nderhyni. Nje faqe te tille kerkon njohuri te thelle te gjuhes qe perdorni.
Per ndertimin e faqeve web me gjuhe programimi kerkon shume kohe dhe durim.
· Menyra e dyte per dizenjimin e faqeve web, eshte perdorimi i programeve ndihmese qe
jane te bazuar ne gjuhet e programimit te faqeve web sic jane: Dreamweaver, Frontpage.
Per gjuhe programimi me te avancuara ndertohen me programet Adobe Flash dhe Adobe
Flex qe krijojne mardhenie interaktive me shqisat qe zoteron trupi i njeriut apo me
kompjuterin local, ku lexuesi tenton te marre informacion qe kerkon. Kjo menyre ndiqet
nga shumica e dizenjuesve te faqeve web, per efekt lehtesie ne punim. Keto programe
realizojne ne menyre automatike shkrimin e sintaksave te shume gjuheve te programimit.
· Menyra e trete eshte perdorimi i Shablloneve (Template) te gatshem, faqe web qe jane
realizuar nga eksperte dhe shkarkohen lehtesisht nga Interneti. Puna e dizenjuesit eshte
vetem te gjeje se cfare shablloni i pershtatet. Per shembull, ne ngjyra apo funksionalitetin
qe ka realizohet faqja e internetit, ne shume pak kohe dhe ndryshimet e vetme per tu
modifikuar jane: Logo, Baneri, Tekstet, Imazhet dhe Linket qe jane per tu perditesuar.
Sot per sot kane marre zhvillim te madh ndertimi i faqeve web me Permbatje te
Menaxhueshme, sic jane Joomla, e-Commerce, Wordpress, Web2.0, Drupal etj. Ku
gjithcka kontrollohet dhe monitorohet nga Paneli i Administratorit.
Ora4: Problematikat ne Ndertimin e Faqeve Web.
Nuk mund te perjashtojme ne asnje menyre problemet qe kane Faqet Web. Ndertimi i faqeve
Web shfaq Problematika dhe Gabime te shumta si ne strukture ashtu edhe ne permbajtje.
Disa nga problemet me ndertimin e faqeve web jane evidente qe ne pamje te pare pasi keni
mbaruar websitin pra faqen tuaj te internetit.
Gabimet qe shfaqen gjate ndertimit te faqes web kane lidhje me gjetjen e Audiences, qe eshte
celesi kryesor i suksesit te faqes web.
· Ne faqen web duhet te keni te shprehura qarte se cfare po reklamoni, me emra te shkruar
qarte. Nese ka produkte apo sherbime duhen shkruar qarte dhe kuptueshem emrat e tyre
sipas kategorive qe ndahen, ne menyre qe lexuesi apo motorat e kerkimit ti gjejne dhe te
drejtohen menjehere atje ku audienca tenton te shkoje.
· Nuk duhen ndryshuar ngjyrat e linkeve te vizituara me pare nga laxuesi. Zakonisht kur
klikohet mbi nje link ai merr ngjyre te murrme, qe tregon qe i vizitua njehere. Mirepo
lexuesi duke klikuar ne shume linke harron se per cfare ka ardhur dhe hutohet nga
ndryshimi i ngjyres se linkeve duke menduar qe e ka vizituar me pare dhe largohet nga
faqa web duke treguar qe ai informacion qe kerkonte nuk ekzistonte ne faqen web.
· Nuk duhen vendosur tekste apo imazhe me cilesi te dobet ne faqen web, sepse lexuesi
sidomos mbi moshen 40 vjec, lodhen nga dallimi i stergjatshem i karaktereve apo
imazheve me cilesi te dobet.
· Duhen menjanuar cdo pamje si Reklama, Pop-up, iFrame apo Flash animacionet, te cilat
jo vetem e lodhin lexuesin te kuptoje se cfare jane, por edhe e hutojne duke e larguar nga
informacioni qe i duhet. Faqja duhet te jete sa me e thjeshte dhe te drejtoje lexuesin
direkte atje ku ai kerkon te shkoje.
· Krijimet e linkeve me hapje ne Dritare ne re(Open in New Window). Duhen menjanuar
sa me shume keto dritare ne menyre qe lexuesi te qendroje vetem brenda faqes aktuale,
perndryshe ai do te largohet nga faqja juaj shume kollaj.
Ora5: Konceptet per Hyrje ne WEB
Interneti eshte rrjeti me i madh qe ka mbuluar boten elektronike, me lidhjen e shume rrjetave
kompjuterik me njeri-tjetrin. Ky u quajt World Wide Web dhe u vendos protokolli “www”.
Kurse WEB mori emrin shkurt e World Wide Web. Me WEB do te kuptojme rrjeten e gjere
elektronike te shkebimit te informacionit. Ky shkembim informacioni perseri bazohet ne parimin
“Klient – Server”.
Parimi “Klient-Server” funksionon ne baze te Adresave dhe Protokolleve ne te cilen adresat jane
te lexueshme per destinacion. Cdo makine kompjuterike ka nje adrese qe quhet IP(Internet
Protocol) dhe dy makina qe te komunikojne me njera tjetren nepermjet adresave te tyre kane
nevoje per protokollin qe mund te jete TCP/IP (Transmission Control Protocol/Internet Protocol)
ose UDP (User Datagram Protocol).
Ne kete moment njeri nga kompjuterat do te quhet Server, sepse transmeton informacion dhe
tjetri quhet Klient sespe merr informacionin dhe anasjellas.
Nese lidhen me shume kompjutera me njeri-tjetrin do te lindi nevoja per pajisje ndihmese si
Switch, Hub, Router, Access Point etj, por protokolli nuk ndryshon nga sa thame me lart.
Komunikimi i nje kompjuteri lokal, me nje kompjuter ne Web mund te komunikoje ne dy
protokolle FTP (File Transfer Protocol) dhe HTTP (HyperText Trasfer Protocol). Me FTP na
jepet mundesia e transferimit te skedareve qe kemi ndertuar faqen web nga kompjuteri
lokal(Klient) ku ndodhen keto skedare, ne kompjuterin ne Web, qe do ta quajme Web Server.
Kurse me HTTP na behet e mundur leximi ose kompilimi i permbajtjes se ketyre skedareve qe
kompjuam ne Web Server.
Programet ose Web Browser-at qe na japin mundesine e leximit te permbajtjes se faqeve Web,
jane Internet Explorer, Mozilla Firefox, Opera, Google Chrome etj. Quhet Web Browser-a sepse
jane programe qe perdorin gjuhet e programimit te mesiperme per kompilimin e faqeve web.
Qe te publikohet materiali jone, pra faqja web, duhet te hidhnim te gjithe skedaret ne web server,
pra ne kompjuterin tone Server. kalimi do te beheshe me protokollin FTP. Qe audienca te kete
mundesi te lexoje permbajtjen e faqes tuaj, i duhet nje adrese ne web ku te kene mundesine te
navigojne. Eshte shume e rendesishme qe kjo te kuptohet. Meqe ne i kemi tashme materialet ne
Web Server, pra ne kompjuterin tone Server, automatikisht ky server do te kete nje adrese IP, sic
cdo makine kompjuterike ne internet. Kjo adrese IP eshte konvertuar ne fjale dhe numra te
kuptueshem nga lexuesi dhe quhet DOMAIN. E gjithe hapsira e memorjes e lejuar nga ky web
server, quhet HOST. Hedhja e informacionit ne Host per tu lexuar quhet Website Hosting.
Domain-i ka formen “emrikompanise.niveli“, nje shembull konkret eshte “google.com”.
Nje domain mund te prezantoje shume adresa te tjera IP ose Domaine te tjere.
Per shembull, microsoft.com, prezanton shume kompani te tjera qe lidhen me aktivitetin e
Microsoftit.
Mbrapashtesa “.niveli”, quhet Top Level Domain (TLD), nuk eshte vetem per te shprehur tipin e
nivelit qe perfaqeson, por ndihmon adresen IP qe te jete e sakte, se
sepse
pse mban pergjegjesine per
Domain Name System (DNS). Tipet e niveleve (TLD) jane te limituar si domaine:
· gov – Perdoret per te treguar qe jane faqe per Administraten Shterore ((Government
Government)
· edu – Tregon nivele edukimi apo Trajnimesh. ((Education)
· org – Perfaqeson organizata joftimim prurese ((Organization)
· mil – Niveli ushtarak i perdorimit te faqe
faqeve web (Military)
· com – Biznese private me tregti fitimprurese ((Commercial)
· net – Organizata me rrjet te perbashket ((Network)
Nga folderi faqeweb per te kaluar tek reviste,, eshte kjo sintakse:
P.sh: foto/broshura/reviste me vone do ti trajtojme Linket Relative
Nga folderi aktivitete per te kaluar tek baner,, eshte kjo sintakse:
P.sh: ../imazhe/baner
../imazhe me vone do ti trajtojme Linket Relative
Gjuha HTML fillon dhe mbyllet me sintaksa qe quhen Tag, kane pamje te tille < >(hapese) ose
</ > (mbyllese), ku brenda cdo tag ka karaktere qe jane njesoj si ne hapje dhe mbyllje.
Nje faqe interneti normalisht behet sipas kesaj
llogjike, ne fillim vendoset nje Baner ku duhet te
jete montuar
tuar nje Logo dhe Slogani i aktivitetit.
Vendoset shiriti i butonave te menuse.
Ne cdo nderfaqe nuk ndryshojne baneri dhe
butonat e menuse.
Vendoset dhe permbajtja qe cdo nderfaqe do te
kete permbajtje te ndryshme.
Permasat e punes jane ne Pixel shkurt px.
Zakonisht vegla grafike ndihmese eshte
Photoshop per editimin e imazheve grafike.
Po japim ne fillim disa komanda qe kane lidhje direkte me parametrat e tekstit, qe shkruhen
brenda stantaksave <body> .... </body>:
Karakteret Përshkrimi
ë Aktivizon shkronjën “ë”
ç Aktivizon shkronjën “ç”
#000000 - #ffffff Ngjyrat ne Hekzadecimal
Këtu është demonstrimi për te provuar disa sintaksa baze te gjuhës HTML.
Këtu po japim tabelën e sintaksave ne HTML qe do te duhen për insertimin e imazheve dhe
linkeve.
<!--Insertojme
Insertojme imazhet e butonave dhe linket perkatese
perkatese-->
<a href="index.html"><img src="imazhe/index.jpg" border="0"></a>
<a href="rreth_nesh.html"><img src="imazhe/rreth_ne
src="imazhe/rreth_nesh.jpg" border="0"></a>
<a href="galeria.html"><img src="imazhe/galeria.jpg" border="0"></a>
<a href="kontakt.html"><img src="imazhe/kontakt.jpg" border="0"></a>
<hr>
Kemi përdorur per imazhet atributin (border=”0”), sepse gjate shfaqjes ne web browser, nuk do te duket
korniza e linkut qe ka imazhi, pra për thjeshtësi ne elegance.
Deri këtu nuk kemi përdorur “Klasa”, për ndryshimin e atributeve te teksteve,, qe te mos e rendojmë
sintaksën por te kuptojmë funksionalitetin e faqes web.
Ora8: Krijimi i Nenfaqeve.
Duke ditur qe baneri dhe butonat e menuse do te mbeten njesoj ne edhe ne nenfaqet e tjera, e
kemi shume te thjeshte te krijojme disa nenfaqe sipas skemes:
Tashme ajo qe ngelet per te bere eshte riemertimi i skedareve qe kopjuat, ne emrat perkates te tyre
sipas linkeve qe kemi vene tek skedari index.html. Riemertimi duhet te jete:
rreth_nesh.html, galleria.html, kontakt.html. Pasi keni perfunduar emertimin, klikoni me dopio klik tek
nje nga skedaret e sapo krijuar, dhe keni keshtu nje faqe te kompletuar ne shume pak kohe.
ajo qe ngelet eshte plotesimi I permbajtjeve perkatese te cdo nenfaqeje.
Ora9: Insertimi i Tabelave dhe skedarëve Audio.
Per cdo nga nenfaqet qe kemi krijuar do ta na duhet ta mbushim me informacionin perkates.
Per shembull, permbatja qe i perket index.html, duhet te kete nje informacion prezantues per
shkollen Qemal Stafa. Tek nenfaqja rreth_nesh.html, duhet te kete historikun ne lidhje me
shkollen dhe tek kontakt.html, duhet te kete informacionin per kontakt ne lidhje me drejtuesit e
shkolles, etj. Kur lexuesi te hapi faqen index.html, do te vendosim nje skedar audio, qe do te jete
Himni i Flamurit dhe skedarin do ta quajme himni_flamurit.mp3. Skedaret multimedial qe
mund te shikohen apo degjohen online, jane te disa tipeve: avi, flv, mp4, mov, swf, mid, mp3, etj.
Per te insertuar skedare multimedial, ka shume metoda. Ne librin tone eshte trajtuar metoda me e
suksesshme per insertimin e skedarëve audio.
Me pare do te na duhet te insertojme nje tabele, qe do te permbaje ne qelizat e saj.
Sintaksat qe do na duhen:
Atehere fillojme te editojme, permbajtjen e index.html, duke vendosur tabela dhe ne fund skedarin audio
te Himnit te flamurit. Kur te hapet faqja ne web browser, do te hapet automatikisht edhe Himni i Flamurit.
Krijojme nje direktori te re audio, ne nivelin 0, pra paralelisht me index.html dhe kopjojme brenda ketsaj
direktorie skedarin himni_flamurit.mp3. Ne qelizen e pare (R1, K1) dhe ne (R2,K1) do te shkruajme
tekst, kurse ne qelizen (R1,K2) do te vendosim nje foto(imazhe/qemal_stafa.jpg) me permasa
width=300px dhe heigh=200px. Ne 2 qelizat e para do te shkruajme pershkrim te shkolles qemal Stafa.
Tabela dhe skedari audio do te vendosen ne vend te fjalise “Permbajtja e faqes se indeksit”.
Teksti qe eshte perdorur eshte thjesht demonstrativ. Do te perdorim gjithashtu disa atribute ose tipare te
tabelave, sic jane:
- border=”0”, qe sherben per ti dhene kornizes trashesi 0, te padukshme.
- align=”left” “center” “right”, qe rreshtojne tekstet apo imazhet grafike majtas, qender apo djathtas.
- valign=”top” “middle” “bottom”, qe pozicionojne tekstet apo imazhet lart, ne mes apo poshte.
Ora10: Plotesimi i përmbajtjeve te përsëritura
përsëritura.
<html>
<head>
<title> Gjimnazi Qemal Stafa</title>
</head>
Kete përmbajtje, qe shkruajtem tek index.html, me Notepad te ndertuar nga tabela, e kopjojme
me komanden “Copy” dhe hapim skedarin rreth_nesh.html,, me Notepad. Ne vend te shprehjes
“Permbatja e faqes se indeksit...”,”, jepini komanden ““Paste”,
”, ne mënyre qe te hedhim te njejten
përmbajtje si tek index.html.. Te njejten rruge ndjekim edhe per dy nenfaqet e tjera
tjera, galeria.html
dhe kontakt.html.. Pra ajo qe ngelet per tu bere, esht
eshtee vetem editimi i tekstit dhe fotove qe
ndodhen ne cdo tabele te cdo skedari qe krijoni.Per shembull tek kontakt.html,, do te ndertojme
formulare kontakti, brenda tabeles qe kemi krijuar.
Ora11: Ndertimi i Formulareve “Forms”.
Te ndertojme me keto sintaksa nje formular kontaktimi dhe me pas kur te klikojme ne butonin e
konfirmimit “Dergo”, te shkoje ne adresen e-mail “info@qemalstafa.com”. Duhet patur parasysh qe
formularet ne HTML per dergimin e e-maileve, mundësohet nga programi klient qe keni te instaluar dhe
konfiguruar ne kompjuterin tuaj, sic eshte Outlook Express, Outlook Office etj. Vete gjuha HTML, nuk
mundëson dergimin e e-maileve pa ndihmen e programeve shtese ose gjuhëve te tjera te programimit
sic jane php ose asp. Hapim kontakt.html, me Notepad.
Ne vend te tabeles, do te vendosim sipas rradhes pjeset e formularit.
Shkrimi i sintaksave ne Notepad Pamja ne Web Browser
Per Irisoftin, ne formatin nese i duhet kodi
<html>
<head>
<title> Gjimnazi Qemal Stafa</title>
</head>
Shpesh na lind nevoja qe dy ose me shume ffaqe interneti, ti insertojme ne faqe te vetme.
Lexuesit ne te vërtet i duket vetëm një faqe web. Për ketë do te përdorim sintaksen FRAME.
Një Frame (Hapësire)) konsiderohet edhe vete një skedar i ndërtuar ne HTML.
Pra me Frame, mund te insertojme me shume se një faqe web, ne nje dritare te web browser-it.
browser
Çdo Frame është e pavarur nga njëra
njëra-tjetra. Framet nese kane korniza te dukshme, mund te
zmadhohen ose zvogëlohen nga vete lexuesi i faqes web.
Sintaksa Pershkrimi
<frameset rresht/kollone> Percakton nje bashkesi me Frame(kombinim hapsirash)
<frame src=”skedar.html”> Percakton nje nendritare ose nje hapsire
<noframes> Percakton nje hapsire ne faqe, per browserat qe nuk njohin Frame
<iframe> Percakton nje nenhapsire te brendashkruar faqes web.
Kete mesim e kemi lene ne fund per vete faktin qe te kuptohet qe nje fra
frame
me perdoret vetem
atehere kur eshte mbaruar faqja web ose te pakten permbajtja e saj. Prandaj per ilustrim, krijojme
tre faqe me ngjyrat e sfondeve te ndryshme, te Kuqe, te Verdhe dhe Blu, perkatesisht vendosim
emertimet, frame_a.html, frame_b.html
b.html, frame_c.html. Krijoni dhe nje skedar index.html.
Do ta ndajme faqen web ne 3 kollona ku do te vendosen te tr
treja dritaret pra Frame--t.
Shkruajme kodin si me poshte, tek skedari index.html:
Ora13: Permbledhje
Linja 3: Perdorimi i CSS
2. E brendshme (Internal), ku sintaksa e CSS vendoset midis tageve <head> ...</head>, te nje
skedari html.
3. E jashtme(External), ku sintaksat e CSS ruhen ne nje skedar css, dhe ky skedar eshte per te
gjitha faqet e tjera web qe e shoqerojne.
4. Gruponi Tag-et
et duke i ndare me presje, nëse këto kane atribut te njëjtë, për shembull:
Nese per cdo element te gjuhet HTML, doni ti jepni stile te ndryshme, atehere do te veproni:
6. Zgjedhesi “id”, do te perdoret per te lidhur elementet e html me atributin “id” dhe me vleren
Pra <div> dhe <span> nuk kane shume ndryshim, por përdorimi i tyre eshte shume
i domosdoshem. Po te rendesishme jane dhe përdorimi i kornizave, si me poshte:
Ora 5: Permbledhje.
DREAMWEAVER
Pasi eshte instaluar ky program ne kompjuterin tuaj, do te shfaqet kjo ikone ne “Desktop”, te kompjuterit
tuaj. E hapim kete soft duke klikuar ne kete ikone 2 here. Dhe do te shfaqet:
Pra kemi dhene linket ketyre 4 butonave perkatesisht index.html, rreth_nesh.html, galeria.html
dhe kontakt.html.
t.html. I japim faqes sfondin qe kemi krijuar me emrin imazhe/sfondi.jpg
imazhe/sfondi.jpg. Ne fund te
dritares, ndodhet butoni “Page
Page properties
properties” .
Tek dritarja zgjidhni imazhin
me ermin “sfondi.jpg
sfondi.jpg” dhe
jepni Ok.
Tek menuja “File” japim “Save”. ”. Ne menyre qe te ruajme se cfare kemi ndertuar deri tani.
Qe te shikojme ne internet Explorer se cfare kemi ndertuar japim nga tastiera tasten F12.
Te gjitha faqet kane te perbashket banerin dhe butonat qe kemi ndertuar, ajo qe ndryshon eeshte
vetem pjesa e trete, përmbajtja. Qe te krijojme faqet pasaerdhese, duhet te japim komanden
“Save as...”,
”, me emer te ndryshem sipas butonave qe kemi ndertuar. Pra File, Save as...,
as
rreth_nesh.html,, OK. E njëjta rruge per galerine dhe kontaktin. File, Save as..., galeria.html,
galeria
OK. File, Save as..., kontakt.html,, OK.
Shikoni perseri ne internet Explorer, qe butonat funksion
funksionojne,e, sipas klikimeve qe keni vendosur.
Kjo qe kemi krijuar deri tani quhet ““navagation bar”.”. Pra butonat e menuse se faqes kryesore.
kryesore
Duhet kuptuar koncepti, qe bejme vetem kopjim te faqes kryesore index.html, por me emra te
ndryshem sipas deshires.
Ora 6: Insertimi i Teksteve dhe linkeve.
linkeve
Rreshtin e trete te tabeles qe kemi te instertuar, e kemi lene posacerisht per te hedhur përmb
përmbajtjen
per secilen faqe. Ne përmbajtjen e ““index.html”, ”, do te hedhim nje animacion flash dhe tekst per
përshkrimin e shkolles Qemal Stafa.
Dreamweaveri e ka shume te thjeshte logjiken e insertimit te teksteve. Njesoj ne përdorimin e
programit MS Word, duhett te pozicionojme kursorin ne rreshtin qe deshirojme te shkruajme.
Nese do te jepnim nje link, per adrese email, ku lexuesi te na kontaktoje vetem duke klikuar ne
linkun tone, atehere do te ndiqnim kete procedure:
1. Selektoheshe teksti qe do ti jepnim linkun
2. Tek opsioni “Link”, ”, do te shkruajme “MAILTO:info@qemalstafa.com”
3. Tek opsioni Target perseri do te selektonim ““_self”.
Ora 7: Krijimi i Templateve.
Template nuk eshte gje tjeter vetem se nje faqe e gatshme shabllon, per te krijuar faqe te tjera te
ngjashme qe mund te kene ndryshime te pakta ne përmbajtje. Hapim faqen index.html
index.html, me
Dreamweaver dhe shkojme tek File ile, Save as Template.
Nese krijojme nje faqe te re, me menune File, Page from Template, Emrin e Templatit.
Templatit
Do te hapet faqja qe ruajtem si template dhe mund te modifikohet vetem pjesa qe selektuam.
Kur e ruajme ate skedar duhet ta ruajme me emer tjeter nnga temlpate qe kemi.
Krijimi i templateve eshte i
domosdoshem, sidomos ne
rastet kur dizenjimi i faqes
nuk ndryshon . Jepini
“Create” dhe ne
dreamweaver do te shfaqet
faqja qe kishit dhe po ashtu
menaxhimi eshte i
konfiguruar sipas vlerave qe
juve dhate ne dokumentin
origjinal nga i cili u krijua
ky template.
Ora 8: Krijimi i Shtresave dhe Frame-ve.
Frame
Hapim index.html me Dreamweaver dhe shpesh pozicionimi i elementeve ne faqen e
dreamweaverit kërkon saktësi qe ne fillimin e ndertimit te faqes. Per kete na vijne ne ndihme
shtresat (Layer). Ne versionet e reja sic eshte CS4, eshte shndërruar termi “Layer” me “AP Div”.
Ne te vertet ka te njejtin funksion. Ky funksion ben te mundur qe te insertojme nje grup me
tekste, imazhe grafike apo multimedia dhe ti pozic
pozicionojme sipas preferencave ne faqen web.
Do te insertojme nje foto, ne faqen web duke përdorur ““AP Div”. ”. Shkojme tek menuja Insert,
Layout Objects, AP Div. Shfaqet nje kornize blu ne faqen web. Klikojme brenda asaj kornize
dhe shtojme nje imazh, me komande
komanden image tek ikonat ndihmese. Dhe marrim pamjem:
Brenda nje shtrese mund te insertohet edhe nje multimedia flash apo video.
Hapim nje dokument te ri, ne nje polder te ri dhe te shikojme se si mund te krijojme Frame.
Do te praktikojme te realizojme frame ddhe butona navigimi.
Tek dokumenti i ri shkruajme tre fjale Google, Yahoo dhe Hotmail. Kur te klikojme tek secili
nga linket te hapet ne frame me vehte. Para se tu japim linke ketyre tre fjaleve, duhet te
insertojme nje frame. Shkojme tek menuja Insert, HTML, Frames, Bottom.
Pasi u krijua nje frame ne pjesen e poshtme, japim linket sipas radhes, tre fjaleve qe krijuam.
Google-it
it i japim linkun perkates dhe tek opsioni ““Target”,
”, duhet te zgjidhni frame qe do hapet.
Duke krijuar frame mund tee kombinojme nje pafundesi faqesh web. Gjithmone duhet te keni
parasysh qe te funksionojne sa me mire frame duhet ti keni te ndertuara me përpara dokumentet
ne html.
Ora 9: Navigation Menu dhe Krijimi i Klasave.
Eshte e nevojshme qe ndonjehere te krijoj
krijojme
me edhe menu te cilat kane shume nënkategori apo
nenmenu qe duhet te rradhiten ne shiritin e menuve kryesore.
Per te ilustruar kete shembull, hapim index.html, te shkolles Qemal Stafa, qe krijuam me efektin
Rollover. Fshijini ato butona te krijuara me kete efekte. Do te krijojme “navigation
navigation menu”,
menu me
Dreamweaver CS4. Poziciononi mousin tek rreshti i butonave ku do te insertojme, “navigation
menu”. Klikoni menune Insert,, Spry, Spry Menu Bar Bar.. Automatikisht do te krijohet nje menu
me shume nenmenu te tjera. Ajo jo qe ngelet eshte te jepni emrat e butonave te menuve dhe linket e
tyre.
Modifikimi i kësaj menuje
eshte shume i thjeshte dhe
i lehte ne përdorim. Kjo
menu ka krijuar
automatikisht 2 skedare
per te cilet ka nevoje qe te
aktivizohet kur lexuesi
shikon ketee faqe interneti
qe ka kete tip menuje.
Keta dy skedare jane sprymenubar.js (Javascript) dhe sprymenubarhorizontal.css eshte klasa qe
krijohet posacerisht per kete tip menuje. Me kete klase na jepet mundesia e krijimit, modifikimit
apo azhornimit te metejshem
hem te menuse qe kemi krijuar.Ne shembulli jepet si ndryshohet ngjyra.
Shvillimi i metejshem i klasave ne dreamweaver, kërkon njohuri te mira ne gjuhen CSS. Ky soft
na jep mundesine e ndërthurjes se klasave qe krijohen ne css me elementet qe përdorim per te
ndertuar faqen web.
Eshte e rendesishme te dihet qe ne
teknologjine e sotshme, klasat po behen te
përdorshme ne mase, per efektet qe ato
krijojne ne shume pak kohe dhe pa shume
mundim per përdoruesit jo programator.