`Membuat Halaman` `Page Properties` `Style CSS` `Tabel` `Image` `Link`

Membuat Halaman Baru

Membuka Halaman

Menyimpan Halaman

Page Properties (Mendesain Situs)

Page font : Memilih Style Teks Size : Menentukan Ukuran Text Color : memilih warna teks Background Image : background web menjadi image. Background : background web menjadi berwarna

Repeat : Mengulang Margins (Left Margin, Top Margin, Margin Width, Margin Height) : Membuat garis tepi pada halaman web.

Links Color: memilih warna link yang belum pernah dikunjungi. Visited Links : Memilih warna link yang telah anda kunjungi. Active Links : Memilih warna aktif link. Aktif link berstatus ketika link di klik. Warna default untuk aktif link adalah merah. Underline style : style memberikan garis bawah

Heading font : Mengatur Font untuk heading Heading 1-6 : Memberikan kata dalam setiap heading

Title : Judul web Document Encoding : Mengeset bahasa teks encoding untuk halaman. Document Folder : Lokasi halaman web dalam komputer. Site Folder : Lokasi halaman web dalam komputer.

Tracing Image : Jiplakan gambar adalah image (membuat seperti kelihatan layout website) yang dihasilkan suatu program grafik terpisah. Image Transparency : Membuat image menjadi transparan.

Format : set paragraf format ke teks Font : mengubah style font dengan memilih teks. Size : mengubah ukuran teks Text color : mengubah warna teks. Bold : menebalkan teks Italic : memiringkan teks Align left : meratakan teks sebelah kiri Align center : meratakan teks ke tengah Align right : meratakan teks kesebelah kanan Justify : garis tepi yang diluruskan baik sebelah kanan maupun kiri Link : memasukkan URL, untuk dijadikan hyperlink Point to file : digunakan bersama menu file, drag dan drop pointer ke daftar file dalam lokal atau situs untuk membuat link.

Browse for file : browse file dalam komputer untuk kembali ke link. Target : isi link kemampuan untuk membuka dalam lokasi yang berbeda. Unordered list : membuat daftar bullet. Ordered list : membuat daftar angka. Text outdent : memilih text pada sisi halaman. untuk text lebih dekat ke tepi halaman. Text indent : memilih text pada kedua sisi halaman. Untuk text menjauh dari tepi halaman. Help : membawa dreamweafer ke help dokument. Expand/collapse : mengklik pada segitiga kecil memperluas windows properties. Klik didalamnya sekali lagi untuk meminimize window.

Style CSS

Save dan beri nama Style.css

Menerapkan Pada Halaman

Mengedit Style

Menghapus Style

Tabel
Rows : Mengisi baris sel dengan garis horizontal. Columns : Mengisi Kolom sel yang vertikal. Cell Padding : Nilai spesifik pixel antara sel dan isi. Masukkan 0 untuk no padding. Cell Spacing : Nilai spesifik pixel antar sel. Masukkan 0 untuk tanpa space. Width : Nilai lebar tabel. Berdasarkan pixel atau persentase dalam browse window. Border : Nilai spesifik lebar garis batas. Masukkan nilai 0 jka tidak ingin ada batas.

Menu tabel
Select Table : Memilih semua tabel yang anda miliki. Merge Cells : Menggabungkan beberapa sel kedalam satu sel. Split Cells : Membagi sel ke beberapa baris atau kolom. Insert Row : menyisipkan 1 baris baru. Insert Column : menyisipkan satu kolom. Insert Row of Column : Mnyisipkan beberapa banyak baris atau kolom yang ingin dimasukkan, dan dimana anda menyisipkannya. Delete Row : Menghapus baris. Delete Column : Menghapus kolom. Increase/Decrease Row/Column span : Memilih baris atau kolom, bisa membuat ini lebi luas atau lebih kecil.

Properties Tabel

Image
Letakkan folder img dimana anda menempatkan halaman web dokumen, folder img ini akan menyimpan semua image dalam situs anda. Ini sangat penting untuk mengelola image dengan baik.

Masukkan Image

GIF (*.gif), format standar, dan memiliki 256 warna atau kurang. Ini cocok untuk internet, image akan tampil dalam halaman web. JPG or JPEG (*.jpg *.jpeg),format ini Memiliki kedalaman warna hingga 16 juta warna. PNG (*.png), atau Portable Network Graphics, kualitasnya sangat bagus tetapi kekurangannya adalah filenya yang sangat besar.

Ukuran image
Mengubah ukuran image Dreamweaver tidak mengubah secara fisik properties dari image. Anda tidak benar-benar mengubah ukuran dari image, tetapi Dreamweaver mengubah ukuran yang akan ditampilkan dalam halaman web.

Posisi Image

Untuk memindahkan teks sekitar image, gunakan Alignpada menu panah bawah. Dua option yang akan anda perlukan adalah Left dan Right. Jika anda memilih Left, image akan berpindah ke kiri sisi kiri dari dokumen (atau sel tabel), dan teks akan diatas, kanan, bawah dari image. Jika anda memilih Right, image akan berada disebelah kanan, dan teks akan berada diatas, kiri, dan bawah image.

Link (Alamat situs dalam internet disebut juga URL atau Uniform
Resource Locator)
Link : anda bisa mengetikkan URL dari situs atau halaman web, mengopy paste URL dari web browser. Dan dapat membuat link dengan pergi ke menu bar dan pilih Modify lalu Make Link. Browse for File : klik icon folder, dan browse file dalam komputer anda untuk melink. Target : links berisi kemampuan untuk membuka halaman dalam lokasi yang bervariasi. Gunakan target, anda bisa menset link untuk membuka halaman dalam jendela baru, atau browser yang sedang ada buka, atau frame yang berbeda (jika anda membuah halaman dalam frame).

Membuat link ke situs

1. Sorot teks yang ingin menjadi link 2. Pergilah ke properties palatte 3. Klik pada icon browse for file untuk menemukan file pada dokumen yang akan dirubah menjadi link

SAMPAI JUMPA

-:TERIMA KASIH :-