Prologue HTML

HTML ( Hyper Text Markup Language ) adalah bahasa pemograman standar yang digunakan untuk membangun layanan berbasis web. HTML adalah suatu bahasa program yang harus di dahului untuk membangun suatu web sebelum bahasa program yang lain, yang disebut dengan script.

sedangkan bahasa scripting itu sendiri adalah kode kode yang memiliki kemampuan untuk memanipulasi atau mengakses suatu data yang terdapat pada database.

HTML adalah bahasa standar yang pastinya bahasa ini mudah untuk di ingat , tidak perlu terlalu lama untuk mempelajarinya.

HTML pertama kali dikembangkan di CERN , yaitu laboratorium fisika partikel yang bertempat di Swiss. HTML sudah di definisikan sebanyak 3 kali , pada bulan November 1995 versi 2.0 , bulan Januari 1997 versi 3.2 , dan versi 4.01 yang didefinisikan pada bulan Desember 1999. sampai saat ini HTML versi 4.01 bisa anda lihat pada situs W3C di alamat http://www.w3c.org/TR/html1401

HTML adalah aplikasi untuk SGML ( Standart Generalized Markup Language ) sesuai dengan standar ISO 8879. HTML memiliki sebuah tag yang terbagi menjadi 3 macam ;

• tag pembuka tapi tag penutup wajib di pakai
• tag pembuka tapi tag penutup dapat dipakai atau tidak ( optional )
• tag pembuka tapi tag penutup tidak mempunyai tag penutup

apa itu tag? tag digambarkan dengan "<...>" dan "< /... >" dimana tag pembuka adalah "<" dan ">" sedangkan tag penutup " < / " dan ">"

contoh;

- < ... > = tag pembuka

- < / ... > = tag penutup

Untuk mempelajari bahasa HTML anda harus mempunyai sebuah editor seperti notepad, wordpad, ultra edit, word, dll ... atau jika anda ingin langsung melihat tampilan layout atau prototipenya anda bisa menggunakan aplikasi seperti frontpage, dreamweaver MX, freehand, dll ... karena memang aplikasi tersebut di peruntukan untuk membangun sebuah web.

ENTER

Registrasi hotmail

1. buka browser (internet exp, mozilla, opera, dll)
2. ketik www.hotmail.com
3. klik sign up
4. klik get it yang dibawah ( dalam kotak )
5. anda akan berhadapan dengan halaman pengisian dari hotmail, silahkan isi form;

• create a windows live ID

windows live id = [ ketik nama email ] - [ pilih server ]

* tunggu sebentar, secara otomatis nama email anda sedang di cek keberadaannya, apakah sudah ada yang punya atau belum. jika sudah terlihat gambar dan tulisan berwarna hijau berarti nama email anda bisa digunakan, sebaliknya jika berwarna merah silahkan anda memberi nama yang lain lagi

• choose your password

type password = [ ketik password ] *min 6 karakter

retype password = [ ketik kembali password ]

• enter password reset information

alternate email = [ ketik email lain anda ] *boleh kosong jika belum punya

question = [ pilih pertanyaan ]

- mothers birthplace = tanah kelahiran ibu kamu

- best childhood friend = teman baik sewaktu kecil kamu

- name of first pet = nama pertama binatang kesayangan kamu

- favorite teacher = pengajar kesayangan kamu

- favorite historical person = cerita favorite seseorang

- grandfathers occupation = pekerjaan kakek kamu

secret answer = [ ketik jawabannya ] *min 5 karakter

• your information

first name = [ ketik nama depan anda ]

last name = [ ketik nama tengah atau belakang anda ]

gendre = [ pilih jenis kelamin anda ] *male = pria *female=perempuan

birth year = [ ketik tahun kelahiran anda ]

country/region = [ pilih negara asal anda ]

state = [ pilih propinsi anda ]

• type the characters you see in this picture

type character = [ ketik kode diatasnya ]

6. klik I accept

7. anda akan berhadapan dengan tampilan pilihan, klik yang anda suka

- give me the classic version = tampilan kotak email anda bergaya klasik

- give me the full version = tampilan kotak email anda bergaya non klasik atau versi lengkap

* dianjurkan pilih yang full version

8. selesai, itulah tampilan kotak email anda, silahkan kirim2 email.

9. jangan lupa, kalau ingin keluar klik log out ( jangan sampai lupa )

10. bubbye...

ENTER

Registrasi email plasa

1. buka browser
2. ketik www.plasa.com
3. klik daftar email ( lihat kotak plasa email login )
4. anda akan berhadapan dengan form daftar email, isi kolom tersebut

