Serial Tutorial khusus:
Membuat template blog tidak akan terlepas dari 3 kode "dasar" yang akan kami berikan contoh. Penulis minta maaf karena baru belajar membuat toturial, selama ini taunya hanya mempraktikan, bukan mengajarkannya he he he, yang paling sulit itu pasti kepada bagian "Mengajar" tidak percaya tanya pada blogger yang profesinya adalah seorang guru. Sulit untuk membuat seorang pelajar memahami apa yang mau kita sampaikan tanpa pengalaman, pendidikan dan teknik mengajar itu sendiri.
Maka itulah pada editblog tema kami selalu menekankan kepada "Contoh-contoh" yang langsung bisa dipraktikan bahkan ketika anda mencoba membuat sebuah template blog anda sendiri.
Karena sebuah contoh jauh lebih baik daripada seribu kata kata yang ditulis, saya memberikan contoh untuk tutorial dasar pelajaran JavaScript:
JavaScript:
Membuat template blog tidak akan terlepas dari 3 kode "dasar" yang akan kami berikan contoh. Penulis minta maaf karena baru belajar membuat toturial, selama ini taunya hanya mempraktikan, bukan mengajarkannya he he he, yang paling sulit itu pasti kepada bagian "Mengajar" tidak percaya tanya pada blogger yang profesinya adalah seorang guru. Sulit untuk membuat seorang pelajar memahami apa yang mau kita sampaikan tanpa pengalaman, pendidikan dan teknik mengajar itu sendiri.
Maka itulah pada editblog tema kami selalu menekankan kepada "Contoh-contoh" yang langsung bisa dipraktikan bahkan ketika anda mencoba membuat sebuah template blog anda sendiri.
JavaScript:
Lihat Demo:
Pelajaran JS pertamaku
<!DOCTYPE html>
<html>
<body>
<h2>Pelajaran JS pertamaku</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>
CSS
adalah singkatan dari CASCADING STYLE SHEETS
Gunanya untuk membuat suatu tampilan web menjadi menarik, css adalah elemen yang sangat penting bagi seorang desainer web jika merujuk kepada estetika atau keindahan suatu tampilan web apabila di tampilkan pada layar monitor baik PC, tablet maupun hape.
Contoh DEMO:
Ini biru
Kode diatas sebenarnya tampak sebagai berikut:<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">Ini biru Heading</h1>
</body>
</html>
Atau:
Ini merah
Kodenya sebagai berikut:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:red;">Ini merah</h1>
</body>
</html>
HTML
ini adalah bagian kepala
ini adalah bagian paragraf.Kodenya tampak sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>ini adalah bagian kepala</h1>
<p>dan ini adalah sebuah paragraf.</p>
</body>
</html>
Berikutnya akan kita bahas lebih dalam dan dalam..
biyuh
BalasHapusmembingungkan css ini
Sebenarnya mudah, mungkin saya yang kurang bisa menyampaikannya he he he.
HapusHarus belajar dari pak Martin Karakabu nih teknik mengajarnya