Tutorial Dasar atau pemula web design (part 1)

Tutorial Dasar atau pemula web design

  • Latar Belakang

latar belakang saya buat toturial ini hanya sebagai referensi anda bagi pemula yang ini membuat web design simple ini menggunakan notepad/notepad++ dan membuat dokomen
  • Pengertian

web design/permbuat web adalah stilah yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web.
  • Tujuan

-mengenal dasar pembuatan web design
-cara pembuatan dengan bahasa pemograman
  • Alat yang digunakan

    1. bahasa pemograman/scirpt
    2. notepad/notepad+
    3. software browser
    4. komputer/pc
  • Cara pembuatanya
  1. bukak notepad kalian ketikan :
    <html>                                     =untuk membuat tampilan web
    <tittle>Belajar part 1</title>   =judul web
    <body>                                    =untuk membuat isi dokumen tampilan
    <h1>PKL</h1>                       =ukuran tulisan anda
    <h2>PKL</h2>                       =semakin kecil tulisan
    <h3>PKL</h3>                       =semakin kecil lagi dan seterus h4,h5,h6 dan seterusnya
    Prakering kerja lapangan(jans)=contoh isi

    </body>  
    </html>
    Kemudian save dengan format .html
    kemudian kita cek hasilnya
  2. mau kasih background/ menambahkan mewarnai tulisan?
    <body bgcolor="#008B8B"> =ini kalo memblok background dengan warna
    <body background="nama file dan formatnya"> = ini kalo menggunakan gambar yang sudah ada
    <img src="nama file dan formatnya"> =menyisipkan gambar(gambar harus difolder yang sama)
    <img src="nama file dan formatnya" width="200" high="300"> =guna width dan high=ukuran gmbar
  3. contoh:
    <html>
    <title>Belajar part 1</title>

    <body bgcolor="#008000">
    <h1>PKL</h1>
    <h2>PKL</h2>
    <h3>PKL</h3>

    <font color=red>Prakering Kerja Kelompok(jans)</color>
    <br />  =adalah enter
    <img src="kuroko" width="200" high="300">
    <body>


    </html>
    Kita lihat jadi
  4. selesai mau kalian bisa kembangkan lagi baru part 1 blm 2,3,4 dan seterusnya
  • Keterangan

-Kode warna  web : warna web
-warna biru yang ada diatas menunjukan keterangan/fungsi
-warna merah diatas ganti apa saja terserah anda berupa file ukuran
  • Refrensi

-Google
-Wikipedia
























saaddssa

















Share this

Related Posts

Previous
Next Post »