Membuat website sederhana dengan framework

Membuat website sederhana dengan framework

Framework adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu. Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi, ada banyak macam framework seperti laravel bootstrap, codeigniter dll,
tapi di tutorial ini kita akan mengunakan bootstrap.
kalau belum mengerti cara pengunaan bootstrap framework silahkan baca artikel sebelumnya yang membahas tentang cara instal dan pengunaan bootstrap.

sebelum kita membuat website sederhana dengan framework sebaiknya kita persiapkan aplikasi-aplikasi yang akan kitagunakan
1. bootstrap sebagai framework
2. apache dan MySql sebagi web server dan databese server, di sini saya mengunakan XAMPP yang sudah merangkum apache dan mysql
3. notped++ sebagi editor
nb. untuk editor dan webserver bisa gunakan aplikasi lainnya yang tersedia.

sekarang kita mulai tutorialnya.
pertama buat sebuah folder di dalam file htdocs dgn cara :
buka localdisk C>xampp>htdocs dan buat folder baru dengan nama webpertama.

setelah itu buat folder asset di dalam folder webpertama dan copy paste folder bootstrap yang sudah lengkap di dalamnya dimana terdapat folder css,fonts,img, dan js

setelah itu kembali ke dalam folder webpertama dan buat file dengan nama index.php di text editor, dan tuliskan coding berikut

dan kemudian buka browser dengan mengketikan localhost/webpertama dan masuk 
akan tampil seperti berikut 

fungsi coding  adalah berisikan perintah utk membuat judul website di atas dan membuat judul besar web yang bertulikan web pertama dan juga membuat tombol2 seperti homo profile dan login tapi tombol2 tersebut belum berfungsi.

selanjuynya kita akan membuat isi konten karna kita buat judul barnya adalah premier league makan kita akan membuat konten seputar club club liga inggris

disini saya hanya akan membahas 3 club seputar sejarah club dll,

silahkan tuliskan coding berikut

buka kembali browser andan dan buka kembali localhost/webpertama maka tamilannya akan seperti berikut

untuk memangil logo2 tersebut silahkan save logo2 yang ingin di gunakan di dalam folder img yang ada dlm folder asset,

fungsi coding untuk mamasukan logo, membuat content dan membuat sub judul menjadi tombol yang mana ini juga belum difungsikan.

sekian tutorial membuat website sederhana dgn framework 

terimakasih