Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laporan Praktikum Desain Web (A3) - Fahmi KUrniawan - MIFc S2

    Diunggah oleh

    fahmi kurniawan
    21 tayangan5 halaman

    Judul Asli

    Laporan Praktikum Desain Web(A3)_Fahmi KUrniawan_MIFc S2

    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

    Hak Cipta:

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

    Laporan Praktikum Desain Web (A3) - Fahmi KUrniawan - MIFc S2

    Diunggah oleh

    fahmi kurniawan

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    WORKSHOP DESAIN WEB


    ACARA 3(CSS)

    Dosen Pengampu:
    Nama : Taufiq Rizaldi, S.ST., MT

    Disusun Oleh :
    Nama : Fahmi Kurniawan(Gol C)
    NIM : E31222379

    PROGRAM STUDI MANAJEMEN INFORMATIKA


    JURUSAN TEKNOLOGI INFORMASI
    POLITEKNIK NEGERI JEMBER
    .
    .
    .
    .
    .
    .
    .
    JL.MASTRIP KOTAK POS 164 TELP.0331 333532-34
    PENDIDIKAN DAN KEBUDAYAAN PROVINSI JAWA TIMUR
    TAHUN AJARAN 2021/2022
    Html

    Css
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Minggu3_css</title>
        <link rel="stylesheet" href="minggu3_css.css" />
    </head>
    Kode diatas adalah kode umum yang pastinya ada di Html

    <title>Minguu3_css</title> untuk membuat judul ditaskbar atas website

    <link rel=”stylesheet” href=”minggu3_css.css”/> untuk menautkan dengan css

    <body>
        <div id="page-container">
        <div id="main-nav">
            <a href="index.html">index</a> -
            <a href="about.html">about me</a> -
            <a href="fav.html">my favorite</a> -
            <a href="links.html">my special links</a> -
            <a href="dampak.html">dampak internet</a>
        </div>
    <div id=”page-container”> kode yang digunakan untuk yang nantinya akan menjadi background content
    website kita

    <div id=”main-nav”> dan <a href=”index.html”>index</a> dan kebawahnya adalah untuk membuat link

     <div id="header">Header</div>
        <div id="side_bar">Cara agar bisa menjadi programmer handal dan bisa bekerja di
    perusahaan besar maka kuliahlah di Politeknik Negeri Jember &nbsp;</div>
        <div id="content">
        Selamat datang di website kami…<br />
        saya bangga kuliah di POLIJE<br />
        ini adalah latihan membuat website dengan CSS
        </div>
    Kode diatas sama aja dengan di atas juga nantinya akan kita style di css

     Copyright &copy; Fahmi Kurniawan/E31222379 Powered by CSS


        </div>

        </div>
    </body>
    </html>
    Kode diatas untuk membuat footer

    Style css

    #page-container {
        width: 760px;
        margin: auto;
        background: rgb(255, 255, 255);
        }
    #page-container digunakan untuk mestyle bagian page container di html tadi yang kita buat

    'html, body {
            margin: 0;
            padding: 0;
    kode diatas untuk membuat margin agar rapi di website kita

     #header {
            background: blue;
            height: 150px;
            color: #fff098;
            }
            #content {
            background: green;
            }
            #footer {
            background: orange;
            height: 66px;
    kode diatas untuk membuat warna background setiap element

    #main-nav {
                height: 17px;
                text-align:center;
                font-family: Tahoma, Arial, Helvetica, Sans-serif;
                }
                #main-nav a{
                    color: #000000;
                    text-decoration: none;
                    }
                    #main-nav a:hover{color: #ff0606;}
                    #footer {
                        height: 70px;
                        font-family: Tahoma, Arial, Helvetica, Sans-serif;
                        font-size: 11px;
                        color: #ffffff;
                        border-top: 1px solid #efefef;
                        padding: 13px 25px;
                        line-height: 18px;
                        }
                    #footer a {
                        color: #ffffff;
                        text-decoration: none;
                        }
                        #footer a:hover {
                        color: #3475ee;
                        }
                        #footer #altnav {
                        width: 350px;
                        float: right;
                        text-align: right;
                        }
                        #footer {
                            clear:both;
                        }
                #content {
                    font-family:Tahoma, arial, helvetica, sans-serif;
                    font-size:14px;
                    padding: 15px 15px;}
                #side_bar{
                background:#996600;
                float:right;
                width:150px;
            }
    Kode ini kita akan membahas di bagian clear both digunakan untuk membuat agar tulisan yang di side_bar bisa
    rapi dan tidak terpotong

    Anda mungkin juga menyukai