Cara/Tutorial dasar membuat website

Cara/Tutorial dasar membuat website

Jika ingin cepat bisa membuat web dengan singkat maka anda bisa menggunakan CMS seperti wordpress, Jomla dll,bisa lihat tutorialnya disini.



 Akan tetapi penulis disini akan membuat tutorial membuat website sendiri mulai dari dasar, kenapa harus dasar, karena cms juga di buat dari code-code yang nantinya dipelajari seperti yang akan penulis bahas kali ini. Ada bebarapa hal bahasa yang harus dipelajari dalam pembuatan web contohnya seperti HTML, PHP, Javascrip, dll, penulis disini akan membahas yang pertama yang sering digunakan bagian front endnya atau tampilan desainya yaitu menggunakan HTML, tidak usah berlama-lama Langsung saja buka sublime Textnya, dreamweaver atau Nodepad ++ atau editor untuk membuat web lainya, kemudian buka juga browsernya.

1. Buka Sublime Text


Setelah Terbuka seperti pada gambar diatas, maka langsung adj nanti kita membuat kode kodenya di lembar kerja di atas, selanjutnya kita simpan atau CTRL + S nama project awal kita dengan extensi html, beri nama index.html,jangan lupa lokasi penyimpananya, untuk lebih jelasnya  lihat gambar dibawa ini :

Setelah di simpan baru kita mengerjakan project kita, pada project kali ini kita akan menampilkan hello word, langung saja ketikan seperti gambr dibawai ini :


Penjelasan : 
  • <html> ini adalah tag html yang harus ada jika kita ingin membuat html.
  • <head> artinya kepala, jadi ini adalah untuk membuat header bagian atas pada halaman web isinya bisa javascript atau lainya.
  • <title>  disini akan menampilkan di tab pada browser
  • <body> disini kita mengetikan perintah project yang akan kita buat
  • <h1> artinya ukuran font yang udah di tentukan oleh html itu sendiri
Penulisan tag html harus ditutup dengan tag contoh : <body> harus ditutup </body>

Setelah selesai seperti diatas baru kita penyimpanan file tadi yang berubah menjadi gambar browser setelah itu dowble klik,


Setelah itu di runing/ dijalankan hasilnya akan seperti :

yang head akan muncul pada warna kuning, dan yang body akan muncul pada Hello Word
Sekian tutorial kali ini untuk tutorial selanjutnya silahkan klik Tutorialselanjutnya





Read More

Comments

3-comments

FOLLOW ME

LATEST

3-latest-65px

Featured Post

© . All rights reserved.

Archive

Latest video-course

1-tag:Videos-800px-video

Campus

4-tag:Campus-500px-mosaic

About

This just a demo text widget, you can use it to create an about text, for example.

Testimonials

3-tag:Testimonials-250px-testimonial

Header Background

Header Background
Header Background Image. Ideal width 1600px with.

Popular Posts

Logo

Logo
Logo Image. Ideal width 300px.

Section Background

Section Background
Background image. Ideal width 1600px with.

Section Background

Section Background
Background image. Ideal width 1600px with.

Sections-BTLabels

Ads block

Banner 728x90px

Courses

6-latest-350px-course

Section Background

Section Background

Search This Blog

Widget HTML Atas

SECCIONS

Widget HTML Produk

Widget HTML Jasa

Advertisement

Main Ad

Categories

10 permasalahan 59 62 63 64 79 Tahun 2014 administrator adobeprimer aktivasi windows 10 android studio aplikasi aplikasi idm aplikasi klinik aplikasi raport K13 ar augmented reality aulogisbootspeed banner basic belajar Belajar Logika Informatika Bingkai PSHT Bingkai bingkai Sertifikat blender blog penjualan blogger jualan bobol wifi C++ Canon IP2770 cara bobol wifi cara buat blog cara buatweb cara install cms cara install wordpress cara membuat blog penjualan cara mengguanakan vpn cek pc cek produk key pc cek serial number pc CI ci4 class cms cms wordpress codeigniter contoh mehtod crack crud CI4 dapodik dapodik terjadi kesalahan dasar data daun sirih desaign desain medali desain sertifkat devc dowload software download download vpn erorr 500 file firewall formulir formulir penilaian p[ertandingan pencak silat formulir pertandingan free freebish function gratis hack wifi hacker wifi hacking handler herbal hms hms kit http 500 huwawei idm idm terbaru instalasi install worpress internet download manager ioncubeloader ip address jam jaringan javascript json kesahatan kodeigniter kodinglangka komputer komputer lemot kotlin Kumpuran Permendikbud No. 61 logo make address manampilkan gambar di wa manfaat daun sirih mars psht marspsht masalah pc medali membuat blog jualan membuat web membuat website mencegah seraangan hacjer mengatasi dapodik bermasalah mengatasi masalah ci mengatasi masalah pc menggunakan vpn menghitung selisih waktu mikrotik motivasi mysql mysql tidak runnig di xampp Native network networking node nodejs obat herbal obyek oop pekerjaan peluang pencak silat pendidikan pengertian cms penjualan pergaulan Permasalahan Komputer pertandingan pesilat.png Photoshop php php native php oop piagam png print printer Printer IP2770 property psht PSHT Cup Bandar Lampung psht jaya raport K13 raport SD K13 Rekam medis rekammedis selisih jam php seo sertifikat sertifikat psht sh cup sharing sharing printer sharingdata sharingfile sirih hijau sirih merah software software bandicam software terbaru software vidio sofware idm source code source code raport K13 sourcecode SQL system telnet turbo vpn tutorial tutorial dasar web tutorial oop tutorial php tutorial sql tutorial web tutorialjaringan ukuran idcard unity update bagan video vpn vuvoria web web dasar web simple website widows10 wifi hack wifi telnet windows windows defender windows8 wordpress worpress xampp

SEARCH

FOLLOW US

Popular

SEARCH