Logo
images

Tips dan Trik Membuat webDesign Sederhana dengan html

Apa Itu Website ?
 
Web Site Disebut juga site, situs, situs web, atau portal. Secara makna sebuah website adalah sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet tanpa terbatas ruang dan waktu.

Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dikunjungi oleh orang lain. 

 

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- nyekrip

 

cara membuka halaman notepad- nyekrip

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.

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

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 - nyekrip

cara save file di notepad 2 – nyekrip

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

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.

 

Sumber :  http://www.nyekrip.com


TAG

Dipost Oleh Super Administrator

No matter how exciting or significant a person's life is, a poorly written biography will make it seem like a snore. On the other hand, a good biographer can draw insight from an ordinary life-because they recognize that even the most exciting life is an ordinary life! After all, a biography isn't supposed to be a collection of facts assembled in chronological order; it's the biographer's interpretation of how that life was different and important.

Tinggalkan Komentar