Mësimi 1 – Hyrje
Mësimi 2 – HTML
Mësimi 3 – Tungjatjeta
Mësimi 4 – HTML vazhdimi
Mësimi 5 – Ballina
Mësimi 6 – Faqet e tjera
Mësimi 7 – CSS
Mësimi 8 – CSS vazhdimi
Mësimi 9 – Dizajni i faqeve
Mësimi 10 – Dizajni i faqeve tjera
Mësimi 11 – CSS pozicionimi
Mësimi 12 – CSS tabela, forma
Mësimi 13 – CSS përdorimi
Mësimi 14 – Përfundimi i uebfaqes
Mësimi 1 – Hyrje
Mësimi 2 – HTML
Mësimi 3 – Tungjatjeta
Mësimi 4 – HTML vazhdimi
Mësimi 5 – Ballina
Mësimi 6 – Faqet e tjera
Mësimi 7 – CSS
Mësimi 8 – CSS vazhdimi
Mësimi 9 – Dizajni i faqeve
Mësimi 10 – Dizajni i faqeve tjera
Mësimi 11 – CSS pozicionimi
Mësimi 12 – CSS tabela, forma
Mësimi 13 – CSS përdorimi
Mësimi 14 – Përfundimi i uebfaqes
Mësimi 6 – Faqet e tjera
1 min
Pasiqë e përfunduam ndërtimin e ballinës mund të vazhdojmë me faqet e tjera. Njëherë duhet që të krijoni faqe të reja ashtu siç bëmë në fillim me ballinën. Nëpërmjet Notepad++ krijoni një fajll të ri File->New dhe shënoni kodin e Galerisë më poshtë:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kursi TechUP</title>
</head>
<body>
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
<h1>Galeria ime</h1>
<p>
Këtu do vendosim fotografitë tona që do i shfaqim për të tjerët.
</p>
</body>
</html>
Pasi të shënoni këtë tani duhet të ruani këtë fajll, si psh “gallery.html”. Pasi të bëni këtë krijoni një faqe të re me File->New dhe shkruajeni kodin poshtë:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kursi TechUP</title>
</head>
<body>
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
<h1>Rreth nesh</h1>
<p>
Këtu do të shkruani rreth jush ndonjë informatë që dëshironi të lexohet nga të tjerët.
</p>
</body>
</html>
Pasiqë të mbaroni edhe këtë atëherë do ta ruani me emrin “about.html”. Krijoni një faqe të re me File->New dhe shkruani kodin e mëposhtëm:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kursi TechUP</title>
</head>
<body>
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
<h1>Kontakt</h1>
<p>
Këtu shënoni informatat e juaja për kontakt që vizituesit e faqes të mund të ju kontaktojnë juve.
</p>
</body>
</html>
Këtë faqe do ta ruani si “contact.html”. Mos harroni që të gjitha faqet ti ruani në një vend. Më mirë është që në desktop të krijoni një follder me emrin “uebfaqja” dhe të gjitha fajllat ti mbani aty. Tani nëse do të hapni faqen “index.html” do të mund të shtypni të gjitha linqet e menusë “Galeria, Rreth nesh dhe Kontakt”. Do të shihni se tani mund të shëtisni prej te njëra faqe te tjera. Por, e shihni se mungon bukuria dhe dizajni në uebfaqen tonë. Këtë do e mësojmë në mësimin tonë të rradhës.
Diskutimet
#ReLOaD
Kjo platformë është zhvilluar si pjesë e projektit Robokid të organizatës YEP, i cili zbatohet në kuadër të "Programi rajonal për demokraci lokale në Ballkanin Perëndimor 2 - ReLOaD2 i cili është i financuar nga Bashkimi Evropian (BE), ndërsa e implementon Programi për Zhvillim i Kombeve të Bashkuara (UNDP). Për përmbajtjen e kësaj platforme, si dhe qëndrimet e paraqitura në të, janë përgjegjës vetëm organizata YEP dhe ato në asnjë mënyrë nuk pasqyrojnë pikëpamjet e Bashkimit Evropian (BE) ose të Programit për Zhvillim të Kombeve të Bashkuara (UNDP) .