laporan praktikum desain web pertemuan 3
TRANSCRIPT
LAPORAN PRAKTIKUM 2 : MEMBUAT HALAMAN WEB MENGGUNAKAN DREAMWEAVER
Oleh: Rahmi Amalia Noe
Pada percobaan pertama diminta untuk mengetik pada workspace dan saya mengetikkan “Welcome to my site” dan layoutnya seperti dibawah ini
Pada percobaan kedua yaitu memulai halaman web baru dimana saya diminta untuk memasukkan text. Saya mengetikkan satu paragraf text dengan judul “Menjadi Web Desainer Freelance”.
Setelah itu saya diminta mengubah pada paragraph pertama dengan mengubah formatnya menjadi Heading 1 dan tulisan pada paragraph pertama menjadi lebih besar. Setelah itu untuk mengubah font tulisannya dengan cara mode dipindah menjadi CSS lalu pada Tergeted Rule dipilih <New CSS Rule> lalu pada bagian Font pilih Arial, Helvetica, sans-serif. Lalu akan muncul kotak dialog New CSS rule pada Selector Type pilih Tag dengan otomatis pada Selector Name akan tertulis h1. Dan untuk mengganti warna text pilih kotak kecil disamping font dan pilih saja warna yang kita ingin kan maka warna font akan sesuai dengan warna yang kita pilih. Semua yang dilakukan tadi akan muncul code nya pada jendela code.
Kini untuk mengubah font pada paragraph kedua sama seperti pada paragraph pertama yaitu pada mode CSS lalu pada kotak font pilih Arial, Helvetica, sans-serif lalu pada kotak dialog yang muncul kembali pilih tag pada selector type dan secara otomatis pada selector name akan tertulis p. Setelah itu untuk ukuran text pada kotak size menjadi 16 px dan warna menjad #333 yaitu abu-abu tua dan teks menjadi rata kiri kanan dengan memilih tombol Justify.
Dan hasilnya akan seperti pada gambar dibawah ini
Sekarang mencoba untuk mengubah code pada jendela code. Kita diminta untuk mengetikkan text-align: center dibawah code colour. Setelah menekan tombol refresh maka akan textnya akan menjadi seperti ini
Pada percobaan ketiga adalah menambahkan hyperlink. Pada document baru kita diminta untuk mengetikkan seperti ini pada workspace.
KURSUS KOMPUTER PRIVAT Kursus Komputer Paling Bermutu di Kota Anda HOME | PROFIL | LAYANAN | KONTAK Selamat Datang di Website Kami
Setelah mengatur paragraph pertama dan paragraph kedua menjadi ditengah kita diminta untuk memasukkan hyperlink pada Home, Profil, Layanan, dan Kontak