Si te krijojme nje faqe Webi nepermjet HTML-sKlasa 12-1

1. Njohuri mbi Gjuhen HTML

2. Njohuri mbi Dreamweaver MX

3. Komandat baze ne Dreamweaver per krijimin enje faqeje WEB.

4. Krijimi i nje faqeje te thjeshte ne WEB

5. Krijimi i tabelave ne Dreamweaver MX

6. Vendosja e fotove ne faqen WEB

Gjuha HTML

Cdo faqe WEB qe ne shikojme ne internet eshte endertuar nga gjuha HTML (Hyper Text MarkupLanguage)

Kjo gjuhe eshte e bazuar ne etiketimin e cdoelementi nga fillimi deri ne fundin e nje faqejeWEB.

Pershembull titulli i nje faqeje WEB eshte i shkruarmidis etiketimeve:

<TITLE> Titulli I Faqes </TITLE>

Sic shihet, te dy etiketimet kane te njejtat komandamidis simbolit te hapjes "<" dhe atij te mbylljes ">“ , por tek etiketimi i dyte perfshihet dhe nje simbol"/" qe sinjalizon mbylljen e nje veprimi.

Gjuha HTML

Nje kod te thjesht i thjesht igjuhes HTML do dukej sime poshte:

<HTML>

<HEAD>

<TITLE> Faqja ime e pare WEB </TITLE>

<BODY>

<Ahref:"http://www.faqjaimeepareweb.com">Kliko ketu per te shkuar tek faqja ime e pare WEB</A>

pjesa tjeter e faqes WEB...

</BODY>

<HTML>

Etiketimet qe perdoren nekodin e shkruajtur perndertimin e faqes nuk janete dukshme kur nenavigojme ne faqen toneWEB. Menjeher kur nje vizitorfutet ne faqen tone atodeshifrohen ne nje pamje tecaktuar.

Hyrje ne Dreamweaver MX

Dreanweaver MX eshte nje program i thjeshte qe temundeson te krijosh nje faqe WEB profesionale.

Kur ne perdorim Dreamweaver per krijimin e njefaqeje nuk duhet te shqetesohemi perEtiketimet. Programi do ti vendosi etiketimetautomatikisht duke e ndertuar faqen mepamjen e duhur.

Pordorimi i Dreamweaver na lejon neve te krijojmnje faqe ne menyre te shpejt dhe te thjeshte papasur nevoje te programojme ate me kodinHTML manualisht. Cdo program tekst shkrues namundeson neve te krijojm nje faqe WEB, madjedhe me Notepad mund ta bejme nje gje te tillepor kjo do te ishte teper e veshtire pasi donjohuri te mira mbi gjuhen HTML.

Komandat baze ne Dreamweaver per krijimin e njefaqeje WEB

1- Krijimi i nje dokumenti

Per krijim e nje faqeje WEB si fillim do te krijojm njedokument te ri duke klikuar mbi "File" tek toolbari iprogramit dhe me pas "New" ose mund te perdorim dhekombinim e tasteve "Ctrl+N". Ne tabelen qe do te nashfaqet me disa kategori per krijimin e nje faqe WEB,zgjedhim "Basic Page, HTML"

2- Shpetimi i nje dokumenti

Per te shpetuar nje dokument duhet te perdorimkomanden "Save" e cila ndodhet Toolbarin e programet ose mund te perdorim dhe kombinimin e tasteve "Ctrl+S".

3- Shpetimi i disa dokumenteve

Per shpetimin e disa dokumenteve perdoret komanda "Save all" e cila gjendet dukeklikuar mbi "File" ne Toolbar.

Krijimi i nje faqeje te thjeshte ne WEB

Tani qe kuptuam disa funksione baze te kodit HTML dhe Dreamweaver do te fillojme mendertimin e nje faqeje te thjeshte WEB.

Gjeja e pare qe do duhet te bejme eshte krijimi i nje dokumenti te ri.

Pasi kemi krijuar dokumentin e ri , ne faqen qe na shfaqet shkruajme nje text qedeshirojme te na shfaqet ne faqen tone WEB.

Krijimi i nje faqeje te thjeshte ne WEB

Mbasi shkruajtem tekstin, do te modifikojme ngjyrat e shkronjave.

Per kete duhet te klikojme mbi menun "Modify" dhe zgjedhim opsionin "Page Propertis...“ku do te na shfaqet tabela e meposhtme:

Krijimi i nje faqeje te thjeshte ne WEB

Ne "Background color" shkruajme kodin "#CCCCFF" i cili shfaq ngjyren blu.

Me pas klikojme mbi butonin "OK".

Krijimi i Tabelave

Mbasi krijuam nje faqe elementare WEB, pame se te gjitha shkronjat ishin te pozicionuarane te majte te ekranit.

Per ti pozicionuar ato ne nje vend te caktuar duhet te perdorim tabelat. Per momentinshumica e faqeve WEB kane te ndertuara nga tabelat pas na ndihmojne shumene permisimin e dezanjit te faqes.

Tabelat jane te ndertuara ne rreshta horizontal dhe vertikal.

Krijimi i Tabelave

Per vendosjene tabelave shkojme ne meun "Insert" dhe klikojme mbi opsionin "Table"

Krijimi i Tabelave

Ne dritaren e shfaqur duhet te specifikojme numrin e rreshtave horizontal dhe vertikal sidhe permasen e tabeles. Madhesia e tabeles mund te percaktohet ne "Pixel" ose"Percent".

Ne duhet te specifikojme dhe detajet te tjera si:

Border Thickness - Gjeresine e kornizes se tabeles

Cell Padding - Gjersine e kornizes se dritares

Cell spacing - Gjeresine e hapsires midis kornizes dhe dritares

Nese deshirojme, ne gjithashtu mund ti vendosim tabeles nje Titull ne opsionin "Caption“.

Ne rast se ne i vendosim nje titull tabeles atehere kemi dhe opsionin "Algin Caption" ku nepercaktojme se ku do te pozicionohet titulli ne tabele.

Vendosja e fotove ne faqen WEB

Per te vendosur nje foto ne faqen WEB duhet te shkojme ne menun "Insert" dhe teklikojme mbi komanden "Image“

(Kujdes: Dreamweaver nuk mund ti hap fotot me formatin "BMP")

Pasi te kemi zgjedhur foton qe deshirojm te vendosim ne faqen WEB , mund tapozicionojme apo dhe ti ndryshojme permasat lehtesisht me mouse.