Assalamu'alaikum teman-teman, disini saya akan membuat tutorial halaman web sederhana di kompter kita. Dalam tutorial kali ini perangkat yg digunakan antara lain :
- Notepad, atau anda bisa mencoba notepad ++ yang mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad bawaan windows.
- Browser sebagai program penampil halaman web. Jika anda pengguna windows, biasanya browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa menggunakan browser dari google, yaitu Chrome atau pun mozila firefox
yang pertama, buka program notepad dari komputer anda dengan
cara:
- Buka aplikasi notepad pada kamputer teman-teman. seperti gambar berikut.
Setelah program Notepad terbuka, silahkan ketikkan skrip/coding dibawah ini atau jika ingin cepat anda bisa langsung mengcopy dan mempaste di
notepad teman-teman.
Coding HTML.
Coding HTML.
<html>
<head>
<title>
Ini Adalah Title
</title>
</head>
<body>
<h1>Ini adalah Main Heading</h1>
<p>Isi dari Main Heading, bisa berupa kata pembuka atau
penjelas dari Main Heading, jika penjelasan terlalu panjang maka
akan di bagi menjadi beberapa Sub-Heading.<p>
<h2>Ini Adalah Sub-Heading</h2>
<p>Kebanyakan artikel yang panjang memiliki sub-headings untuk
membantu Anda mengikuti struktur apa yang sedang ditulis.
Bahkan mungkin sub-sub-headings
(atau tingkat yang lebih rendah Dari headings).
</p>
<h2> Sub-Heading Tambahan</h2>
<p>Disini anda dapat melihat sub-heading tambahan.</p>
</body>
</html>
Setelah anda mengetik skrip diatas silahkan anda save dengan
cara klik file dan save, ketika muncul halaman save ketikkan nama file ”
index.html ” atau terserah anda, yang terpenting adalah nama file diakhiri .html
Setelah itu lihat kolom dibawah file name, disitu terdapat
kolom Save as Type dan pilih All Files. Langkah selanjutnya tinggal klik tombol
Save. Seperti gambar berikut.
Pada gambar diatas terdapat tulisan save, dengan mengeklik tulisan tersebt maka
akan muncul halaman Save seperti gambar dibawah ini:
Perhatikan gambar diatas, terdapat dua pilihan. pastikan pilihan berisi All files.
Setelah file html terbentuk dan tersimpan, maka buka file
tersebut dengan cara mengeklik dua kali, setelah itu akan ada browser yang
menampilkan halaman web yang telah kita buat. Halaman web tersebut akan
terlihat seperti gambar dibawah ini:
Tutorial diatas adalah cara bagaimana membuat halaman web
yang sederhana, belum menyentuh kearah pengaturan layout. Pengaturan layout
akan melibatkan banyak elemen dan tentunya skrip CSS akan berperan penuh. Thank's buat teman-teman yg telah membaca.
0 comments:
Post a Comment