Scribd Logo
Unggah

Selamat datang di Scribd!

  • Act2 IMK MuhammadNoviantoNugroho 14118788 3KA23

    Diunggah oleh

    Novianto Nugroho
    25 tayangan7 halaman
    soal

    Judul Asli

    Act2_IMK_MuhammadNoviantoNugroho_14118788_3KA23

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    soal

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    25 tayangan7 halaman

    Act2 IMK MuhammadNoviantoNugroho 14118788 3KA23

    Diunggah oleh

    Novianto Nugroho
    soal

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 7

    Nama : Muhammad Novianto Nugroho

    Kelas : 3KA23
    Mata Praktikum : Dreamweaver
    Matakuliah : Interaksi Manusia Dan Komputer
    Pertemuan Ke :2
    Tanggal : 25/11/2020

    Laboratorium Sistem Informasi


    Universitas Gunadarma
    PTA 2020 / 2021
    Tugas :

    1. Jelaskan pengertian layout situs menurut anda serta sebutkan komponen-komponennya!

    2. Buatlah frameset pada Macromedia Dreamweaver seperti contoh diatas. Dan berikan
    penjelasan cara membuat, kode program, dan hasil yang telah dibuat. (Disertai screenshot
    dari setiap cara dan kode program dan untuk gambarnya bebas).

    TAMBAHAN:
     Kumpulkan Jawaban Dalam Format Pdf.
     Gunakan Template Atau Format Ini Untuk Menjawab.
     Praktikan Yang Jawabanya Sama [Kurang Lebih (80%)] Akan Mendapatkan Nilai Minimal !
     Praktikan Yang Tidak Menjelaskan Logika Pengerjaan Akan Mendapatkan Nilai Minimal !
     Jawaban Yang Dikumpulkan Diluar Batas Waktu Pertemuan Tidak Akan Diinput Nilainya.!

    Jawaban :
    1). Layout situs yaitu suatu tata letak elemen halaman dari situs web. Untuk mendesain suatu
    halaman di web agar menjadi menarik dan nyaman , fungsi dari tampilan layout halaman web kita
    harus fokus pada isi content pada web yang kita buat.Dalam membuat suatu desain web kita
    membuat gambarnya desainnya dengan simple serta isi yang ada pada web mudah di pahami oleh
    orang banyak dan juga bermanfaat. Memilih layout yang tepat penjung situs web dapat pindah ke
    halaman lain dengan mudah melalui navigasi.
    Komponen – Komponen Layout situs:
    - Pilihan Warna
    Dalam memilih warna di Situs web gunakan lah warna yang menarik dan simple serta dalam
    menyalurkan informasi ke pengujung situs web.
    - Jenis Huruf
    Untuk menentukan hurufnya disini kita menyarankan menggunakan suatu web fonts untuk
    memilih jenis huruf yang ingin kita gunakan.
    - White Space
    Kita dapat menggunakan White space yaitu suatu ruang kosong yang berupa pemisah antara
    satu elemen dengan elemen lainnya.
    - Tombol Search
    Digunakan untuk mencari suatu informasi yang ingin di cari oleh pengujung situs.
    - Layout
    Merupakan suatu letak penyusunan agar mudah dibaca dan di pahami yang telah disampaikan
    melalui web.
    - Laman Kontak
    Yaitu suatu halaman yang berisi daftar komentar dari web yang kita buat
    - Navigasi
    Kita dapat menggunakannya untuk memudahkan pembaca dalam mencari suatu konten web
    atau suatu produk yng ingin di cari.
    - Laman “About Me/Us”
    Mempunyai kegunaan untuk memberikan suatu informasi mengenai data diri dan perusahaan.
    - Footer yang Informatif
    Merupakan suatu pengulangan informasi yang memberikan suatu kemudahan kepada
    pembacanya.
    - Kualitas Image
    Dalam membuat suatu web disini kita harus memperhatikan aspek – aspek gambar dan kualitas
    yang di gunakan harus bagus dan menarik serta mudah di pahami oleh pengunjung.
    2).membuat frameset
    Untuk membuat suatu frameset tahap pertama yaitu kita masuk ke aplikasi macromedia
    dreamweaver, berikutnya yaitu kita pilih more lalu kita pilih kategori nya yaitu framesets
    Pilih (fixed top,fixed bottom) lalu kita klick create untuk membuatnya.

    Berikutnya yaitu masuk ketahap selanjutnya yaitu memasukan kode programnya


    Kode program yang kita gunakan ini berfungsi untuk sebagai soucode htmlnya,
    <body><marquee>Selamat Datang Di Galeri Ku</marquee>
    Berfungsi sebagai judul htmlnya kemudian task pada judul tersebut berjalan.
    <style type”text /css”> merupakan jenis type text / huruf yang digunakan yaitu time new roman
    body,td,th {
    font-size: 18px; (ukuran huruf yang digunakan).
    color: #000000; (warna yang digunakan).
    </style></head>
    <div align="center">Koleksi Foto - Foto Ku (nama foto – foto yang digunakan) </div>
    (panjang foto dengan width”300” lebarnya dan tinggi foto height (168).
    <img src="../../Pictures/images1.jpg" width="300" height="168" alt=""
    longdesc="file:///C|/Users/Aef saefulloh hm/Pictures/images1.jpg" />
    (untuk Panjang foto dengan width”259” lebarnya dan tinggi foto height (168).
    <img src="../../Pictures/images2.jpg" width="259" height="168" longdesc="file:///C|/Users/Aef
    saefulloh hm/Pictures/images2.jpg" />

    (disini kita memasukan foto dengan width”284” lebarnya dan tinggi foto height (166).
    <img src="../../Pictures/images3.jpg" width="284" height="166" longdesc="file:///C|/Users/Aef
    saefulloh hm/Pictures/images3.jpg" />

    Selanjutnya yaitu memberikan warna background


    body,td,th {
    font-size: 36px; (ukuran font yang di gunakan dalam judul selamat dating di galeri ku)
    color: #000000;
    }
    body {
    background-color: #3300FF;(warna biru)
    }

    Merupakan hasil dari frameset untuk tahap akhirnya


    frameset rows="80,*,1,76" cols="*" framespacing="0" frameborder="no" border="0">
    <frame src="UntitledFrame-2.html" name="topFrame" scrolling="No" noresize="noresize"
    id="topFrame" title="topFrame" />
    <frame src="Untitled-1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
    <frame src="UntitledFrame-3.html" name="bottomFrame" scrolling="No" noresize="noresize"
    id="bottomFrame" title="aefsaefulloh" />
    <frame src="UntitledFrame-4.html">
    </frameset>
    <noframes><body>
    </body>
    </noframes></html>
    c!DOCIYPE html PUBLIC ’-//H3C//DID XHIhL 1.0 transitional//EN’
    <html xAlns=’http://www.w3.org/1999/khtsfl’›
    chead>
    cmeta http-equiv=’Content-Iype’ content=’text/html: charse iso-9959-1’ />
    <title>Dntitled DoClIment</ title>
    Cstyle type=’text/css’>

    b0dy,td,th {
    font-size: 56px;
    color: #000000;

    b0dy {
    background-color: €5300FF;

    </style›</head›

    C!DOCIYPE hrml PUBLIC ’-//W3C//DID XHIML 1.0 Frameset//EN’ ’http://www.w3.org/¥R/xhrmll/DID/xhrmll-frameset.drd’>

    Chead>

    ‹frameset rows=’90,*,l,76’ cols=’*’ framespacing=’0’ frameborder=’no’ border=’0’>


    ‹frame src=’UntitleaFrame-?.hrml’ scrolling=’No’ />
    />
    ‹rrame name=’bottomFrame’ scrolling=’No’ noresize=’noresize’ id=’bottomFrame’ title=’aersaerulloh’ r>
    <frame src=’UntitledFrame-4.hrml’>
    C/frameset>

    </body>
    Memiliki suatu fungsi untuk memasukan suatu gambar di dreamweaver caranya adalah dengan
    kita klik image lalu kita pilih gambar yang ingin kita masukan setelah itu klik ok.

    Ini merupakan tahap akhir yaitu menjalankan dreamweavernya apakah sudah benar atau tidak
    Cara untuk meng Run aplikasi yaitu memakai tombol f12 untuk menjalankanya. Dan akan
    muncul tampilan seperti di gambarnya ini.

    Anda mungkin juga menyukai