• nama lengkap = [ name ]
• tanggal lahir = [ birthday ] *day *month *year
• jenis kelamin = [ gendre ] *man *girl
• alamat = [ address ]
• kota = [ city ]
• propinsi = [ province/village ] *indonesian province
• telepon = [ phone number ] *harus di isi
• jenis pekerjaan = [ job ]
• industri = [ industrion ]
• bahasa = [ language ]
• hobbi = [ hobby ]
• alamat email lain = [ another email ]
• user id = [ nama email ] *2 character min - 12 max
• password = [ kata sandi ] *minimal 5 karakter
• password lagi = [ ulangi kata sandi ]
• pertanyaan = [ pilih salah satu ]

- makanan favorite = favorite food

- lagu favorite = favorite song

- desa kelahiran = fatherland

- lain lain = other

• jawaban = [ answer ]
• kode = [ code ]

geser scroolbar sampai bawah (kotak kesepakatan), lihat apakah semuanya sudah terisi dengan benar. lalu,

5. klik daftarkan

6. jika sudah berhasil, klik masuk

7. masukkan user id (nama email) dan password (kata sandi) yang anda buat tadi

8. selesai, good luck, happy nice day, god bless u

ENTER

Registrasi telkom mail

1. buka browser
2. ketik mail.telkom.net tanpa www
3. klik daftar
4. isi form yang tersedia

• nama = [ name ]
• jenis kelamin = [ gendre ] * man * girl
• tanggal lahir = [ birthday ] * day * month * year
• alamat = [ address ]
• kota = [ city ]
• kode pos = [ post code ]
• propinsi = [ province ]
• no. telepon = [ phone number ]
• pekerjaan = [ job ]
• income = [ pendapatan ]
• dari mana anda mengenal ... = [ where do you know this mail ]

- friend

- internet

- newspaper

- television

- radio

- advertise

• ... informasi yang berkenaan = [ information ]
• username = [ nama email ]
• password = [ password ]
• password lagi = [re-enter password ]
• pengingat password = [ remember password ]
• kode = [ code ]
• ok

5. pendaftaran sukses [ succes ]

6. masukkan kembali username dan password anda

7. ok

8. klik logout atau keluar jika ingin menutup email anda ( jangan lupa )

ENTER

Registrasi Gmail

1. buka browser anda (internet explorer, mozilla, opera, dll)
2. ketik www.gmail.com
3. klik "Sign up for gmail"
4. isi form yang tersedia

• first name = [ ketik nama depan anda ]
• last name = [ ketik nama tengah atau akhir anda ]
• desired login name = [ ketik nama email anda ] * pilih nama yang unik
• klik "check availability" (untuk memastikan nama yang anda buat belum ada yang punya)

- jika " ... is available" artinya nama anda bisa digunakan

- jika "... is not available, but the following usernames are" artinya nama anda tidak bisa digunakan. tapi anda bisa menggunakan nama yang lain, dengan memilih salah satu pilihan dibawahnya, jika tidak suka anda harus menulis kembali nama yang lain

- jika "Sorry, your username must be between 6 and 30 characters long" artinya nama yang anda buat terlalu pendek, minimal 6 karakter.

• choose a password = [ ketik password anda ] * tidak boleh sama dengan desired login anda

- pastikan pasword anda GOOD

- karakter password minimal 8

• re-enter password = [ ketik kembali password anda ]
• security question = [ pilih pertanyaan ... ]

- what is your primary frequent flyer number = apa nomor pokok penerbangan anda

- what is library card number = apa nomor kartu perpustakaan anda

- what was your first phone number = apa nomor pertama telephone anda

- what was your first teacher's name = apa nama pertama pengajar anda

- write my own question = tulis pertanyaan anda sendiri

• answer = [ ketik jawaban dari pertanyaan anda ]
• secondary email = [ ketik email lain anda ] * bisa anda kosongkan jika tidak punya
• location = [ pilih negara kamu ]
• word verification = [ ketik kode diatasnya ]
• term of serveice = [ drag atau geser scroolbar sampai bawah ]
• klik " I accept ..... " * pastikan setiap kolom sudah terisi dengan benar, cek terlebih dahulu

- to in to your gmail account, go to ....... [ klik alamat tersebut ]

- selesai..... anda akan berhadapan dengan email anda "good luck"

- untuk menutup email anda, klik "SIGN OUT" ( jangan sampai lupa)

ENTER

Registrasi e-mail yahoo

1. buka browser, ketik www.mail.yahoo.com
2. klik "sign up for yahoo"
3. anda akan berhadapan dengan form registrasi yahoo mail, isi kotak-kotak yang sudah disediakan. ikuti langkahnya sebagai berikut:

- Tell us about yourself...

