Scribd Logo
Unggah

Selamat datang di Scribd!

  • Web Marial Kursus

    Diunggah oleh

    pandi habibi
    8 tayangan14 halaman

    Judul Asli

    PPT WEB MARIAL KURSUS

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, 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 PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan14 halaman

    Web Marial Kursus

    Diunggah oleh

    pandi habibi

    Hak Cipta:

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

    WEB DESIGN

    LEARNING
    Here is where your presentation begins
    TOOLS PEMBUATAN WEBSITE

    WEB SERVER
    TEXT EDITOR
    INSTALASI WEB SERVER

    Sebelum memulai melakukan pembuatan


    pengkodean bahasa program berbasis
    web, maka kita wajib mempersiapkan
    web server. Pada kesempatan ini kita
    menggunakan web server XAMPP.
    INSTALASI TEXT EDITOR

    Sebelum memulai pengkodean kita harus menyiapkan text


    editor terlebih dahulu dimana text editor yang kita gunakan
    pada pembuatan website ini adalah sublime text versi 3

    TEXT EDITOR
    APA ITU HTML ?
    HTML bukanlah bahasa pemograman (programming language), tetapi bahasa markup (markup language), hal ini
    terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemrograman lain, dalam HTML tidak akan
    ditemukan struktur yang biasa ditemukan dalam bahasa pemograman seperti IF, LOOP, maupun variabel. HTML
    adalah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.
    Lalu bagaimana cara menjalankan file html  yang kita buat pada browser?

    HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan
    untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di
    dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file
    dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs
    dalam dunia internet.
    NEXT
    HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda
    tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman
    tersebut dapat ditampilkan secara benar.
    Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga
    suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
    Fungsi HTML yang lebih spesifik yaitu :
    Membuat halaman web.
    Menampilkan berbagai informasi di dalam sebuah browser Internet.
    Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
    HTML 5 BASIC
    <!DOCTYPE html>
    <html lang="en"> = HTML 5
    <html> = HTML VERSI SEBELUNYA
    <head><meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href=""> = UNTUK MEAMANGGIL FILE CSS
    <title>Nama judul yang ada pada tabs browser</title>
    </head>
    <body>
    <tag></tag>
    </body>
    </html>
    HTML PART - 1
    LEARN BASIC PADA HTML :
    <h1> Heading 1 </h1> TO <h6> Heading 6 </h6> = untuk judul dan sub judul pada artikel
    <p> This is a paragraph.</p> = Untuk penulisan artikel/conten
    <hr> = untuk membuat garis
    <br> = untuk membuat baris baru
    <img> = untuk menampilkan sebuah gambar
    <a> = untuk membuat link perpindahan halaman/page
    <div> untuk pengelompokan pada paragraf/content atau layaout </div>
    NEXT PART – 2 STUDI KASUS 1

    STUDI KASUS MEMBUAT ARTIKEL :


    JUDUL
    SUB JUDUL
    ISI KONTEN
    TAMPILKAN GAMBAR

    NOTE : Gunakan Tag Pengelompokan Pada Masing Masing isi Konten.


    TATA LETAK
    TATALETAK
    TATALETAK

    MARGIN

    PADDING
    MASUKAN NAMA
    MASUKAN NAMA

    Anda mungkin juga menyukai