Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

PERTEMUAN 3.  -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan posisi berbagai unsur unsur halaman. -GIF (Graphics.

Presentasi serupa


Presentasi berjudul: "PERTEMUAN 3.  -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan posisi berbagai unsur unsur halaman. -GIF (Graphics."— Transcript presentasi:

1 PERTEMUAN 3

2  -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan posisi berbagai unsur unsur halaman. -GIF (Graphics Interchange Format) ekstensi.gif.Untuk kartun, logo, grafis, area trasparan, dan animasi. Memiliki maksimum 256 jenis warna. -JPEG (Joint Photographic Experts Group) ekstensi.jpg. Untuk foto dan gambar dengan kualitas warna tinggi, mengatasi untuk 256 jenis warna. -XML (Extensibel Markup Language) ekstensi.xml. File ini berisi data di dalam suatu form mentah yang dapat diformat dengan menggunakan XSL. -XLS (Extensibel Stylesheet Language) ekstensi.xsl atau.xslt. Untuk tipe data XML yang akan ditapilkan di halaman web -CFML (ColdFusion Markup Language) ektensinya.cfm. Untuk halaman dinamis -PHP (Hypertext Preprocessor) ektensinya.php. Untuk halaman dinamis Beberapa type file

3  -Fixed, lebar kolom telah ditetapkan dala satuan pixel. User tidak bisa merubah di browser. -Elastic, Lebar kolom ditetapkan berdasarkan suatu unit pengukuran (ems) yang sesuai dengan ukuran teks. Desain akan menyesuaikan jika pengunjung merubah setting teks tanpa merubah ukuran dasar jendela browser. -Liquid, Lebar kolom ditetapkan berdasarkan persentasi dari lebar browser pengunjung site. Desain akan menyesuaikan mengubah browser menjadi panjang pendek tanpa mengubah setting teks. -Hybrid, Kolo kombinasi dari tiga pilihan sebelumnya. Layout css menyediakan kolom ;

4  Cara 1: Cara 2: -Menu Modify- Ctrl + J -Page Properties Ada 6 Kategory: 1.Apperance(CSS), mengatur properties halaman menggunakan bahasa css. 2.Apperance(HTML), mengatur properties halaman dalam bentuk kode html. 3.Links (CSS), menentukan font,ukuran,warna links. 4.Heading (CSS), menentukan style untuk teks naskah. 5.Title/Encoding, untuk mengisi judul. 6.Tracing Image, menampilkan gambar sementara pada latarbelakang Page properties

5  Cara1: -Di page properties, masuk ke Title/Encoding -Ketik judul di Title. Cara2 : -Menu View, Head Conten, klik ikon title. -Ketik judul di Title. Cara3 : - Bagian bar Document langsung ketik judulnya di Title. Memberi judul

6  Cara : -Masuk ke Page Properties. -Pilih Tab Appearance(HTML) atau (CSS). -Browse bagian Backgroung Image. -Pilih, OK. -Apply. Background gambar

7  Cara : -Masuk ke Page Properties. -Pilih Tab Appearance. -Klik menu drop-down pada bagian Backgroud Color. -Pilih warna. Background warna

8  Cara : -Masuk ke Page Properties. -Pilih Tab Appearance. -Klik menu drop-down pada bagian Text Color. -Pilih warna. Mengatur warna teks

9  Cara : -Masuk ke Page Properties. -Pilih Tab Links. -Ada pilihan: 1.Links Color, warna semua teks yang ada link. 2.Visited Links, warna pada link yang sudah pernah dikunjungi 3.Active Links, warna pada saat link saat di masih tekan. 4.Rollover Links, warna yang digunakan saat pointer melewati link tersebut. Mengatur warna link

10  Cara : -Masuk ke Page Properties. -Pilih Tab Appearance. -Isi kotak Margin: 1.Left margin, 2.Top Margin 3.Right Margin 4.Bottom Margin. Ukuran margin halaman

11  Cara1 : -Menu Insert – HTML - Special Character. -Pilih karakter khusus. Cara2 : -Klik Insert di panel group, ganti kategory menjadi Teks. -Pilih karakter khususnya. Menyisipkan karakter khusus

12  Cara: - Taruh Pointer di objek. -Menu Insert – Date. -Pilih Format. -Centang “Update Automatically on Save” -Ok Menambah tanggal

13  Cara : - Taruh Pointer di objek. -Pilih menu Insert. -HTML -Horizontal Rule Menyisipkan garis horisontal

14  Cara : -Seleksi teks. -Menu Format – Font. -Plih Font. -Ok. Mengatur format/font huruf

15  Cara : -Selesi teks yang akan dirubah. -Menu Format – Color. -Pilih warna, Ok. Mengatur warna

16  Cara : -Seleksi teks. -Klik CSS pada panel Properties -Size -Pilih ukuran. Mengubah ukuran

17  Cara1: -Seleksi text. -Menu Format – Align. -Pilih jenis perataan. Cara2 : -Seleksi text. -Klik tombol CSS pada panel Properties -Pilih jenis Ratanya. Mengatur perataan teks

18  Cara : -Menu Format – Style. -Pilih format : 1.Bold 2.Italic 3.Underline 4.Striketrhough, memberi efek coret pada teks. 5.Teletype, meberi efek seperti pada teks telegram 6.Emphasis, efek penekanan/penegasan. 7.Strong, memberi efek tebal. Mengatur style teks

19  Cara : -Seleksi teks. -Menu Format – Paragraph Format. -Pilih salah satu format. Cara lain: -Klik tombol HTML pada panel Properties -Pilih format. Keterangan: 1.Paragraph, untuk mengatur jarak antar paragrap teks ataupun objek. 2.Heading, memiliki tatanan tabel dengan ukuran tertentu sesuai dengan heading yang dipilih. 3.Preformatted, menampilkan teks tanpa mengabaikan white space/ spasi dan menggunakan font default monospace. Memilih bentuk paragraf

20  Merupakan jarak teks / paragraf dari tepi halaman. Cara : -Seleksi paragraf. -Menu Format - Indent Untuk menghapus / menghilangkan : - Menu Format - Outdent Mengatur identasi teks

21  Cara : -Tempatkan kursor di area kerja -Menu Format – List -Pilih : 1.Ordered List, List atau daftar yang memiliki urutan, bisa berupa angka, huruf atau romawi. 2.Unordered List, List yang tidak memiliki urutan, dapat berupa linkaran hitam/putih, kotak. - Untuk mengakhiri list enter dua kali Membuat list

22  Cara : -Menu – Format - List – properties -Pilih type dan style. -Ok. Mengatur properties list


Download ppt "PERTEMUAN 3.  -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan posisi berbagai unsur unsur halaman. -GIF (Graphics."

Presentasi serupa


Iklan oleh Google