• my name = [ketik nama depan] -- [ketik nama tengah atau akhir]
• gender = [pilih jenis kelamin anda] * male (pria) - female (wanita)
• birthday = [pilih bulan kelahiran] -- [ ketik tanggal lahir] -- [ ketik tahun lahir]
• i live in = [pilih negara anda]
• postal code = [ketik kode pos daerah atau negara anda]

- Select an ID and password

• yahoo! ID and e-mail = [ketik nama email anda] * cari kata yang mudah anda ingat

setelah itu klik "check id" disampingnya, tunggu beberapa saat, anda akan diberitahu apakah nama tersebut sudah ada yang memiliki atau belum.

jika belum tulisan tersebut adalah " Your Yahoo! ID has been set to " artinya anda dapat memakai kata tersebut.

jika sudah " Sorry no ID suggestions are available " artinya anda tidak dapat menggunakan kata tersebut.

atau " These IDs are available " artinya kata tersebut dapat anda gunakan namun yahoo memberi anda pilihan kata unik lainnya (klik kata yang anda inginkan).

• password = [ketik password anda] * minimal 6 karakter
• re-type password = [ketik password anda kembali]

* password tidak boleh sama dengan ID yahoo anda

- in case you forget your ID or password...

• alternate e-mail = [abaikan saja]
• security question = [pilih pertanyaan yang anda inginkan]

* where did you meet your spouse = kemana anda menjumpai pasangan anda

* what was the name of your first school = apa nama dari sekolah pertama kamu

* who was your childhood hero = siapa pahlawan masa kanak-kanak kamu

* what is your favorite pastime = apa tempat rekreasi favorit kamu

* what is your favorite sports team = apa regu olahraga favorit kamu

* what is your fathers middle name = apa nama tengah ayah kamu

* what was your high school mascot = apa maskot sekolah kamu

* what make was your first car or bike = kendaraan atau mobil apa yang pertama anda gunakan

* what is your pets name = apa nama binatang kesayangan anda

• your answer = [ketik jawaban dari pertanyaan yang anda pilih tadi]

* minimal 4 karakter

- just a couple more details...

• type the code shown = [ketik kode yang tertera di bawahnya]

* try a different image = jika anda ingin kode yang lain

• do you agree = [klik atau centang kotak kecil tersebut]

4. klik "create my account"

5. jika berhasil anda akan berhadapan dengan halaman lain " Congratulations, .. "

6. klik "continue"

7. selesai. sampai disini anda telah berhasil membuat email di yahoo

8. jika ada bacaan "Coming soon to a screen near you!...................For now, you can check your email in original yahoo!mail classic" abaikan saja. yang anda lakukan sekarang adalah cari bacaan "sign out" ( letaknya diatas, tulisan kecil ).

* untuk membukanya kembali ketikkan di browser " http://www.mail.yahoo.com/ " isikan yahoo ID dan password anda.

9. Tidurlah ... ZzZzZzZzZzZzZzZzZzZzzzzzzz ............. !!!

nb: jika setiap kotak yang anda isi benar, maka anda akan melihat tanda berwarna hijau disamping kotak tersebut.

ENTER

Hexadecimal

