www.TIFKOM.net

Blog Komputer - Blog tentang tips, informasi dan panduan tentang belajar komputer, website, programming, desain grafis, database, jaringan, software dan SEO yang terlengkap dan terbaru.

Cara Membuat Halaman Web





cara membuat halaman web
Selamat pagi, apa kabar semua? Minggu lalu sudah kita pelajari Mengenal Dasar - Dasar HTML. Sekarang saya akan membagikan artikel terbaru, bagaimana cara membuat sebuah halaman web. Nah, bakalan menarik nih pembahasannya. Kita akan membuat sebuah halaman web dengan HTML. Pada artikel kali ini kita akan mempelajari yang sederhana dulu. Langsung saja disimak berikut ini.
Sebelum membuat halaman web dengan HTML ada beberapa langkah yang harus kita persiapkan terlebih dahulu yaitu:
1. Software Editor
Pada software inilah kita akan menuliskan tag - tag HTML untuk membangun sebuah website. Editor yang bisa kita pakai namanya adalah Notepad, Notepad++ atau Dreamweaver. Nah, mengapa harus ada banyak, jadi menurut saya ketiga software ini berbeda - beda. Saya jelaskan satu - satu ya:
a. Notepad
Notepad adalah software editor yang sangat sederhana dengan tampilan yang sangat sederhana dan sangat manual untuk digunakan. Interfacenya pun kurang menarik jika kita membuat halaman HTML dari Notepad. Notepad akan terinstal otomatis jika kita menggunakan sistem operasi Windows.
b. Notepad++
Notepad++ sudah mendukung banyak ekstensi file teks, dan saya sarankan untuk teman - teman yang taraf untuk belajar pemrograman internet menggunakan ini. Dengan notepad++ kita dapat mengedit syntak HTML dengan mudah karena tag - tag yang ada akan dibedakan warna - warnanya. Sehingga kita dapat mengenali mana yang mau diedit. Software ini bisa didownload dari Internet dengan ukuran yang kecil.
c. Adobe Dreamweaver 
Software ini menjadi editor yang sangat kompleks karena sudah mendukung penulisan dari beberapa bahasa pembuatan website, dimulai dari pembuatan HTML, CSS, PHP, JavaScript, JQuery dan sebagainya. Sehingga kita lebih mudah dalam mengerjakan website karena waktu pengerjaan software ini akan mensupport banyak tag - tag yang akan kita gunakan. Contoh jika membuat HTML, maka waktu pembuatan halaman baru langsung otomatis tag html, header, body, sudah ditampilkan secara otomatis. Software ini sangat baik digunakan untuk orang - orang yang profesional agar dapat membuat halaman web dengan cepat. Saya sarankan teman - teman yang sedang belajar untuk jangan langsung menggunakan software ini, karena akan membuat kita tidak mengingat tag - tag yang kita buat karena sudah langsung dilengkapi.

2. Browser
Pastinya sudah tahu kan apa itu Browser? Browser adalah software untuk melakukan pengaksesan internet. Saya yakin semua sudah memiliki browser di komputer atau laptop masing masing. Ada banyak browser yang kita kenal, yang paling populer itu ada Google Chrome, Mozila Firefox, Opera, Internet Explorer. Pada browser inilah halaman HTML yang kita buat akan kita run sehingga kita bisa melihat tampilan aslinya dan tampilan inilah yang disebut halaman web. Jadi syntak yang kita kerjakan di editor tadi disebut halaman HTML. 
Saya sarankan gunakanlah Chrome karena browser inilah yang mendukung semua komponen - komponen yang ada pada HTML.

Setelah software - software tadi sudah terinstal di komputer kita lakukanlah langkah berikut:
a. Bukalah Notepad++
b. Dari menu file pilih New atau Ctrl+N pada keyboard
c. Ketik syntak berikut ini
<html>
<head>
<title>MembuatHalamanHTML
        </title>
</head>
<body>
<font face="Monotype Corsiva" color="#ff0066"><h1>Hello, Selamat datang di Tips dan Info           Komputer </h1></font>
</body>
</html>

d. Simpan halaman html ini dengan nama sesuai keinginan pada folder yang diinginkan. Jangan lupa untuk menyimpan dengan format .html.
e. Sejauh ini sebuah halaman web yang sangat sederhana sudah selesai dibuat.
f. Untuk menampilkannya pada Browser, pada main menu di notepad klik Run kemudian pilih Launch In Chrome. Tunggu beberapa saat maka muncul halaman web seperti gambar berikut ini.
                               cara membuat halaman html

Demikianlah cara membuat halaman web. Pastinya sudah tahukan komponen - komponen yang ada pada syntak dilangkah C tadi?
Kalau belum silahkan baca di sini: Mengenal Dasar - Dasar HTML

  • <html>...</html>, <head>...</head>, <body>...</body>, <font>...</font, <h1>...</h1> merupakan Pairs Tag
  • Membuat Halaman HTML, Selamat datang di Tips dan Info Komputer merupakan elemen
  • face, color merupakan atribut
  • Monotype Corsiva, #ff0066 merupakan nilai dari atribut
Nah, sekarang sudah tahu kan bagaimana cara membuat sebuah halaman web dengan HTML, ternyata mudah ya. Demikian artikel kali ini sampai di sini dulu ya? Nantikan artikel berikut yang tidak kalah menarik. Terimakasih telah berkunjung, silahkan tinggalkan komentar Anda, dan silahkan berkunjung kembali. 







Tag : HTML, website
0 Komentar untuk "Cara Membuat Halaman Web"

Terimakasih sudah membaca blog saya, silahkan tinggalkan komentar yang membangun, pertanyaan yang sopan dan sesuai topik. No spam (link aktif pasti dihapus).

Back To Top