selamat pagi gan,,,,
udah lama gx posting ne,,
gara-gara sibuk trus dengan tugas kampus.
tapi saya tidak lupa posting di blog,,
okeee langsung saja ea gan..
disini saya posting gimana cara dasar dalam pemrograman web melalui HTML....
maaf ea gan, singkat kali pembukaannya,soalnya dosennya udah mau masuk.
jadi buru-buru...
oke langsung aja liat di bawah !!!!
Jika kita sering berselancar didunia desain web kita akan sering menjumpai halaman-halaman web dapat dikelompokkan menjadi 2 yaitu : halaman bersifat web statis dan web dinamis.
adapun sifatnya , halaman tersebut pasti melibatkan html
struktur dasar dari HTML :
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Dalam HTML ukuran tulisan ada 6 pilihan yaitu dengan menggunakan kode <h> </h>
contoh :
<HTML>
<HEAD>
<TITLE>latihan-I </TITLE>
<BODY bgcolor="red"> //Untuk warna latar
<h1>pandapotanr</h1>
<h2>pandapotanr</h2>
<h3>zippo samosir</h3>
<h4>zippo samosir</h4>
<h5>zippo samosir</h5>
<h6>zippo samosir</h6>
<hr>//Untuk membuat garis
<marquee>ILMU KOMPUTER</marquee>//Untuk membuat tulisan berjalan
</BODY>
</HTML>
///semakin besar jumlah angka pada H maka ukuran tulisan makin mengecil.
Thursday, November 7, 2013
Belajar HTML untuk pemula
LANDASAN TEORI
Hypertext Markup
Language (HTML) adalah bahasa yang
digunakan untuk menulishalaman web. Ciri
utama dokumen HTML adalah adanya tag
dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua
yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen
tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh
browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan
tanda lebih kecil “ < “ ( tag awal ) dan tanda lebih besar “
> “ (tag akhir). Dalam penggunaannya sebagian besar
kode HTML tersebut harus terletak di
antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri
dengan </namatag> (terdapat tanda "/").
Dokumen HTML mempunyai
tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu
HTML,HEAD dan BODY. Tag HTML berfungsi untuk menyatakan
suatu dokumen HTML, tag HEAD berfungsi
untukmemberikan informasi tentang dokumen HTML
dan tag BODY berfungsi untuk menyimpan informasi
atau data yang akan ditampilkan dalam dokumen HTML.
LISTS
Tag utama
untuk tabel yaitu <TABLE> </TABLE> dan
untuk membuat judul tabel tag-nya table
header <TH></TH> lalu untuk membuat
data tabel atau isi tabel menggunakan
tag table <TD></TD> dan untuk membuat
baris adalah memakai tag Table Rows <TR> </TR>
FORM
Form biasanya digunakan
untuk mengumpulkan informasi dari user, sehingga memungkinkan suatu web server
untuk menerima informasi dari pemakai melalui sejumlah elemen yang disebut kontrol.
Kontrol ini bisa berupa suatu textbox, checkbox, radio button, push button,
list menu
dan lainnya.
Standart penulisan
form :
<form method=”post/get”
action=url”>
……..
…….
</form>
Atribut action berisi URL dari program yang
dipanggil oleh form tersebut.
Textbox
Textbox merupakan salah
satu jenis kontrol untuk memasukan data. HTML menyediakan tag
<input> dengan
atribut type=”text” untuk membuat kotak input. Atribut lain yaitu name untuk memberi
nama input, atribut Value untuk memberi nilai suatu input dan atribut size
untuk menentukan batas terpanjang sebuah masukan.
Dalam textbox
kita juga dapat menyembunyikan masukan yang
ditulis user dengan member nilai type=”password”. Masukan
akan menjadi karakter “*”.
- PERTEMUAN I
MATERI :
1.
Memahami Tag <table>
2.
Memahami tag <a href>
3.
Memahami tag <img src>
Latihan
1.
Buka notepad
2.
Ketikkan struktur HTML
3.
Simpan kode html dengan nama prak2.html
 |
