Membuat Artikel di Halaman Web

 

1. Pendahuluan

Belajar html adalah hal dasar yang harus dilakukan bagi seseorang yang baru belajar web. Agar menarik dalam belajar html, kita akan membuat sebuah artikel dengan html. Namun, tujuan utama kita belajar pada kesempatan ini bukan sekedar itu. Melainkan dasar membuat aplikasi berbasis web. HTML adalah singkatan dari hypertext markup language. Html bukan bahasa pemrograman. Tapi bahasa yang dibuat untuk membuat tampilan halaman web.

Aplikasi atau program komputer khususnya web. Terbagi menjadi tiga pekerjaan, yaitu tampilan, pemroses logika dan basis data. Html masuk ke dalam pekerjaan tampilan. Atau diistilahkan dengan pekerjaan front end depelover.

2. Tag Dasar HTML

Sebelum belajar jauh mengenai html. Mari kita mengenali sedikit demi sedikit tag dasar html. Tag adalah kode html yang ditandai dengan simbol lebih kecil dan lebih besar yang mengapit nama tag, contohnya : <html>. Umumnya tag html berpasangan dengan tag tutupnya </html>.

Secara sederhana tag html seperti sebuah efek yang akan kita berikan terhadap suatu teks atau yang lain. Dengan meletakkan diantara tag buka dan tutup. Berikut ini adalah tag dasar html.


< html>
    <head>
        <tittle>Belajar Web Medan </tittle>
    </head>
    <body>
    </body>
</html>


Pada kode html dasar diatas. Halaman web harus dimulai dengan tag buka html <html> dan diakhiri dengan tag tutup html </html>. Kemudian, kode html dasar terbagi menjadi dua bagian utama yaitu head dan body.

Bagian head berfungsi menampilkan judul melalui tag tittle,  icon halaman web, link css maupun java scrip eksternal, tag meta dan lain-lain. Singkat cerita bagian head ini adalah untuk informasi yang tidak tampil di bagian utama web browser.

Bagian body berfungsi menampilkan apapun yang dituliskan ke dalam bagian utama web browser.

3. Tag Dasar HTML

Selain tag-tag dasar yang disebutkan diatas. Ada beberapa tag lain yang penting kita pelajari sebagai pemula dalam belajar web. Diantaranya adalah tag-tag berikut:

Tag-tag diatas cukup untuk kita membuat artikel di halaman web. Namun bukan itu tujuan utama kita belajar tag diatas. Tujuan utamanya adalah belajar membuat aplikasi berbasis web.

4. Membuat Artikel di Halaman Web.

Beberapa materi mengenai tag dasar html sudah pernah kami bahas. Jadi kita dapat mengunjungi halaman materi tersebut melalui tautan diatas. Baiklah langsung saja kita buat artikel.Untuk mempermudah pembuatan kode program. Mari kita buka editor kesayangan kita masing-masing. Pada kesempatan ini saya menggunakan sublime text.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Belajar Web Medan</title>
</head>
<body>
<h1 align="center">Membuat Artikel di Halaman Web</h1>
<div style="width:60%; margin: 10px auto; background-color: skyblue; padding: 20px; font-family: Arial, Helvetica, sans-serif; border-radius: 10px;">
<h2> Sepatah Kata</h2>
<p><i>"Berproses menjadi sesuatu yang kita inginkan adalah dengan belajar. Semua bisa belajar namun tidak semua mengetahui belajar pun punya adab dan cara. Hanya dua hal yang bisa kita kendalikan. Yaitu fikiran dan tindakan.  Keberhasilan belajar  adalah pengendalian sempurna akan hal tersebut. Apa yang kita fikirkan atau ucapkan menjadi sugesti apa yang kita lakukan. Kata-kata indah dalam fikiran itu adalah sebuah doa. Sedangkan yang kita lakukan adalah upaya mencapainya. Semoga kita semua berhasil belajar pemrograman web bersama"</i></p>

<h2>Belajar Web Medan</h2>
<p>Belajar web medan adalah media (website dan channel youtube) belajar web personal yang dibangun oleh M. Zen, Indah T. dan Hafiz M.</p>

