Scribd Logo
Unggah

Selamat datang di Scribd!

  • Hafidz Thufail - Laprak PWC P1

    Diunggah oleh

    hafidzthufail22
    4 tayangan8 halaman

    Judul Asli

    Hafidz Thufail_Laprak PWC P1

    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

    Hak Cipta:

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

    Hafidz Thufail - Laprak PWC P1

    Diunggah oleh

    hafidzthufail22

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    PEMROGRAMAN WEB CLIENT


    PERTEMUAN – 1 ( Modul 1 )

    DISUSUN OLEH :

    NAMA : Hafidz Thufail Nur Ikhsan


    NIM : 235410031
    PRODI : Informatika S-1

    LABORATORIUM TERPADU
    UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA

    2024
    PERTEMUAN KE-1 ( Modul 1 )
    ( LINGKUNGAN KERJA PEMBUATAN WEB)

    A. Tujuan Praktikum
    1. Mengenal dan menggunakan browser
    2. Mengenal dan menggunakan editor
    3. Menulis script HTML pada editor
    B. Teori Singkat.
    1. Website
    Website adalah kumpulan halaman web yang dapat diakses melalui browser dan
    memerlukan jaringan internet.
    2. HTML
    HTML pada dasarnya hanya file teks dengan kode yang memberi tahu browser
    cara menampilkan informasi.
    3. Browser
    Browser adalah program yang digunakan untuk menampilkan website.
    4. Editor
    Digunakan untuk menuliskan kode script HTML. Editor terdiri dari duajenis,
    yaitu:
    a. ext Editor : editor yang berbasis pada text saja seperti notepad. File disimpan
    dengan ekstensi .html . Tampilan web bisa dilihat dari editor , harus dengan
    menggunakan browser.
    b. Graphic User Interface : editor memiliki komponen – komponen yang dapat
    di drag and drop untuk membuat sebuah halaman web. Dikenal juga
    dengan istilah editor WYSIWUG . Keunggulan editor jenis ini adalah kita
    sudah mendapat langsung melihat tampilan web dan kode html otomatis di
    generate oleh sistem.
    5. Struktur Dokumen HTML
    Kode program HTML menggunakan simbol <> biasa disebut “tag” . Pengetikan
    kode html bersifat insensitivecase tidak membedakan huruf besar dengan huruf
    kecil. Struktur penulisan html adalah sebagai berikut:
    <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    </body>
    </html>

    C. Praktik
    1. Buka program Notepad dan browser (internet explorer/ firefox/ chrome)
    2. Pada program notepad , ketikkan kode berikut ini

    3. Simpan dengan nama first.html


    4. Buka Browser, Klik menu File | Open File. Arahkan ke file first.html.
    5. Amati hasil yang muncul di bagian‐bagian browser : title bar, page content, address.
    6. Modifikasi file first.html , ubahlah script di beberapa tag dengan huruf kapital dan
    non kapital. Amati apakah ada perubahan atau tidak.
    Pembahasan :
    Pada praktik ini membuat web pertama dengan menggunakan program notepad,
    kemudian disimpan dengan format html sehingga tampilan web dengan kode html
    dapat dilihat pada browser, hasil tampilan pada browser seperti berikut :
    a. Pada Title Bar menampilkan Page Title karena pada kode untuk menampilkan
    Title Bar diisi Page Title.
    b. Pada Page Content berisi tampilan yang dimasukkan dalam body kode.
    c. Pada Address berisi lokasi file kode html.
    Kemudian mengubah script pada beberapa tag dan hasilnya tetap sama saja, meskipun
    dalam pengetikan kode html ada huruf kapital dan tidak, tidak berpengaruh pada kode
    karena pengetikan kode html bersifat insensitivecase yaitu tidak membedakan huruf
    besar/kapital dan huruf kecil.

    D. Latihan
    1. Gunakan file first.html. Ganti bagian body dengan NIM, Nama, Prodi

    Pembahasan :
    Mengganti body pada file sebelumnya dengan NIM, Nama, Prodi. Sehingga tampilan
    pada browser seperti gambar diatas
    E. Tugas
    1. Carilah 2 tag, selain <title> yang bisa diletakan di dalam tag<head>. Sebutkan tag-
    nya dan berikan penjelasan
    A. Heading tag <h1> - <h6) merupakan salah satu tag dalam html yang digunakan
    untuk mendefinisikan judul dan sub-judul dari sebuah halaman web. Heading
    memiliki 6 tingkatan level dari <h1> hingga <h6>.
    B. Paragraf tag / tag p merupakan penanda awal dan akhir dari paragraf pertama
    dan kedua pada halaman web. Setiap teks yang diletakkan di antara tag <p> dan
    </p> akan dianggap sebagai satu paragraf pada halaman web.
    F. Lampiran
    Praktik

    Latihan
    Tugas
    A. Heading tag

    B. Paragraf tag
    G. Kesimpulan
    Mahasiswa dapat mengenal dan menggunakan browser serta editor, dan mengetahui
    cara untuk menuliskan script HTML pada editor sehinggan dapat ditampilkan dalam
    browser.

    Anda mungkin juga menyukai