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
 
Copyright  © 2007 | Design by UniQue             Edit by : KeDairatna             Powered by Powered By Blogger