<table align="center" cellpadding="15px">
<tr>
<td><img src="zen.png" style="border-radius: 50%;"></td>
<td><img src="Indah.jpg" style="border-radius: 50%;"></td>
<td><img src="hafiz.jpg" style="border-radius: 50%;"></td>
</tr>
<tr>
<td align="center"><b>M. Zen</b></td>
<td align="center"><b>Indah T.</b></td>
<td align="center"><b>Hafiz M.</b></td>
</tr>
</table>
<p>Belajar web medan dibangun atas ketertarikan kami terhadap pemrograman komputer. Dari sekian banyak bahasa pemrograman, kami memilih pemrograman web. Berlatar belakang bidang pendidikan komputer maupun bidang lain. Dan hobi yang terbentuk karena pengalaman. Baik tugas kuliah maupun proyek aplikasi yang kami buat. Menjadi motivasi kami untuk berbagi pengalaman. Ketertarikan kami pada seni algoritma menjadi sebuah kebanggaan untuk kami bagikan kepada semua yang ingin belajar pemrogrman web. Bagi seorang mahasiswa jurusan komputer. Kemampuan membuat program wajib dimiliki untuk menyelesaikan tugas akhir. <b>Akhir kata, mari semangat belajar web.</b>.

<br>


<h2>Kode Pemrograman Web</h2>
<p>Beberapa kode yang akan kita pelajari dalam pemrograman web diantaranya adalah :</p>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
<li>Query</li>
</ol>

<p>Butuh motivasi yang baik dalam belajar pemrograman web maupun belajar apa pun. Salah satu faktor adanya motivasi kita dalam belajar web adalah tujuan kita belajar pemrograman web. Berikut ini beberapa tujuan yang dapat kita jadikan motivasi: </p>

<ul>
<li>Pekerjaan (programmer)</li>
<li>Lulus Kuliah</li>
<li>Menambah Keahlian</li>
<li>Hobi</li>
</ul>

<h2>Spesifikasi Komputer dan Aplikasi</h2>
<p>Untuk belajar pemrograman web. Tidak perlu spesifikasi komputer atau laptop yang terlalu tinggi. Dengan spesifikasi standar, kita sudah bisa membuat aplikasi berbasis web. Hal tersebut menjadi salah satu latar belakang kami memilih pemrograman web.</p>

<table border="1" cellpadding="2" cellspacing="0">
<thead>
<th>Processor</th>
<th>Storage</th>
<th>Ram</th>
<th>Sistem Operasi</th>
<th>Web Browser</th>
<th>Editor</th>
<th>Server</th>
</thead>
<tbody>
<td>Intel Core i3</td>
<td>Hard disk (SSD) 500GB</td>
<td>Ram 4GB</td>
<td>Windows 7, 10</td>
<td>Google Chrome Terbaru</td>
<td>Sublime Text Terbaru</td>
<td>Xampp Terbaru</td>
</tbody>
</table>

<h2>Penutup</h2>
<p>Belajar pemrograman itu mudah, asik, dan menarik. Beberapa tahun yang tidak fokus. Seperti angin lalu. Beberapa hari penuh kesenangan, kesungguhan jauh lebih berproses. Walaupun satu langkah setiap minggu nya.<b> Ayo Belajar Pemrograman Web setiap akhir pekan.</b></p>
</div>

</body>
</html>

Kode html di atas sudah mengandung tag-tag dasar yang kami kemukakan sebelumnya. Memang jika kita adalah seorang admin pengelola konten web. Kita tidak perlu mengetahui kode html. Karena ada editor javascript yang mengaturnya. Namun sebagai pengembang kita perlu mengetahuinya.

Beberapa pengaturan tampilan menggunakan css kami gunakan untuk mengatur ukuran, warna dari layout halaman artikel.




5. Penutup

Keberhasilan kita membuat artikel adalah modal kita membuat tampilan halaman aplikasi atau sistem informasi berbasis web. Selanjtunya kita akan belajar mengenai layout.





Popular posts from this blog

Cara membuat Link ke Halaman lain dan Link ke bagian Halaman

Cara Membuat Kalkulator Dengan Java Script

Cara Menggunakan Template Admin LTE Sebagai Template Web Dinamis