1. Aquamarine [#70db93]


2. Baker’s chocolate [#5c3317]


3. Black [#000000]


4. Blue violet [#9f5f9f]


5. Blue [#0000ff]


6. Brass [#b5a642]


7. Bright gold [#d9d919]


8. Bronze [#8c7853]


9. Bronze II [#a67d3d]


10. Brown [#a62a2a]


11. Cadet blue [#5f9f9f]


12. Cool coper [#d98719]


13. Copper [#b87333]


14. Coral [#ff7f00]


15. Corn flower blue [#42426f]


16. Cyan [#00ffff]


17. Dark brown [#5c4033]


18. Dark green [#2f4f2f]


19. Dark green copper [#4a766e]


20. Dark olive green [#4f4f2f]


21. Dark orchild [#9932cd]


22. Dark purple [#971f78]


23. Dark slate blue [#68238e]


24. Dark slate grey [#2f4f4f]


25. Dark tan [#97694f]


26. Dark turquoise [#7093db]


27. Dark wood [#855e42]


28. Dim grey [#545454]


29. Dusty rose [#856363]


30. Feld spar [#d19275]


31. Firebrick [#d19275]


32. Forest green [#238e23]


33. Gold [#cd7f32]


34. Goldenrod [#dbdb70]


35. Green [#00ff00]


36. Green copper [#527f76]


37. Green yellow [#93db70]


38. Grey [#c0c0c0]


39. Hunter green [#215e21]


40. Indian red [#4e2f2f]


41. Khaki [#9f9f5f]


42. Light blue [#c0d9d9]


43. Light grey [#a8a8a8]


44. Light steel blue [#8f8fbd]


45. Light wood [#e9c2a6]


46. Lime green [#32cd32]


47. Magenta [#ff00ff]


48. Mandarian orange [#e47832]


49. Maroon [#8e236b]


50. Medium aquamarine [#32cd99]


51. Medium blue [#3232cd]


52. Medium forest green [#6b8e23]


53. Medium goldenrod [#eaeaae]


54. Medium orchid [#9370db]


55. Medium sea green [#426f42]


56. Medium slate blue [#7f00ff]


57. Medium spring green [#7fff00]


58. Medium turquoise [#70dbdb]


59. Medium violet red [#db7093]


60. Medium wood [#a68064]


61. Midnight blue [#2f2f4f]


62. Navy blue [#23238e]


63. Neon blue [#4d4def]


64. Neon pink [#ff6ec7]


65. New midnight blue [#00009c]


66. New tan [#ebc79e]


67. Old gold [#cfb53b]


68. Orange [#ff7f00]


69. Orchid [#db70db]


70. Pale green [#8fbc8f]


71. Pink [#bc8f8f]


72. Plum [#eaadea]


73. Red [#ff0000]


74. Sienna [#8e6b23]


75. Silver [#e6e8fa]


76. Sky blue [#3299cc]


77. Slate blue [#007fff]


78. Spicy pink [#ff1cae]


79. Spring green [#00ff7f]


80. Steel blue [#236b8e]


81. Summer sky [#38b0de]


82. Tan [#db9370]


83. Turquoise [#adeaea]


84. Very dark brown [#5c4033]


85. Very light grey [#cdcdcd]


86. Violet [#4f2f4f]


87. Violet red [#cc3299]


88. Wheat [#d8d8bf]


89. White [#ffffff]


90. Yellow [#ffff00]


91. Yellow green [#99cc32]

ENTER

Menambah gambar dan teks pada table

1.Insert > Table
2.Pada kotak dialog Create New Table isikan nilai yang anda inginkan. Contoh :
3.Columns : 2
4.Rows : 2
5.Cell Spacing : 2
6.Table border : Invisible
7.Table border width : 2
8.Cell border : Invisible
9.Tekan OK
10.Klik ganda tabel, gabungkan 2 sel bagian bawah dengan perintah Merge
11.Klik kanan pada sel kiri atas, pilih Insert > Picture
12.Masukkan gambar kemudian OK
13.Klik kanan pada sel sebelahnya, pilih Insert > Text
14.Ketikkan teks anda
15.Jangan lupa anda ketikkan juga teks pada sel bagian bawah yang sudah anda Merge tadi
16.Selesai

ENTER

Menghapus baris dan kolom

1.Klik ganda tabel

2.Seleksi baris yang ingin anda hapus

3.Klik kanan > Table > Delete Table Row

4.Pada kotak dialog Confirm Delete , anda diminta untuk meng-Konfirmasi lebih lanjut. tekan OK untuk melakukan penghapusan, tekan Cancel untuk membatalkan penghapusan.

Langkah penghapusan pada kolom sama halnya dengan langkah penghapusan pada baris.

ENTER

Membelah baris dan kolom

1.Klik ganda tabel

2.Seleksi yang ingin anda belah

3.Klik kanan > Table > Split Table Cells

4.Pada kotak dialog Split Table Cells isikan jumlah Columns dan Rows sesuka anda

5.OK

ENTER

Menggabungkan baris dan kolom

1.Klik ganda pada tabel yang ingin anda gabung

2.Seleksi sel

3.Klik kanan > Table > Merge Table Cells

ENTER

Menyisipkan baris dan kolom

Jika kita sudah membuat tabel, dan ingin menyisipkan baris dan kolom diantaranya, maka anda tidak perlu lagi membuat tabel baru. ikuti langkahnya sebagai berikut :

1.Klik ganda tabel yang ingin anda sisipkan baris (Row)
2.Seleksi
3.Klik kanan > Table > Insert Table Row
4.Lihat hasilnya

Namun jika anda ingin menyisipkan kolom caranya sama, hanya anda harus memilih Table > Insert Table Column

ENTER

Membuat table

1.Insert > Table
2.Pada kotak dialog Create New Table ada beberapa opsi pilihan yang harus anda isi, seperti :

-Column : Jumlah kolom (Vertikal)
-Rows : Jumlah baris (Horizontal)
-Cell Spacing : Jarak antar sel (baris dan kolom)
-Table border : Pilihan border (garis tepi) untuk tabel
-Table border width : Ketebalan garis tepi untuk tabel
-Table border color : Warna garis tepi untuk tabel
-Cell border : Pilihan border untuk sel
-Cell border width : Ketebalan garis tepi untuk sel
-Cell border color : Warna garis tepi untuk sel

3.OK

4.Jika anda ingin memodifikasinya, klik kanan pada area tabel, lalu pilih Modify

ENTER

MOP (mouse over picture)

Mouse over picture adalah perubahan suatu bentuk objek berupa gambar (biasanya berupa tombol) saat pointer mouse berada tepat di arah atau area objek tersebut. Ikuti langkah cara pembuatannya:

1.Insert > Picture
2.Pilih gambar
3.Tekan Advanced
4.Pada LINK TO LOCATION masukkan nama file yang akan menjadi tujuan, atau tekan browse dan pilih halamannya. ALT TEXT adalah suatu pesan yang akan muncul jika pointer berada di gambar tersebut. MOUSE OVER PICTURE adalah gambar yang akan tampil saat pointer berada di area tombol / gambar tersebut
5.OK

ENTER

Hyperlink

Link atau Hyperlink adalah suatu penghubung antara dokumen satu dengan dokumen lainnya. link biasanya berupa teks, gambar, atau tombol dan jika kita klik objek tersebut maka akan terhubung ke dokumen atau file lainnya.Link atau hyperlink biasa disebut juga dengan nama Anchor. langkahnya sebagai berikut :

Membuat link pada teks

1.Buat tulisan yang akan di jadikan link, jika sudah seleksi teks tersebut
2.Klik kanan kemudian pilih Link to (ctrl+L)
3.Pada kotak dialog ada menu yang tersedia. Link to location , Target windows , dan browse. berikut penjelasannya :

Link to location

My Page : Link menuju halaman web
My file : Link untuk membuka file
Web URL : Link menuju halaman web lain di Internet
Email Addres : Link untuk mengirim E-mil
Other : Link selain ke Empat menu di atas
None : Tidak ada link

Target Windows

Current window : Halaman yang tertuju muncul pada jendela yang sama
New window : Halaman yang tertuju muncul pada jendela baru

Karena kita akan memanggil halaman yang lain maka pada Link to location pilih,

1.My Page
2.Tekan browse, pilih file yang akan di jadikan target
3.Open
4.OK

Membuat link pada gambar

1.Insert > Picture
2.Pilih gmbar
3.OK
4.Klik kanan gambar, kemudian pilih Link to
5.Pilih my file pada link to location
6.Browse
7.Pilih file yang di jadikan target
8.OK

ENTER

Memasukkan suara

Jika web anda ingin terasa lebih dinamis atau hidup tidak ada salahnya jika anda memasukkan suara pada halaman situs anda. Yahoo!Sitebuilder menyediakan 10 suara yang bisa anda pilih. Langkahnya adalah :

1.Insert > Background Sound
2.Browse
3.Pilih suara
4.OK
5.Centang loop jika anda ingin suaranya berulang
6.OK

Software ini hanya mendukung file suara yang berFormat .wav, .mid, .midi

ENTER

Background halaman web

Pada background halaman web, anda bisa memasukkan warna atau gambar. langkahnya sebagai berikut :

untuk warna :

1. Insert > Background

2. Jika anda menginginkan warna, tekan Choose solid color

3. Pilih warna yang anda suka.

4. OK

Jika anda menginginkan gambar :

1. Insert > Background

2. Ambil gambar dari direktori anda sendiri atau dari Yahoo!Sitebuilder

3. Jika sudah memilih tekan OK

ENTER

Membuat gambar thumbnail

Membuat gambar thumbnail yang dimaksud adalah menampilkan sebuah gambar yang berukuran besar menjadi kecil (thumbnail) agar terlihat lebih rapi, pada saat gambar kecil tersebut di klik maka akan tampil gambar yang aslinya yang berukuran besar(original). ikuti langkahnya sebagai berikut:

1. Insert > Picture
2. Pilih gambar
3. OK
4. Biarkan gambar tersebut.

yang perlu anda lakukan adalah :

• Klik kanan gambar tersebut , kemudian pilih thumbnail lalu akan muncul 5 menu yang tersedia. pilih salah satunya:

1. Very small = Gambar tampil kecil
2. Small = Gambar tampil 2x lebih besar dari very small
3. Medium = Gambar tampil 2x lebih besar dari small
4. Large = Gambar tampil 2x lebih besar dari medium
5. Extra large = Gambar tampil 2x lebih besar dari large

ENTER

Menambah gambar

Selain teks, gambar juga sangat di perlukan jika anda merancang sebuah website. Karena, dengan adanya gambar tampilan situs akan terlihat lebih menarik dan tidak membosankan. Gambar juga dapat berfungsi sebagai tombol, kode angka, logo, header, atau banner. Yahoo!Sitebuilder juga menempatkan gambar / clipart untuk halaman situs anda seperti Images, PageHeader, Bullets, dan Button. Untuk memasukkan gambar ikuti langkah - langkah berikut :

1. Insert > Picture (ctrl+shift+P)

2. Jika anda ingin memasukkan gambar dari Yahoo!Sitebuilder, pilih direktori C:\ProgramFiles\YahooSitebuilder\sites\default\sitebuilder\preview\clipart\...

3. Tersedia 4 direktori (bullets - button - images - pageheader)yang bisa anda pilih

4. OK

5. Jika anda ingin memasukkan gambar dari Harddisk anda sendiri pilih Insert > Picture, pilih Drive > Direktori anda, lalu tekan OK

ENTER

Memberi warna background pada teks

1. Double click kotak teks
2. Seleksi atau blok kalimat yang ingin anda beri latar belakang
3. Pilih Format > Text Background
4. Pada kotak dialog choose background color ... terdapat 3 tabulasi yang tersedia, Swatches - HSB - RGB ( pilih )
5. OK

ENTER

Edit teks

1. double klik kotak teks yang ingin anda edit

2. seleksi terlebih dahulu kata atau kalimat yang ingin di edit

3. pilih beberapa item yang anda inginkan,

- bold = cetak tebal (ctrl+b)
- italicize = cetak miring (ctrl+i)
- underline = garis bawah (ctrl+u)

4. jika anda sudah memilihnya, anda juga dapat meng-Edit warna dan jenis tulisan. Tool untuk melakukan modifikasi ini terdapat pada bagian bawah jendela toolbar

5. kalimat yang sudah anda buat juga bisa anda ratakan paragraphnya, seleksi terlebih dahulu kalimat tersebut kemudian pilih menu Format dan pilih salah satu dari enam pilihan Alignment yang tersedia.

- Left justify = meratakan kalimat di sisi kiri
- Center justify = meratakan kalimat disisi tengah
- Right justify = meratakan kalimat disisi kanan
- Top center = meratakan kalimat disisi atas
- Vertically = meratakan kalimat disisi tengah secara vertikal
- Bottom justify = meratakan kalimat di sisi bawah

ENTER

Memasukkan teks

1. Insert > Text (ctrl+shift+T)
2. Double click pada area dimana tertera tulisan Double click to edit text
Ketikkan kata yang anda inginkan
3. Jika baris kalimat merasa tidak cocok bagi anda, anda dapat meng-edit ukuran kotak tersebut dengan cara:

- Geser mouse anda ke arah tengah sisi kanan atau kiri (mengubah ukuran kotak secara Horizontal)

- Tengah sisi atas atau bawah (Vertikal)

- Dan jika anda menempatkan pada posisi sudut kotak maka, kotak akan bergeser kearah Diagonal

- Anda juga dapat menempatkan kotak teks tersebut dimana saja anda suka dengan cara menggeser pointer ke arah sisi kotak dan jika pointer tersebut berubah tandanya menjadi tanda palang atau plus, klik dan tahan mouse anda lalu geser kotak tersebut ke arah yang anda inginkan

ENTER

Menyimpan dan menutup template

1. File > Save page (ctrl+s)untuk menyimpan halaman yang aktif

2. Jika anda ingin menyimpan semua halaman, pilih menu File > Save All pages

3. untuk menutup semua halaman, pilih menu File > Close site

ENTER

Template

Template adalah sebuah layout halaman situs web yang di buat atau desain sedemikian rupa oleh web desainer dan dapat di rubah informasinya oleh web desain lainnya, yaitu anda. Biasanya banyak yang menggunakan template di karenakan lebih mudah, cepat dan tidak memerlukan banyak inspirasi.


namun pengerjaan menggunakan template yang sudah jadi atau pun pengerjaan web dari awal(tanpa template) itu sama saja, karena banyak pembaca, user friendly, tau netter lebih suka dengan informasi-informasi yang anda berikan pada halaman situs web itu sendiri.


Yahoo!Sitebuilder mempunyai 28 template yang disediakan , namun jika komputer anda terhubung dengan koneksi internet, anda bisa mendownload kurang lebih 300 template secara cuma-cuma. Sekarang ikuti langkah-langkah menggunakan template milik Yahoo!Sitebuilder :

1. pilih menu File > New page

2. Use template

3. Pilih salah satu template yang anda inginkan

- dilayar kiri anda terdapat item dari nama template anda, sedangkan
- dilayar kanan adalah halaman yang saling berhubungan ( ada 1, 2, 3, .... halaman yang saling berhubungan)

4. jika dari 28 template yang tersedia tidak ada yang anda suka, anda dapat mendownload kembali 300 template dengan cara, klik tombol "download templates & clipart" (harus terhubung internet)

5.tekan OK jika sudah memilih

ENTER

Menyimpan dan menutup halaman

1.pilih menu File > Save page (ctrl+S)

2. Secara otomatis Yahoo!sitebuilder mengkonfirmasi untuk menyimpan file anda sebagai index.html.

- tekan tombol yes jika anda setuju dengan nama tersebut (index.html)
- tekan tombol no jika anda ingin menyimpan dengan nama lain.

3. Save

4.untuk menutup halaman pilih menu File > Close page

ENTER

Memberi judul halaman

1.Klik kanan ditengah halaman , pilih Page Properties

2.Pada kotak title ketikkan judul halaman tersebut.
Keywords ketikkan kata kunci ( boleh kosong ). Author ketikkan nama anda

3.OK

ENTER

Sekilas Perkembangan WEB

Internet sudah tidak asing lagi terdengar di telinga kita, sejak lebih kurang tahun 90-an internet sudah berkembang sampai saat ini. namun yang perlu anda ketahui pada tanggal 30 april 1993 teknologi berbasis www secara resmi di gunakan untuk semua orang. sekarang sudah banyak kegiatan-kegiatan yang dilakukan oleh orang di pengaruhi atau mengandalkan jaringan internet.seperti dalam bidang jurnalistik, perdagangan, maupun kegiatan virtual lainnya seperti belajar online. maka dapat dikatakan bahwa layanan berbasis internet saat ini seperti atau mungkin sudah menjadi dunia ketiga disisi dunia nyata.


WWW(World Wide Web) adalah layanan berbasis web yang tentunya sudah terkoneksi oleh jaringan intenet dan tidak terlepas dari teknologi komputer.jadi, yang dimaksud dengan web adalah layanan berbasis web dalam jaringan internet.lalu seperti apakah web (www) itu?dan siapakah yang membuat web?


Langkah pertama untuk mengetahui bentuk daripada web itu sendiri dan bagaimana cara membuatnya kita harus menghubungkan komputer kita ke internet dan mempunyai browser untuk membukanya, sperti Internet Explorer (IE) - Mozila - Netscape - dll. Sebagai contoh, kita buka browser kita setelah itu ketikkan pada kotak address http://www.yahoo.com/ atau http://www.google.com/ setelah selesai di-load oleh browser maka tampilan yang anda lihat adalah web.banyak layanan berbasis web yang bisa anda dapatkan , seperti Email - Searchengine - Picture - Video dan masih banyak lagi layanan yang bisa anda dapatkan.


Lalu bagaimana dengan cara membuat web tersebut?


Untuk membuat web adalah bukan perkara yang sulit sekarang untuk sekarang ini, banyak situs web yang menyediakan fasilitas pembuatan web untuk para pelanggannya, seperti yahoo!sitebulider(bisa anda dapatkan di blog ini) , microsoft frontpage, freehand, dll. namun jika anda ingin mengenal lebih jauh cara pembuatan situs web, anda harus mempelajari beberapa script kode (HTML, PHP, ASP, JavaScript, VBScript, dll).

PERISTIWA PERJALANAN WEB



pada tahun 1963 muncullah sebuah gagasan untuk membuat jaringan global


pada tahun 1965 muncullah sebuah gagasan untuk membuat teknolgi Hypertext


pada tahun 1969 sistem RFC (Request For Comments) dimulai


pada tahun 1970 terbentuklah sebuah jaringan global untuk pertama kalinya yang dinamakan ARPANET (jaringan komputer yang terdiri dari 5 komputer yang menghubungkan antar kampus)


pada tahun 1972 diperkenalkan sebuah aplikasi berbasis web yaitu E-mail


pada tahun 1974 diperkenalkan protokol TCP/IP (untuk mengatur traffic jaringan)


pada tahun 1977 terdpat 111 komputer di internet


pada tahun 1980 protokol TCP/IP menjadi standar protokol untuk jaringan komputer


pada tahun 1981 terdapat 213 komputer di internet


pada tahun 1983 terdapat 502 komputer di internet


pada tahun 1985 internet sudah menghubungkan beberapa jaringan (BIT-NET, USENET, CSNET, dan NSFNET)dan terdapt sekitar 1000 komputer yang terhubung internet


pada tahun 1986 terdapat 5000 komputer di internet


pada tahun 1987 terdapat 10.000 komputer di internet


pada tahun 1989 terdapat 100.000 komputer di internet


pada tahun 1990 konsep www dan browser dikembangkan dan dipakai di CERN (institusi fisika nuklir)


pada tahun 1991 sebuah webserver yang pertama di luar eropa di buat


pada tahun 1992 terdapat 1.000.000 komputer di internet


pada tahun 1993 terdapat 50 webserver , 3 browser untuk Unix, dan www menggunakan 0.1% dari seluruh traffic di internet


pada tahun 1993 diperkenalkanlah sebuah browser mosaic


pada tahun 1993 teknologi www secara resmi digunakan untuk semua orang


pada tahun 1993 terdapat 200 webserver


pada tahun 1994 diperkenalkan browser Netscape


pada tahun 1994 terbentuknya w3c


pada tahun 1995 didefinisikan HTML v 2.0


pada tahun 1997 didefinisikan HTML v 3.2


pada tahun 1999 didefinisikan HTML v 4.01


pada tahun 2001 terdapat 150-175 juta komputer di internet


pada tahun 2002 terdapat 200 juta lebih komputer di internet dengan 840 juta pemakai

ENTER

Halaman baru

Memulai halaman baru :

1.File > New Page (ctrl+N)

2.Pilih Blank Page

3.OK

Gitu aja koq reepott...

ENTER

Instalasi YSb2.0

Sekarang anda sudah mendapatkan aplikasinya...yang sekarang anda lakukan adalah bagaimana cara meng-Instal aplikasi tersebut ke PC anda.
anda bisa lakukan beberapa perintah berikut:

1.Jika anda melakukan instalasi anda akan menjumpai dialog Welcome to Yahoo!Sitebuilder

2.Centang pada kotak cek Do not show this dialog again dan Close

3.Create new

4.Anda akan mejumpai kotak dialog create new site, disitu anda akan disuruh untuk menentukan penyimpanan situs anda. Secara default situs anda disimpan pada directori C:\ProgramFiles\YahooSitebuilder\sites\default. Jika anda akan menyimpan pada directori lain anda dapat klik Browse

5.Tekan OK ( Jika anda memilih browse )

6.Tekan OK kembali

ENTER

Download YSb2.0

Jika anda belum memiliki Software Yahoo!Sitebuilder 2.0 Download disini. Terdapat 4 Link download, terserah ke 4-nya sama saja. Pilih salah satu :

1. click here : Alamat dari yahoo (tekan tombol Download Now / Free Download)

2. click here : Alternative 1 ( pakai winZip )

3. click here : Alternative 2 ( pakai winZip )

4. click here : Alternative 3 ( pakai Winzip )

ENTER

System operasi

Yahoo!Sitebuilder 2.0 dapat berjalan pada sistem windows jika :

Operating System : Disarankan [ windows ME/XP/2000 ] - Minimal [ windows 98 ]


Proccessor : Disarankan [ pentium III 1 GHz ] - Minimal [ pentium II 400 MHz ]


Memmory : Disarankan [ 128 Mb Memmory ] - Minimal [ 64 Mb Memmory ]


Resolusi : Disarankan [ 1024 x 768 ] - Minimal [ 800x600 ]


Sisa Harddisk : Disarankan [ 250 Mb ] - Minimal [ 50 Mb ]

ENTER

Prologue sitebuilder 2.0

Selamat datang rekan netter, banyak artikel yang terkandung pada sebuah blog, banyak yang bisa anda miliki. Salah satunya pada blog ini, membuat website dengan menggunakan Yahoo!Sitebuilder 2.0.Apa itu Yahoo!Sitebuilder?

Yahoo!Sitebuilder adalah Editor atau software buatan Yahoo .Inc untuk pengguna atau netter yang ingin merancang sebuah website atau halaman situs dengan mudah.Jika anda sudah mengenal tentang microsotf Frontpage tidak ada salahnya untuk mencoba menggunakan editor dari yahoo ini. Yang pasti software ini gratis atau freeware.

Banyak keunggulan yang bisa didapatkan di software ini, selain gratis dan mudah menggunakannya software ini juga memiliki banyak template yang dapat anda pakai secara gratis, bukan itu saja, jika anda memiliki account ( nilai ) di yahoo anda juga dapat menDownload kurang lebih 300 template.Asyik khan!!!

Namun ada kekurangan dari software ini, Jika anda ingin meng-Upload situs yang anda buat pada webHosting lain(selain Yahoo), maka anda memerlukan software FTP. Tapi tidak usah kecewa, disini juga tersedia software FTP.Tutorial Yahoo!Sitebuilder dapat anda baca dan pelajari banyak disini. ENJOY!!!

ENTER