Pengenalan Bahasa Pemrograman Website dan Software yang digunakan

Halo Teman-Teman , disempatan kali ini , ini merupakan postingan pertama saya dalam pembahasan "Belajar Membuat Website dari 0 untuk Pemula" , dan insyaAllah akan berlanjut terus , sampai jadi website kita , dan sampai kita publis nantinya di hosting

Secara Garis Besar saya akan menjelaskan , apasih yang harus kita ketahui terlebih dahulu dalam pembuatan website.

BAHASA PEMROGRAMAN

Adapun bahasa pemrograman yang akan kita gunakan dalam pembuatan website ini adalah :

HTML (Hyper Text Markup Language) (merupakan bahasa pemrograman markup language ,yang digunakan untuk membuat halaman website , HTML berjalan di browser pengguna / client )
Javascript ( bahasa pemrograman yang digunakan dalam pengembangan website agar lebih interaktif di sisi client )
CSS (merupakan style atau bahasa yang kita gunakan untuk mengatur tampilan website)
PHP (merupakan bahasa pemrograman sebagai pemroses data yang berjalan disisi server, yang bisa dikatakan back end programing , meliputi banyak fungsi yang menangani pengelolaan di sisi server aplikasi)
MYSQli (untuk database nya )

Nah , saya tidak menjelaskan apa sih itu HTML , Javascript , CSS , PHP , MYSQLi secara rinci ya ,Tentunya anda bisa serching sendiri untuk pemahaman Lebih jauh secara teori tis nya . .. Karna disini saya akan menekankan prakter Pembuatan Website dari 0 , memang dari dasar , Khusus untuk pemula.

SOFTWARE

Dalam pembuatan website , disini kita membutuhkan beberapa Aplikasi Software yang harus ada pada komputer kita ,

SOFTWARE untuk MENULISKAN SCRIPT / CODE BAHASA PEMROGRAMAN WEB , diantaranya seperti Notepad++, Sublime Text , Visual Studio Code , Atom , Code Lobster, Dll
Nah Disini saya menggunakanVisual studio , sebagai software editor saya
Browser , seprti Mozilla Firefox, Google Chrome,
Webserver , seperti wamp Server, xampp , Disini saya menggunakan Xampp

Nah, jika sudah punya software yang kita butuhkan , Langsung saja kita action Cara Membuat Website Dinamis Untuk Pemula , Mulai dari 0 ,

MEMBUAT HALAMAN WEBSITE PERTAMA

Nah disini kita akan membuat halaman website pertama kita , disini merupakan dasar sekali dimana kita akan membuat halaman website sesimple mungkin

Kita akan membuat halaman website kita dengan nama "index.html" dengan editor seperti notepad ++ , visual studio atau sejenisnya :

Ketikkan kode berikut ini , simpan dengan nama index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Membuat Website Pertama Saya</title>
</head>
<body>
    
  <h2>Ini Adalah Website Pertama Saya</h2>
  <p>Halo selamat datang di website saya. ini adalah projek pertama saya dalam belajar html <br>
    Di Sini saya akan membuat website dari 0 sampai menjadi website yang bisa di publish di hosting<br>
dan Dinamis</p>

</body>
</html>

Saat kita jalankan file index.html , maka tampilannya akan seperti ini :

Menambahkan Gambar di HTML

Nah , lanjut lagi , kita bisa menambahkan gambar pada website pertama kita dengan menggunakan tag <img src="namagambar.formatgambar"> , berikut contoh nya :

<img src="logo.png" alt="Logo youtube" width="100" height="100">

Sehingga code kita akan menjadi :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Membuat Website Pertama Saya</title>
</head>
<body>
     <h2>Ini Adalah Website Pertama Saya</h2>
     <p> Halo , Selamat datang di website pertama saya , ini adalah projek website saya yang pertama , <br>
    Disini saya akan membuat website dari 0 sampai menjadi website yang profesional</p>

    <img src="logo.png" alt="Logo youtube" width="100" height="100"> 
    
</body>
</html>

Berikut Hasilnya :

Menambahkan LIST dan Link di HTML

Nah , lanjut lagi , kita bisa menambahkan list dan link pada website pertama kita dengan menggunakan tag <ul>dan <li> :

    <ul>
        <li>Home</li>
        <li>Profil</li>
        <li>Kontak</li>
    </ul>

Dengan List diatas , kita akan menambahkan link pada menu yang kita buat dengan menggunakan tag <a href="alamat">Tulisan</a> :

    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="profil.html">Profil</a></li>
        <li><a href="kontak.html">Kontak</a></li>
    </ul>

Sehingga code script kita secara keseluruhan akan seperti ini :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Membuat Website Pertama Saya</title>
</head>
<body>
     <h2>Ini Adalah Website Pertama Saya</h2>
     <p> Halo , Selamat datang di website pertama saya , ini adalah projek website saya yang pertama , <br>
    Disini saya akan membuat website dari 0 sampai menjadi website yang profesional</p>

    <img src="logo.png" alt="Logo youtube" width="300" height="150">

    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="profil.html">Profil</a></li>
        <li><a href="kontak.html">Kontak</a></li>
    </ul>

</body>
</html>

dan Berikut ini hasilnya :

Tutorial Blog dan Website PHP MYSQLi

Contact Us

Statistik

Tags

Pengenalan Bahasa Pemrograman Website dan Software yang digunakan

BAHASA PEMROGRAMAN

SOFTWARE

MEMBUAT HALAMAN WEBSITE PERTAMA

Menambahkan Gambar di HTML

Menambahkan LIST dan Link di HTML

Diskusi

Youtube Tutorial

Random Posts