4.
Aktifkan web browser (Mozilla Firefox, Opera,
Google Chrome, Apple Safari, Netscape Navigator, dsb)
5.
Buka file prak2.html dari web browse
<html>
<head>
<title>latihan
1</title>
</head>
<body>
<body
bgcolor="blue">
<p
align="center"> <h1>
WELCOME TO FIKOM</h1>
<h2> WELCOME TO FIKOM</h2>
<h3> WELCOME TO FIKOM</h3>
<h4> WELCOME TO FIKOM</h4>
<h5> WELCOME TO FIKOM</h5>
<h6> WELCOME TO FIKOM</h6>
<marquee> Good Day
Everibody</marquee>
</body>
</html>
Sunday, May 5, 2013
masukkan flas ke blog
Cara Memasukkan Flash ke dalam Blog
This item was filled under
Blogspot Tutorials,
HTML Tutorials
Cara memasukkan flash ke dalam blog sebenarnya sudah kita contohkan melalui beberapa tutorial memasukkan menu flash ke dalam blog. Namun, postingan ini sengaja dibuat sebagai panduan general bagaimana memasukkan flash ke dalam blog atau web lainnya. Agar file flash bisa ditampilkan pada halaman web, perlu struktur HTML yang berfungsi untuk menjalankan perintah agar file flash tersebut bisa terlihat pada browser. Salah satu cara untuk mengetahui struktur HTML itu bisa dengan memanfaatkan Dreamweaver, dimana diawal kita memasukkan file flash melalui layar design, baru kemudian melihat source kode/stuktur HTML-nya melalui layar code. Berikut struktur HTML untuk menampilkan flash pada halaman web:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="147" height="34">
<param name="movie" value="URL FILE FLASH.SWF" />
<param name="quality" value="high" />
<embed src="URL FILE FLASH.SWF"
quality="high"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="147" height="34" ></embed>
</object>- Ganti tulisan "URL FILE FLASH.SWF" yang berwarna merah dengan URL dari file flash yang ingin Anda masukkan ke dalam halaman web.
- Tulisan yang berwarna biru pada stuktur HTML tersebut merupakan kode untuk mengatur ukuran tampilan dari file flash pada halaman web tersebut
Sebagai contoh kita akan memasukkan file flash menu yang kita dapatkan dari software Flash Menu Factory. Adapaun postingan cara mendapatkan menu flash menggunakan software Flash Menu Factory tersebut bisa pembaca lihat di sini. Berikut langkah-langkahnya:
- Setelah mendesain menu menggunakan software Flash Menu Factory tersebut selesai, jangan lupa mengekspor hasil desain ke dalam bentuk .swf, karena ekstensi flash yang bisa dimasukkan ke dalam halaman web adalah berbentuk .swf. Sebagai contoh kita ekspor dengan nama "menu.swf".
- Simpanlah file flash tersebut ke dalam internet dengan cara menghostingkannya ke web server.
- Sekarang buka www.blogger.com, kemudian login untuk masuk ke dalam akun blogspot Anda.
- Klik link Tata Letak kemudian pilih sub tab menu Edit HTML
- Silahkan backup terlebih dahulu template pembaca agar jika terjadi kesalahan bisa mengembalikannya kembali. Untuk melakukannya silahkan klik link Download Template Lengkap pada bagian Backup/Restore Template.
- Beri centang pada kotak kecil disamping tulisan Expand Template Widget.
- Sebagai contoh, kita ingin menampilkan flash menu tersebut di bawah header blog. Maka, carilah kode berikut pada template pembaca tersebut:
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div> - Copy paste stuktur HTML untuk memasukkan flash ke dalam
halaman web yang telah diberikan di atas tepat di bawah kode yang Anda
temukan pada langkah 7. Jangan lupa terlebih dahulu mengganti "URL FILE FLASH.SWF" yang berwarna merah dengan URL dari file menu flash yang Anda hosting-kan pada langkah 2. Sesuaikan juga ukuran tampilan dari menu flash yang akan Anda tampilkan pada halaman blog (tulisan warna biru).
- Klik tombol SIMPAN TEMPLATE
Subscribe to:
Comments (Atom)
