Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Web Design

    Diunggah oleh

    Muhammad Harris Munandar
    5 tayangan3 halaman
    belajar website dengan menyenagkan

    Judul Asli

    MATERI WEB DESIGN

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    belajar website dengan menyenagkan

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    5 tayangan3 halaman

    Materi Web Design

    Diunggah oleh

    Muhammad Harris Munandar
    belajar website dengan menyenagkan

    Hak Cipta:

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

    NAMA :MUHAMMAD HARRIS MUNANDAR

    TEMA :JUNIOR WEB DEVELOPER


    RUANG :01

    1.PERBEDAAN DARI UI DAN UX


    User interface(UI) adalah antarmuka pengguna berupa design suatu website yang
    mencakup pada stye yang terlihat mencakup layout,Visual Design dan Branding,sedangkan User
    experience(UX) adalah proses peningkatan kepuasan pengguna dalam membeikan interaksi antara
    pengguna dan produk yang bertujuan untuk memudahkan pengguna.

    3.TAG (a)
    Tag a merupakan singkatan dari anchour

     Contoh penggunaan alamat absoult : <a href=”https://www.google.com”>GOOGLE</a>

     Contoh penggunaan alamat relatif : <a href=”index.html”>home</a>

    TAG (form)
    Tag form merupakan tag yang menampung beberapa element seperti:
     <input> berupa atribut type,name,class dll.digunakan untuk mengiput berupa
    text,password,nomor,tanggal
    o CONTOH :
    <input type=”text”>nama
     <select> digunakan untuk kontrol (memilih)berupa daftar pilihan.
    o CONTOH :
    <select>
    <option value=”LAKI-LAKI”>LAK-LAKI</option
    <option value=”PEREMPUAN”>PEREMPUAN</option
    </select>
     <textarea> digunakan untuk menampilkan area teks lebih dari satu baris
    o CONTOH :
    <textarea cols=”30” row=”10”></textarea>
     <button> digunakan untuk menanpilkan sebuah tomboh yang dapat diklik untuk
    menjalankan tindakan tertentu(hapus,reset,kirim dll).
    o CONTOH :
    <button type=”button”>KLIK</button>

    TAG (Ul)
    TAG UL singkatan dari unodered list(daftar acak),daftar item yang disusun tanpa
    penomoran.
    CONTOH: <ul>
    <li>KOPI</li>
    <li>TEH</li>
    <li>NASI</li>
    </ul>

    TAG (OL)
    TAG OL singkatan dari ordered list(daftar) beberapa item yang tersetruktur atau berurutan.
    CONTOH: <ol>
    <li></li>
    <li></li>
    <li></li>
    </ol>

    TAG (IMG)
    Tag img berfungsi untuk menyisipkan file gambar akan tetapi diisi dengan file sumber atau
    memiliki atribut src
    CONTOH: <img src=”logo.jpg”/>

    TAG (TABLE)
    Tag table merupakan tag yang mempresentasikan data tabular dalam bentuk grid yang terdiri
    dari kolom dan baris.
    CONTOH: <table>
    <tr>
    <td>1</td
    <td>1</td
    </tr>
    </table>

    4.CARA PENULISAN CSS


    1.inline
    Dengan cara menuli pada atribut elemen html,setiap elemen dia awali dengan
    atribut style
    CONTOH: <p style=”color:red; font-family:arial;”>

    2.Internal(embeded)
    Ditulis di dalam tag s<tyle>,terdapat pada tag body atau tag head
    <style>
    p{
    color:red;
    font-size:16px;
    }
    </style>

    2.External

    Kode yang ditulis terpisah dengan file html,dissebuah file khusus yang berektensi
    .css,dengan cara menginpornya dengan ketikan kode di tag <head> pada file.html
    <link rel=”stylesheet” href=”file.css”>
    CONTOH :file.html
    file.css

    file.html
    <html>
    <body>
    <h1>BELAJAR CSS</h1>
    </body>
    </html>

    file.css

    body {
    background-color:gray;
    color:black;
    }

    Anda mungkin juga menyukai