Scribd Logo
Unggah

Selamat datang di Scribd!

  • Langkah Langkah Membuat Web

    Diunggah oleh

    Hamniar
    1 tayangan5 halaman

    Judul Asli

    langkah langkah membuat web

    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
    1 tayangan5 halaman

    Langkah Langkah Membuat Web

    Diunggah oleh

    Hamniar

    Hak Cipta:

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

    . Buka aplikasi Sublime text 3, kemudian klik file .

    Karena kita akan membuat web maka klik


    New file.

    2.  Setelah itu ketik <!DOCTYPE html> .

    3.  Buat tag <head> yang terdiri dari tulisan WELCOME dan tittle. Untuk membuat tulisan
    WELCOME  menggunakan element <p>  .Nah untuk membuat tulisan WELCOME menjadi
    lebih menarik maka saya menggunakan warna hijau, dengan font  Engravers MT dengan font-
    size:28px selain itu saya juga membuat tulisan WELCOME menjadi bergerak dari kanan ke kiri
    menggunakan <marquee scrollamount=”7”> . Angka 7 menunjukkan kecapatan tulisan
    bergerak. Untuk  title saya menggunakan nama TUGAS1-NIM .  Jangan lupa untuk mengakhiri
    head dengan tag </head> agar bagian head tidak menyatu dengan bagin Body.

    4. Langkah selanjutnya adalah membuat bagian body dengan, cara nya dengan kita mengetik
    <body>. Agar tampilan web lebih menarik pada bagian body bisa di tambahkan background
    sesuai yang kita inginkan dengan cara menuliskan nama gambar yang akan dijadikan
    background  diikuti dengan tipe file background, serta jangan lupa untuk menaruh background
    satu folder dengan file web nya. Contoh: <body background=" nama background.tipe gambar">

    Untuk lebih jelasnya silahkan lihat gambar dibawah ini:


    5. Kemudian dibawah <body> terdapat element <h1> yang berguna untuk membuat membuat
    judul cerita, karena judul cerita saya terdiri dari 2 baris maka menggunakan element <br>
    untuk mebuat judul pada baris pertama dan kedua mejadi terpisah. Untuk mulai  menulis cerita
    maka terlebih dahulu mengetik <p> yang berarti paragraph dan diakhiri dengan </P> agar
    antar satu paragraph dan paragraph lainnya tidak menyatu.

    6.   Kemudian untuk menambahkan gambar dengan cara mengetik  tag img src kemudian nama
    file gambar beserta tipe file, gambar dilettakkan satu folder dengan html. Kita juga bisa
    membuat bagian gambar yang pada saat di klik akan membuka suatu situs dengan cara
    menggunakan Usemap dan membuat koordinat  yang berisi link yang akan dibuka. #Quotes
    menunjukkan nama usemap nya dan quotes menunjukan nama gambar yang  dipakai. 

    7. Selanjutnya untuk menambahkan garis bisa menggunakan element <hr>, untuk membuat
    lebih menarik bisa menggunakan warna pada garis contohnya: <hr color= "green">.

    Untuk lebih jelas silahkan lihat gambar dibawah ini :


    8.  Selanjutnya saya akan menjelaskan apa itu HTML Entities, HTML Symbol , dan HTML
    Charset. Karena  ketiga jenis HTML terbeut adalah judul  maka saya menggunakan element
    <h2> yang ukuran lebih kecil dari element <h1> yang tadi telah saya gunakan pada bagian judul
    cerita. Kemudian untuk membuat paragraph saya menggunakan element <p>.
    9. Nah pada langkah ini saya akan membuat pantun dengan menggunakan element  <pre> agar
    memisahkan antara bait satu dengan bait yang lainnya dan agar tulisan berada di tengah saya
    menambahkan tag <center> .

    10.  Nah setelah selesai klik file kemudian kilik save as  dan jangan lupa menambahkan .html
    pada akhir nama file.

      11. Jika anda ingin melihat bagaimana tampilan web yang anda buat caranya klik kanan pada
    file html lalu open with browser dan tampilan web yang anda buat akan muncul.

    Berikut ini adalah tampilan web yang langkah-langkah nya sudah saya buat diatas.
    Sekian Cara untuk membuat web dengan Sublime text 3 dari saya. Terima Kasih sudah
    berkunjung ke LazyAcademy
    Diposting 18th January 2018 oleh Unknown
     

    Anda mungkin juga menyukai