CARA MEMBUAT WEB SEDERHANA DENGAN NOTEPAD Hendra Harmawan

CARA MEMBUAT WEB SEDERHANA DENGAN NOTEPAD Hendra Harmawan [email protected]

Abstrak Kata "website" mungkin sudah tidak asing lagi bagi kita para pengguna Internet. Website atau sering juga disingkat dengan sebutan Web adalah sebuah halaman yang berisi informasi yang dapat diakses melalui jaringan Internet di seluruh dunia. Jika anda belum pernah membuat halaman web sederhana, sangat disarankan untuk latihan membuat halaman web secara sederhana di artikel ” CARA MEMBUAT HALAMAN WEB SEDERHANA ” dalam artikel ini juga dijelaskan secara mendetail tentang apa saja alat yang digunakan dalam membuat web. Membuat halaman website sebenarnya sangat mudah. Bahkan Anda hanya perlu Notepad. Saya ingin mengajak Anda mengenal HTML dengan memulai dari yang sederhana. Berikut cara mudah membuat halaman web hanya dengan Notepad.

Kata Kunci: Cara Membuat Web Sederhana, Cara Membuat Web Dengan Notepad, Cara Membuat Web, Cara Bikin Web Dengan Notepad, Cara Bikin Web Sederhana, Cara Bikin Web.

Pendahuluan Design web merupakan mata kuliah yang penting bagi mahasiswa Teknologi Informatika. Apalagi design web ini erat kaitannya dengan kode-kode dan tentunya hal ini tidak terlepas dari yang namanya praktikum, betul? Dalam hal ini belajar teori saja tentu tidak cukup karena bukan hanya bercerita presentasi melainkan di butuhkan ilmu yang mampu membangun sebuah website dengan tangan sendiri tanpa membayar orang lain, baik dalam membuat tugas atau pun tertarik untuk memiliki bisnis website. Maka Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

dari itu membutuhkan skill dan banyak mencari tahu seputar design web dan masih banyak lagi manfaat HTML Sekilas Tentang HTML Hyper Text Markup Language (HTML) adalah bahasa markup/formatting dari desain web. Bukan untuk membuat penampilan yang sesuai dengan desain. Jadi sebaiknya jangan dulu memikirkan bagaimana agar markup HTML yang kita buat sesuai dengan desain, karena ini adalah tugas CSS untuk membuat markup HTML menjadi sesuai dengan desain website. Sekilas Tentang CSS Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML. Tahap selanjutnya pahami elemen pada website. Setiap kali kita jumpai bermacam-macam website, pasti pada website tersebut terdapat elemen layout yang hampir setiap halaman website mempunyai layout yang berbeda-beda. Semua website memiliki gaya yang unik dalam mengatur layoutnya masing-masing.

Pembahasan Seiring meningkatnya pengguna Internet, semakin banyak juga orang yang membuat situs websitenya sendiri. Nah, sebenarnya untuk membangun sebuah halaman web itu dapat dilakukan dengan menggunakan aplikasi notepad ataupun notepad++ yang

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

berbasis pada tag HTML (HyperText Markup Language). Tag HTML inilah yang dapat merancang tampilan halaman web itu sendiri. Lalu, apa sajakah elemen-elemen dasar HTML yang digunakan untuk membuat sebuah web.

Baiklah, disini saya akan memberikan langkah awal/dasar dalam membuat contoh html sederhana menggunakan Notepad.

1. Langkah pertama, anda buka notepad++, jika belum terinstall, maka ada baiknya untuk install dulu. 2. Pastikan sudah terinstall, kemudian bersiaplah dengan langkah awal, yaitu ketikkan :

BIODATA Keterangan :        

= berfungsi untuk membuka halaman pertama dari website = sebagai penutup dari html yang telah di buka pada awal baris. = sebagai kepala = sebagai penutup. = berfungsi sebagai judul “terserah anda mau membuat judul apa, disini saya membuat Biodata”. = Sebagai penutup dari judul = berfungsi sebagai isi dari sebuah website, disini lah anda dapat berkarya nak mau buat apa terserah anda. = sebagai penutup pada bagian isi.Setelah anda memahami hal yang paling dasar dari kode html, sekarang anda bisa langsung copy script di bawah ini untuk membuktikan dapat di eksekusi atau tidak.

3. Setelah anda memahami hal yang paling dasar dari kode html, sekarang anda bisa langsung copy script di bawah ini untuk membuktikan dapat di eksekusi atau tidak. Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Biodata Aku
Nama : Hendra Harmawan

Alamat : Dasana Indah, Kelapa Dua. Tangerang

Tanggal Lahir : Bireuen, 11 Oktober 1990

Tempat Tinggal : Tangerang

Pendidikan : STMIK Raharja

Hobbi : Futsal of internet , Renang , dan nonton

Mimpi : Blogger dan manager IT

Jika sudah, simpan itu di folder Anda dengan pilihan: File Name : hendra.html. Save as type: All files.


Maka tampilannya akan seperti ini. Lihat Gambar di bawah.

Untuk menuliskan paragraf-paragraf Anda, awali selalu dengan tag
dan tutup dengan
. Jika Anda ingin meng-editnya, cukup klik kanan pada file html Anda, point to open with, pilih NotePad. Sebagai bahan untuk belajar buat Anda, masih pada halaman ini, silahkan ketik CTRL + U - jika Anda menggunakan Mozila FireFox, atau pilih menu View kemudian Source - jika Anda menggunakan IE.

Penutup Sekian pembahasan mengenai bagaimana cara membuat web dengan notepad, semoga tulisan saya mengenai cara membuat web sederhana dengan notepad dapat bermanfaat. Proses penerjemahan desain menjadi baris-baris kode HTML memang tahap yang termasuk mudah, kita tinggal membagi-bagi desain dan memberinya id atau class. Penamaan id dan class sendiri disesuaikan dengan bagian-bagian tersebut. Dan yang perlu saya ingatkan kembali bahwa HTML hanyalah berfungsi sebagai markup, atau Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

formating jadi ketika membuka hasil dari HTML nya saja tanpa CSS pada web browser, yang ditampilkan hanyalah teks standar saja. Dengan CSS kita dapat mengatur desain sebuah website.

Referensi https://www.facebook.com/permalink.php?story_fbid=255144564539658&id=2497724 01743541 http://www.nyekrip.com/cara-membuat-website-sederhana-dengan-html-5/ http://www.kamu-info.web.id/2015/04/cara-membuat-website-sederhana.html http://www.cuthawe.com/2016/05/contoh-html-sederhana-menggunakan.html http://tutorial-blogz.blogspot.co.id/2016/09/cara-membuat-desain-website-berbasishtml-dengan-notepad.html

Biografi Nama saya Hendra Harmawan, saya lahir di Demak 11 Oktober 1990. Saya anak kedua dari tiga bersaudara. Sekarang saya bekerja di GMF AEROASIA sebagai Teknisi Pesawat dan saya sudah bekerja selama ± 4 tahun. Saya juga memiliki hobi bermain futsal dan mendengarkan musik. Saya juga sedang kuliah di Perguruan Tinggi Raharja semester akhir, semoga menjelang skripsi saya lancar, Amin. Segitu aja data diri saya ya, hehehee. Kurang lebihnya bisa hubungi saya di bawah ini. Terimakasih

Email

: [email protected]


CARA MEMBUAT WEB SEDERHANA DENGAN NOTEPAD Hendra Harmawan

Recommend Documents