Skip to main content

Pertemuan 1 Kelas Regular HIMMI Cikarang 2014 (HTML)

Beberapa waktu yang lalu, saya sempat mengadakan kelas regular yang bertujuan untuk belajar bersama. Karena mayoritas teman-teman saya adalah buruh dan Mahasiswa. Sehingga sangat sulit untuk bisa meluangkan waktunya untuk belajar. Dengan adanya kelas regular ini diharapkan akan meningkatkan kemampuan teman-teman dan mempersiapkan diri pada Tugas Akhir.

Ok, sekarang langsung aja ke materi Pertemuan 1 yang saya share.


Pertemuan 1
Pada kesempatan kali ini saya akan sedikit menjelaskan hasil pertemuan 1, belajar bersama yang membahas tentang Web Programming. Pertemuan 1, membahas masalah HTML. Atribut-atribut yang kita gunakan adalah <table></table>. Langsung saja pada coding yang kita buat untuk Pertemuan 1.


Berikut coding untuk halaman Home ( index.html )

<html>
<head>
<title>Pertemuan 1</title>
</head>
<center>
<body>
<table border="1" width="800" height="550" cellpading=1 cellspacing=1>
<tr>
<td colspan="2" align="center" height="20%" bgcolor="sky blue"><font size="50" height>Ahmad Munif Web</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#ff6600>
<a href="index.html">Home</a> | 
<a href="profile.html">Profile</a> |
<a href="about.html">About</a> 
</td>
</tr>
<tr>
<td align="center" width="20%" bgcolor=#FF0000>Bagian 1</td>
<td align="center" width="80%" bgcolor=#FF9900><font size=36>Halaman Home</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#CCFF00>Created &copy; by Ahmad Munif</td>
</tr>
</table>
</body>
</center>

</html>

Maka akan menghasilkan tampilan seperti ini



Untuk formating (font, size, color) bisa di customize sendiri.
Untuk halaman Profile, dan About bisa di tambahkan sendiri dan di rubah sesuai dengan keinginan teman-teman.

Pada Pertemuan 1 hanya dibahas masalah ini. Untuk pertemuan 2 akan segera menyusul.

-Semoga Bermanfaat-

Comments

Popular posts from this blog

Review Film Surau dan Silek

Surau yang berarti “Mushola” dan Silek yang berarti “Silat”. Adil yang diperankan oleh Muhammad Razi (11 th ) diceritakan sebagai anak Yatim, Kurip diperankan oleh Bintang Khairafi (12 th ), dan Dayat yang diperankan oleh Bima Jousant (11 th ). Mereka bertiga adalah anak-anak minang (Padang) yang menggemari seni bela diri Silek (Silat). Cerita yang berlatar belakang lokasi di Padang ini sangatlah indah sekali, keindahan ini didukung dengan tehnik pengambilan gambar yang sangat baik dan tentunya Bahasa yang digunakan di dalam film ini 95% adalah Bahasa Padang (untuk yang tidak tahu Bahasa Padang, sudah disediakan terjemahanya kedalam Bahasa Indonesia). Awal cerita Adil yang sedang bertanding silek dengan Hardi (F Barry Cheln-11 th ) di gelanggang olahraga mengalami keganjalan saat detik-detik terakhir, yaitu Hardi melempar pasir ke mata Adil yang membuat Adil menjadi kalah dalam pertandingan tersebut. Singkat cerita Adil mendapatkan tekanan yang sangat luar biasa yait

Galeri Persami SMP, SMA, SMK Al-Luthfah 2015

Berikut ini adalah beberapa foto hasil jepretan saat Persami SMP IT, SMA IT, dan SMK Al-Luthfah.

MozBelajar YPIT Al-Luthfah

Sabtu, 1 Agustus 2015 siswa-siswi YPIT Al-Luthfah mengikuti kegiatan #MozBelajar yang diadakan oleh Mozilla Indonesia. Acara MozBelajar kali ini dihadiri oleh +/- 20 siswa perwakilan baik dari SMP IT, SMA IT, maupun SMK Al-Luthfah. MozBelajar yang berjalan dengan sangat menyenangkan ini membahas tentang Webmaker App dari Mozilla. Dengan Webmaker kita bisa belajar tentang bagaimana berkontribusi di web. Pada MozBelajar kali ini dibawakan oleh saya sendiri (Ahmad Munif) sebagai FSA (Firefox Students Ambassadors) dan Mozillian Indonesia. Materi utama yang disampaikan adalah Webmaker. Dan dilanjutkan dengan sesi download bersama. Setelah download bersama, diadakan team project. Team Project terdiri dari 4 orang dan mereka merancang apa yang akan di buat di Webmaker. Berikut ini adalah hasil dari masing-masing team : Team Planet (MOPD) :  https://beta.webmaker.org/#/project?user=454905&project=5934 Team Life (Jalan Kehidupan) : https://beta.webmaker.org/#/project?user=4549