Tutorial cara membuat halaman web dengan menggunakan HTML 5,CSS 3 dan Bootstrap

Tutorial cara penggunaan HTML 5,CSS 3 dan Bootstrap dengan menggunakan Notepad++

1.HTML 5

berikut pengertian dari HTML 5,fungsi dan tutorial cara menggunakan HTML 5 dengan menggunakan Notepad++

Pengertian HTML 5

HTML 5 adalah sebuah bahasa pemograman yang digunakan untuk menampilkan isi dari World Wide Web (WWW) yang bertujuan untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru.

Fungsi HTML 5

fungsi dari HTML 5 yaitu :

a.membuat sebuah halaman web dan halam web tertentu

b.menampilkan sebuah informasi dari sebuah halaman bowser

c.mengurangi kebutuhan untuk plugin eksternal (Flash)

d.penannganan kesalahan yang lebih baik

Berikut tutorial cara menggunakan HTML 5 dengan menggunakan Notepad++

A.pertama bukalah aplikasi Notepad++ yang telah di extrack seperti gambar berikut

B.jalankan aplikasi Notepad++ yang telah di extrack untuk memulai kerja HTML 5

C.mulailah mengerjakan HTML 5 dengan menggunakan Notepad++ seperti gambar di bawah ini : 

D.dan hasil dari Notepad++ tersebut disimpan dengan format html (HTML 5.html)

E.berikut merupakan hasil dari tutorial HTML 5 yang dibuka melalui Mozila Firefox

2.CSS 3

berikut pengertian dari CSS 3,fungsi dan tutorial cara menggunakan CSS 3 dengan menggunakan Notepad++

Pengertian CSS 3

CSS 3 merupakan kumpulan kode yang berurutan dan saling berhubungan untuk mengatur format atau tampilan tata letak sebuah halaman web yang bersifat menempel atau melekat pada tag HTML.

Fungsi CSS 3

a.untuk mengatur dan memperindah tampilan web

b.lebih praktis dan menghemat penggunaan tag yang berulang-ulang

Berikut tutorial cara menggunakan CSS 3 dengan menggunakan Notepad++

A.pertama bukalah aplikasi Notepad++ yang telah di extrack seperti gambar berikut

B.jalankan aplikasi Notepad++ yang telah di extrack untuk memulai kerja CSS 3

C.mulailah mengerjakan CSS 3 dengan menggunakan Notepad++ seperti gambar di bawah ini : 

D.dan hasil dari Notepad++ tersebut disimpan dengan format html (CSS 3.html)

E.berikut merupakan hasil dari tutorial HTML 5 yang dibuka melalui Mozila Firefox

3.Bootstrap

berikut pengertian dari Bootstrap,Kelebihan dan tutorial cara menggunakan Bootstrap dengan menggunakan Notepad++

Pengertian Bootstrap

Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan pada halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website.

Kelebihan Bootstrap

a.teknologi CSS yang sederhana dan mudah digunakan

b.dibangun dengan menggunakan less

c.dapat dengan mudah mengakses dan menemukan informasi serta fungsi warna,variabel dan operasi penggunaan.

berikut tutorial cara penggunaan Bootstrap dengan menggunakan Notepad++

A.pertama bukalah aplikasi Notepad++ yang telah di extrack seperti gambar berikut

B.jalankan aplikasi Notepad++ yang telah di extrack untuk memulai kerja Bootstrap

C.mulailah mengerjakan Bootstrap dengan menggunakan Notepad++ seperti gambar di bawah ini : 

D.dan hasil dari Notepad++ tersebut disimpan dengan format html (Bootstrap.html)

E.hasil tersebut harus disimpan di dalam folder Bootstrap yang telah di extrack seperti gambar berikut :

F.berikut merupakan hasil dari tutorial Bootstrap yang dibuka melalui Mozila Firefox :

Sumber Referensi

1.Sumber Referensi HTML 5 

http://www.teknologi-informasi.net/2014/01/pengertianpenjelasankelebihandan-tujuan.html

2.Sumber Referensi CSS 3

http://www.jeanotnahasan.com/2012/02/mengenal-pengertian-dan-perkembangan.html

3.Sumber Referensi Bootstrap

http://www.gee.web.id/2013/10/bootstrap-itu-apa-sih.html

http://dimasaresuki.blogspot.com/2014/06/pengertian-twitter-bootstrap-fungsi.html

Nama  : M.Riyan Kurniawan A.

NPM   : 1306470994

Kelas : MID B 2013