Setelah sebelumnya telah mempelajari tentang apa itu elemen dalam layout html, jika belum silakan kunjungi artikelElemen Dalam Layout Halaman Web mari kita memulai praktek cara membuat halaman web sederhana di komputer kita.
Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat membuat web sangat mudah ditemui di internet dan rata-rata program tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan 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.
yang pertama, buka program notepad dari komputer anda dengan cara:
Mengeklik tombol windows
Setelah itu klik tulisan All Program
Maka akan muncul berbagai folder dan pilih folder yang bernama Accessories
Klik folder Accessories, setelah muncul berbagai program dalam folder tersebut, klik program notepad.
Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini.
cara membuka halaman notepad- Ridho Web
Pada gambar diatas terdapat dua blok, blok pertama yang bewarna hijau adalah tempat tombol Windows, dan yang kedua blok yang bewarna merah muda adalah tempat program Notepad.
Setelah program Notepad terbuka, silahkan ketikkan skrip dibawah ini atau jika ingin cepat anda bisa langsung mengkopi dan mempaste di notepad anda.
Skrip HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
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. Untuk lebih jelas silahkan lihat gambar dibawah ini.
cara save file di notepad – nyekrip
Pada gambar diatas terdapat area yang diblok dengan warna hijau, diarea tersebut terdapat tulisan save, dengan mengeklik tulisan ini maka akan muncul halaman Save seperti gambar dibawah ini:
cara save file di notepad 2 –Ridho Web
Perhatikan gambar diatas, terdapat dua area yang diblok. Pada area yang diblok dengan warna hijau adalah tempat untuk memberi nama file dan pastikan nama file berakhiran .html. sedangkan area yang diblok bewarna merah muda adalah dropdown untuk memilih jenis file yang akan disimpan, pastikan pilihan berisi All files.
Setelah file html terbentuk dan tersimpan (dalam tutorial ini file disimpan dalam folder yang bernama ” new folder “) 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:
ELEMEN DALAM LAYOUT HALAMAN WEB head body Nyekrip
Pada gambar diatas terdapat dua area yang diblok, yang diblok dengan warna hijau adalah letak tulisan yang di ketik dalam Tag Title sedangkan yang bewarna merah muda adalah letak tulisan yang diketik didalam Tag Body.
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, untuk pembahasan lebih lanjut tentang layout akan dibahas dalam kategori belajar CSS pada kesempatan berikutnya.
Dalam tutorial ini hanya melibatkan skrip HTML, jika anda ingin membuat website sederhana yang melibatkan skrip CSS, anda bisa mengunjungi artikel ” Cara Membuat Website Sederhana dengan HTML 5 “.
Pengertian website dan jenisnya – Website adalah sering juga disebut Web, dapat diartikan suatu kumpulan-kumpulan halaman yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat statis maupun yang dinamis, yang dimana membentuk satu rangkaian bangunan yang saling berkaitan dimana masing-masing dihubungkan dengan jaringan halaman atau hyperlink.
Atau definisi website adalah kumpulan dari berbagai macam halaman situs, yang terangkum didalam sebuah domain atau juga subdomain, yang lebih tempatnya berada di dalam WWW (World Wide Web) yang tentunya terdapat di dalam Internet. Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper Text Markup Language (HTML), yang bisa diakses melalui HTTP, HTTP adalah suatu protokol yang menyampaikan berbagai informasi dari server website untuk ditampilkan kepada para user atau pemakai melalui web browser.
Jenis atau macam-macam website
Jenis-jenis website ada 3 (tiga) macam diantaranya, bisa dibaca dibawah ini:
Website Statis adalah suatu website yang mempunyai halaman yang tidak berubah. Yang artinya adalah untuk melakukan sebah perubahan pada suatu halaman hanya bisa dilakukan secara manual yitu dengan cara mengedit kode-kode yang menjadi struktur dari website itu sendiri.
Website Dinamis adalah merupakan suatu website yang secara strukturnya diperuntukan untuk update sesering mungkin. Biasanya selain dimana utamanya yang bisa diakses oleh para pengguna (user) pada umumnya, juga telah disediakan halaman backend yaitu untuk mengedit kontent dari website tersebut. Contoh dari website dinamis seperti web berita yang didalamnya terdapat fasilitas berita, dsb.
Website Interaktif adalah suatu website yang memang pada saat ini memang terkenal. Contohnya website interaktif seperti forum dan blog. Di website ini para pengguna bisa berinteraksi dan juga beradu argument mengenai apa yang menjadi pemikiran mereka.
Apakah itu website?
Inilah manfaat website
Manfaat dari website biasanya sebagaian orang memiliki suatu alasan untuk membuat web itu sendiri, diantaranya:
Memperluas jangkauan promosisesuatu, dengan memiliki website maka produk kita lebih bisa dikenal oleh masyarakat khususnya pengguna internet.
Bisa menjadi media tanpa batas, sebab internet adalah media informasi yang tanpa batas. Dengan memiliki website kita berarti sama saja memiliki banayk karyawan yang mempromosikan produk kita selama 24 jam. Yang artinya diman website kita akan memberikan suatu informasi kepada calon konsumen selama 24 jam.
Promosi yang luas, internet adalah suatu media promosi terluas di dunia jika dilihat dari jangkauan area.
Media pengenalan perusahaan, Jika kita memeliki suatu perusahaan akan lebih mudah kita mengenalkan perusahaan lewat website, kerana jangkauannya internet yang luas dan pemakainya yang banyak, sehingga perusahaan kita akan dikenaloleh masyarakat banyak sehingga dapat mendatangkan calon konsumen dengan cara promosi produk lewat website.
Dan lain-lain.
Macam-macam domain website
Domain website, contohnya bisa di baca di bawah ini:
.co.id : Biasanya digunakan untuk badan usaha yang memiliki badan hukum sah.
.go.id : Khusus digunakan untuk Lembaga Pemerintahan RI.
.ac.id : Dipakai untuk Lembaga Pendidikan.
.or.id: Dipakai untuk segala macam organisasi yang tidak termasuk kedalam kategori ”co.id”,”go.id”,”mil.id”, “ac.id” dan sebagainya.
.war.net.id : Dipaki untuk industri warung internet (warnet) yang ada di Indonesia
.sch.id: Dipakai khusus untuk Lembaga Pendidikan SD, SMP dan SMU atau SMK
.web.id: Biasanya digunakan untuk organisasi, badan usaha, ataupun perseorangan yang melakukan kegiatannya di WWW.
Itulah secara singkat mengenai pengertian website, semoga dapat bermanfaat dalam menambah ilmu pengetahuan.
