Pengguna:Fachry arifin
Web Programing[sunting | sunting sumber]
Web Progammer merupakan istilah dari hal yang berkaitan dengan profesi seseorang yang pekerjaannya menulis kode bahasa pemrograman baik itu yang berkaitan dengan pengembangan suatu website maupun aplikasi internet berbasis web. Web Programmer ini sering disebut juga dengan istilah koder.
Selain itu, Web programmer ialah seseorang yang perannya yaitu menghubungkan semua sumber daya yang akan dipergunakan pada suatu website atau pun aplikasi. Sumber daya tersebut seperti misalnya seperti pemanggilan database, pembuatan halaman website, cara interaksi dengan elemen-elemen website dan lain-lain
Dasar Pembuatan Website[1][sunting | sunting sumber]
dalam hal ini sebelum membuat website yang komples perlu mempelajari dasar dan struktur pembuatan web itu menggunakan:
Apa itu HTML?[sunting | sunting sumber]
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML adalah bahasa markup standar untuk membuat halaman Web
- HTML menggambarkan struktur halaman Web
- HTML terdiri dari serangkaian elemen
- Elemen HTML memberi tahu browser cara menampilkan konten
- Elemen HTML memberi label bagian konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
terkait struktur code di atas
- The
<!DOCTYPE html>deklarasi mendefinisikan bahwa dokumen ini adalah dokumen HTML5 - The
<html>elemen elemen akar halaman HTML - The
<head>elemen berisi informasi meta tentang halaman HTML - The
<title>elemen menentukan judul untuk halaman HTML (yang ditampilkan dalam bar judul browser atau tab halaman ini) - The
<body>elemen mendefinisikan tubuh dokumen, dan merupakan wadah untuk semua isi terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll - The
<h1>elemen mendefinisikan judul besar - The
<p>elemen mendefinisikan sebuah paragraf
Apa itu Elemen HTML?[sunting | sunting sumber]
Elemen HTML ditentukan oleh tag awal, beberapa konten, dan tag akhir:
< tagname > Konten ditempatkan di sini ... < / tagname >
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:
< h1 > Heading Pertama Saya < / h1 >
< p > Paragraf pertama saya. < / p >
Ada juga Eelemn dalam HTM yang tidak memiliki tag contoh :
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!
Browser Web[sunting | sunting sumber]
Web adalah alat yang sangat luas dan kuat. Selama beberapa dekade, internet telah mengubah cara kita bekerja, cara kita bermain, dan cara kita berinteraksi satu sama lain. Bergantung pada cara penggunaannya, meme menjembatani negara, mendorong perdagangan, memelihara hubungan, mendorong mesin inovasi masa depan, dan bertanggung jawab atas lebih banyak meme daripada yang kita tahu harus dilakukan.
Penting bagi setiap orang untuk memiliki akses ke web, tetapi penting juga bagi kita semua untuk memahami alat yang kita gunakan untuk mengaksesnya. Kami menggunakan peramban web seperti Mozilla Firefox, Google Chrome, Microsoft Edge, dan Apple Safari setiap hari, tetapi apakah kami memahami apa itu dan bagaimana cara kerjanya? Dalam waktu singkat kita telah berubah dari takjub dengan kemampuan mengirim email ke seseorang di seluruh dunia, menjadi perubahan dalam cara kita memikirkan informasi. Ini bukan pertanyaan tentang seberapa banyak yang Anda ketahui lagi, tetapi hanya pertanyaan tentang browser atau aplikasi apa yang dapat membawa Anda ke informasi itu paling cepat
Pelajari HTML Menggunakan Notepad atau TextEdit[sunting | sunting sumber]
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional.
Namun, untuk mempelajari HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).
Kami percaya bahwa menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML.
Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.
Langkah 1: Buka Notepad (PC)[sunting | sunting sumber]
Windows 8 atau lebih baru:
Buka Layar Mulai (simbol jendela di kiri bawah layar Anda). Ketik Notepad .
Windows 7 atau lebih lama:
Buka Mulai > Program> Aksesoris> Notepad
Langkah 1: Buka TextEdit (Mac)[sunting | sunting sumber]
Buka Finder> Aplikasi> TextEdit
Ubah juga beberapa preferensi agar aplikasi menyimpan file dengan benar. Di Preferensi> Format> pilih "Teks Biasa"
Kemudian di bawah "Buka dan Simpan", centang kotak yang bertuliskan "Tampilkan file HTML sebagai kode HTML, bukan teks yang diformat".
Kemudian buka dokumen baru untuk menempatkan kode.
Langkah 2: Tulis Beberapa HTML[sunting | sunting sumber]
Tulis atau salin kode HTML berikut ke Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Langkah 3: Simpan Halaman HTML[sunting | sunting sumber]
Simpan file di komputer Anda. Pilih File> Simpan sebagai di menu Notepad.
Beri nama file "index.htm" dan setel pengkodean ke UTF-8 (yang merupakan pengkodean pilihan untuk file HTML).
Tip: Anda dapat menggunakan .htm atau .html sebagai ekstensi file. Tidak ada bedanya, terserah anda.
Langkah 4: Lihat Halaman HTML di Browser Anda[sunting | sunting sumber]
Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file tersebut, atau klik kanan - dan pilih "Buka dengan").
- ^ "Introduction to HTML". www.w3schools.com. Diakses tanggal 2020-08-10.