Diarsipkan di bawah: HTML Tutorial for Kaskus
Nyicil cerita mengenai pemrograman server dan client
Seiring dengan perkembangan jaman maka muncul pula usaha-usaha dalam lebih mengkostumisasi/fleksibel halaman website dengan cara menggunakan bahasa pemrograman web. Dengan demikian, bahasa html dapat lebih interaktif, efektif dan efisien serta dapat berjalan sesuai dengan aturan logika manusia. Nah.. Bahasa pemrgraman web ada 2 macam:
- Bahasa Pemrograman server = Berjalan di server dengan fungsinya adalah mengolah materi yang harus dijalankan pada sisi server, sekaligus meng-generate bahasa html, dan pemrograman client, yang lantas ditempelkan pada halaman html untuk client.
Contoh bahasa pemrograman sisi server adalah:
- PHP
- Perl
- ASP
- JSP
Contoh hal-hal yang bisa dilakukan di sisi server:
- Session Login seperti email dan halaman login lainnya
- Database
- Authorized page
- dll
- Bahasa Pemrograman client = Dengan fungsinya adalah, mengolah agar hal-hal yang bisa berjalan di client, cukup dijalankan di client. Sehingga mengurangi kerja server dan menambah efisien jaringan dan waktu.
Contoh bahasa pemrograman sisi client adalah:
- javascript
- vbscript
Contoh hal hal yang bisa di lakukan di client:
- pemeriksaan karakter input ke server, seperti dilarangnya karakter spasi,petik,&* dsb, cukup dilakukan di client. Jika lolos maka dilanjutkan sebagai masukan ke server
- animasi
- dll
HTML Code:
Server/Penyedia Client/Peminta |=================| client meminta ke server |======================| | |<======================== | | |BHS Prog server | | BHS Prog Client | |PHP, ASP, JSP, Pl|=========================>|JavaScript, VBS | | | server memberi ke client |(tmasuk jg html n css)| | | | | |=================| |======================|
Last edited by embah_maridjan : 24-08-2006 at 09:37 PM.
Diarsipkan di bawah: HTML Tutorial for Kaskus
OKeee… maaf saya baru balik dari jabar, dan sekarang siap untuk sharing ilmu lagi… kali ini tentang
pengaturan ukuran gambar
Seperti keterangan terdahulu, kita bisa memasukkan File Gambar (lebih populer dengan nama Image) berupa file jpg, bmp, gif dan lain lainnya. Dengan cara seperti ini:
HTML Code:
<img src="lokasi_gambar_Berikut_namanya">
contoh:
HTML Code:
<img src="c:\windows\win.bmp">
Nah kalo sudah seperti itu maka nanti di halaman html-nya akan kelihatan gambar tersebut sesuai dengan ukuran sebenarnya… Kalo gambar itu guede banget, ya nanti akan gede buanget, kalo kecil ya akan keliatan kecil. Nah, kita bisa mengatur gambar di html seperti ini:
HTML Code:
<img src="nama_dan_lokasi_gambar" width="lebar_dalam_pixel" height="tinggi_dalam_pixel">
contoh
HTML Code:
<img src="http://geocities.com/bimosaurus/merapi.jpg" width="100" height="100">
Oke, dengan demikian, besar file gambar tetap, tapi ukuran gambar tidak berubah..
Silakan dicoba dulu, bertahap yach
Diarsipkan di bawah: HTML Tutorial for Kaskus
Masih tentang warna
Nah kembali lagi, mumpung modnya masih ada..
Yang perlu diwarnai pada halaman web adalah
- latar belakang (background)
- latar depan (foreground), seperti font
Nah penggunaan warna biasanya akan disebutkan nama warnanya pada code html
HTML Code:
<body bgcolor="blue"> wawawa </body>
nah blue tersebut bisa diganti dengan banyak hal seperti
- red
- white
- black
- green
nah tapi karena warna itu ada banyak sekali seperti:
- merah agak kuning sedikit
- biru agak item sawo matang
- kuning setengah merah
- dll
kalo di Indonesia masih mending, lha apa jadinya kalo di inggriskan? wehehehe
Maka dari itu, dibuat suatu kode warna yang dulu munculnya dari bahasa assembly yang mengkombinasikan berjuta juta warna itu dan menterjemahkan dalam bentuk kode hexadesimal(angka enambelasan) yang terdiri dari 6 angka seperti
ffffff
000000
dll
Quote:
| prinsipnya begini angka enambelasan adalah angka yang dimulai dari 1(1desimal) sampe F(15desimal) nah jadi urutannya gini : 1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10 nah sekarang urutan warna adalah dari yang paling item ke yang paling putih maka yang paling item dikasih kode #000000 dan yang paling putih adalah terakhir dikasih kode #ffffff nah saya jelas tidak bisa kalau harus mengurut angka berikut kode satu peersatu, maka saya kasih daftar kode warna di http://www.free-webmaster-tools.com/colorpicker.htm |
nah nanti kita akan mengganti nama warna di html menjadi kode hexa.. Untuk warna tertentu, tetap bisa menggunakan nama
maka nantinya kode html kita mending pake standart code ajah
contoh
HTML Code:
<body bgcolor="#cc9933"> wawwawwa </body>
untuk selanjutnya coba dulu warna yang lain, saya ngopi duluu
ayo lainnya nambahin dong…
slurrrp
Diarsipkan di bawah: HTML Tutorial for Kaskus
Cerita tentang hosting
Lagi malas dengan coding? Kita buka aja lembaran hosting…
Seperti di atas tadi diceritakan:
hosting atau web hosting adalah:
Suatu situs di internet yang merupakan tempat penitipan file-file web untuk kemudian dapat diakses secara online di internet.
Nah itulah fungsinya webhosting. Dimanakah kita bisa berhosting? Membayarkah?
Pada dasarnya hosting ya membayar.. 
tapi ada yang gratisan.. yang gratisan memang tidak kalah service juga.. tapi ntar dilihat dulu TERMS and Condition, serta Disclaimer di web hosting.. karena free tersebut juga tidak ada jaminan terhadap hosting kita.. kita tidak bisa komplain kalau kita ada masalah…
Nah contoh free hosting adalah:
- geocities.com
- 100webspace.com
- 110mb.com
- tripod.com
- dll
kalo mau yang bayar… buka aja yang ini
Quote:
| http://w-webhost.com |
nunut promosi.. alah tapi promosi diantara sekian panjang penjelasan.. ya tooo
Tapi kalo saya kalo pake free hosting ya saya rekomend ke 100webspace.com dan 110MB.com… mengapa?
karena ini berguna untuk kelanjutan latihan web kita… dia support dengan database, bahasa pemprograman skrip server side.. dan spacenya gedeee hehehehe
nah mulai anda daftar, dan login dulu, nanti setelah setelah itu kita masuk ke cpanelnya… nanti kita kembali lagi
Diarsipkan di bawah: HTML Tutorial for Kaskus
Tentang Warna Latar dan Link
Quote:
| STOP PRESS FOR INSERT
Memang kita bisa langsung menggunakan template, dan juga menggunakan program bantuan seperti Frontpage, Dreamweaver dan Golive, tapi, tetep aja suatu saat kita perlu langsung bertempur dengan coding kalo sedang ada sedikit masalah dengan halaman tersebut… |
Balik lagi ke warna..
Di Hello World tadi, halaman kita masih putih, karena baru lahir, … kali ini kita akan beri warna pada kehidupan kita yach… mulai:
Biasakan kalo melihat html-an gini, langsung buka NOTEPAD dan tulis:
HTML Code:
<html> <head> <title>Hidup ini indah</title> </head> <body bgcolor="blue">Hidupku Telah berwarna biru dengan cinta </body> </html>
coba simpan dengan nama “warna.html” dan biasakan juga di plih All Files
Nah coba buka Explorer, terus cari file itu, dobel klik.. muncul halaman biru gak?
Nah sekarang, salah satu unsur elemen web yang penting adalah link atau hyperlinks karena ini akan menghubungkan satu halaman web dengan halaman lain… Jadi link itu kalo yang di klik terus ganti/muncul halaman lain … itulah hyperlinks… Kalo di dreamweaver / Frontpage, tinggal klik blok dan klik kanan, insert hyperlinks. Dan di sini, juga gak susah…
Misal saya mau mbuat kata kata kilik disini menjadi bisa menuju ke halaman lain, beginilah caranya
HTML Code:
<a href="halaman_tujuan">KILIK DISINI</a>
Nah semua yang ber [/b]link[b] pasti ada <a href=”"></a>
Langsung aja contoh ya… (ingat, buka notepad, dan tuliskan ini, ntar kasih nama kilik.html aja ya.. jangan lupa all files pada file type…)
HTML Code:
<html> <head> <title>KILIK LINK</title> </head> <body> Aku mulai berhubungan dengan dunia lain <a href="halaman-dua.html">KILIK DISINI</a> </body> </html>
naaah
sekarang kita buat dulu dong halaman tujuannya yaitu halaman-dua.html
HTML Code:
<html> <head> <title>KILIK LINK2</title> </head> <body> Aku mulai berhubungan dengan dunia lain <a href="kilik.html">KILIK DISINI2</a> </body> </html>
jangan lupa simpan dengan file type all files dan namanya halaman-dua.html, dan masukkan dalam satu folder dengan file yang pertama yaaaa…
kalo ini error bilang simbah, entar jalanin dari windows explorer… dan lihat , keluar linknya gak… bisa di kilik gak?
Bosan ya? Kita cari bahan lain dulu untuk variasi
Ayo ikut simbah!!!!
Last edited by embah_maridjan : 20-08-2006 at 02:36 PM
Diarsipkan di bawah: HTML Tutorial for Kaskus
posting ke kaskus tanggal 20 agustus
Html / Web Tutorial (level Hello World)
Sebagai posting saya ke 500 (hehehe) saya ingin buat tread yang semoga berguna. Sory kalo ada salah-salahnya. Yaitu tutorial web for end user atau newbie.. Jadi ntar kalo sharing disini sebisa mungkin njelasinnya yang jelas banget, jangan pelit ma ilmu dan kalo bisa yang masih level2 awal ajah, seperti html, css, yang nantinya ningkat ke client side programming yang untuk newbie juga, server side programming untuk newbie, dan database.
Ntar pada sharing dan posting aja, ngasih tips dan trik yang dahsat dan mantab.. biar kita sama sama hebat
Semoga tread ini berkenan..
Oke mulai saja nyonthongnya step by step:
TENTANG WEB DAN HTML
- Web adalah bahasa jaringan komputer yang interaktif yang berlalulintas menggunakan protokol http (http://www.google.co.id/search?hl=id…G oogle&meta=)
(google search bar => define:web) - Semua yang berlalu lintas pada jaringan komputer akan selalu memiliki dua sisi, yaitu sisi server= penyedia layanan dan sisi client =peminta layanan
- Dalam lalulintas http menggunakan web, juga berlaku hubungan client-server.
Halaman web ada dua macam: statis dan dinamis.
- Untuk tipe statis, hubungan client-server berjalan se arah, yaitu, server menyediakan halaman web dengan software nya webserver, dan client menerima melalui program yang namanya browser.
- Untuk tipe dinamis, hubungan berlaku dua arah, server menyediakan halaman web, client menerima. Client juga diijinkan memberi input ke server, dan server menerima dan mengolah.
- Contoh program webserver adalah Apache dan IIS, sedangkan contoh program browser adalah, Internet Explorer, Firefox dan Opera.
Nah masuk ke html ajah
Quote:
| TAPI…. Ingat ada pantangannya:
Karena itu menghambat belajar, dan menghambat embah posting wekeke |
HTML HELLO WORLD
Dalam tutorial tutorial di internet atau di buku2, biasanya pertama kali di ajarkan adalah membuat HELLO WORLD, suatu istilah bahwa kita sedang lahir dalam suatu bidang.. saya juga sedang lahir.. dan biar tambah elmu, saya bagi ke orang lain pasti saya juga tambah… wehheehehe
HTML bermodus teks, artinya merupakan file teks yang bisa dicerna oleh semua sistem, dan diolah dengan cara tertentu sehingga menghasilkan tampilan yang tertata.
Sekarang:
- Buka Notepad
- tulis seperti ini
HTML Code:
<html> <head> <title>AKU LAHIR</title> </head> <body> Halo Duniaaaaaaa </body> </html>
- Simpan File itu dengan tekan File=>Save As, pilihlah yang all files Terus kasih nama coba.html
-
Quote:
Penjelasan
<html> => pembuka file bahwa ini adalah html
<head> => untuk membuka bagian head dari halaman html
<title>AKU LAHIR</title> => title ini nanti muncul di title bar/taskbar
</head> =>tag penutup head
<body> => tag pembuka body/tubuh dari halaman web
Halo Duniaaaaaaa => isi
</body> =>penanda bahwa body telah berakhir
</html> =>penutup tag html - Buka eklporer, dan dobel klik file itu.. kalo jadi. pasti tulisan halo dunia itu keluarr
Nyambung lagi nanti. Kalo pas Mood pasti saya posting
Diarsipkan di bawah: HTML Tutorial for Kaskus
Blog ini mungkin hanya sekedar untuk mengupulkan apa apa yang pernah saya posting ke kaskus.. Untuk para admin pengeblok situs kaskus utnuk jaringannya, bisa melihat ini, semoga manusia makin pandai melihat sisi manfaat, bukan madharat.. Seperti masyarakat yang bermukim di lereng Merapi, dan mereka pandai memanfaatkan sisi manfaat..
id kaskus:embah_maridjan
To kaskus friends… thx for support me
Diarsipkan di bawah: HTML Tutorial for Kaskus
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!
