Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB - DP BBM 23

Breaking

Post Top Ad

Post Top Ad

Friday, July 14, 2017

Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB

DP BBM 23 adalah sebuah blog gratis, yang menyajikan seputar kata - kata, DP BBM, AdSense, Blogger, Tutorial, Windows 10, ISO, Theme Wind0ws 10, etc! dan sobat saat ini sedang membuka halaman Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB, jika suka jangn sungkan untuk klik, like, share dan subcribe ya gaes!

Loading...

Baca Juga



DP BBM 23 - Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB - selamat siang dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya .. setelah tadi malam membahas dan berbagi beberapa buah gambar TOP 71 Gambar DP BBM Hantu Menyeramkan 13 Juli 2017, Penakut Jangan Lihat !!! di kesempatan siang ini akan sedikit admin bahas mengenai perbedaan dan fungsi HTML, CSS, PHP, JavaScript dan jQuery untuk pengembangan desain sebuah blog or web !!!

sebelum kita memulai terlebih dulu saya ucapkan beribu kata maaf jika terdapat banyak kesalahan dalam penyampaian maupun penulisan .. untuk dapat selalu dimaklumi saja disini saya bukan sok menggurui / sok tahu melainkan sedikit saling belajara / berbagi dan cuma sekedar belajar menulis ^_^ !!! ..


next .. jujur saja untuk saya sendiri memang tidak terlalu bisa memahami perkodean khususnya soal kode PHP secara gitu lho guys cowok penyayang dan romantis tidak suka main PHP - PHP'an di dunia blogging / programer pun tidak memahami sepenuhnya .. cuma sekedar tahu kegunaan dan fungsinya saja ^_^ .. tapi mau tidak mau jika sudah terlanjur mengenal blog / web besar kecilnya tentu akan mengenal dan berurusan dengan namanya perkodean .. dan sedikit demi sedikit pasti di pelajari .. karena saya rasa sekedar menulis artikel saja tidak cukup kalau tidak didasari dengan pengetahuan soal coding .. nah maka untuk ini disini saya akan sedikit mengulas Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB !!!

ok next .. untuk mempersingkat waktu langsung saja keinti pembahasan kita kali ini yaitu tentang Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB - Dalam pembuatan website diperlukan beberapa komponen program yang perlu diperhatikan saat kita akan membuat situs web .. Apa aja itu ??


  1. HTML
  2. CSS
  3. PHP
  4. JavaScript ( JS )
  5. JQUERY


1. HyperText Markup Language ( HTML )

HyperText Markup Language ( HTML ) - adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web .. menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi .. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah - perintah HTML .. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML ( Standard Generalized Markup Language ) .. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web ..

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium ( W3C ) .. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 ( CERN adalah lembaga penelitian fisika energi tinggi di Jenewa ) ..

Fungsi HTML

Fungsi dari HTML adalah digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam html tersebut seperti gambar, teks, video, dan lainnya sehingga bisa di tempilkan melalui web browser .. Selian itu HTML juga bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu ..

Contoh HTML

Setelah membaca dan mengetahui pengertian dan fungsi dari html .. selanjutnya adalah mempelajari contoh bahasa HTML yang bisa digunakan untuk membuat sebuah website .. Dan dibawah ini merupakan salah satu contoh dasar HTML yang digunakan untuk membuat sebuah website sederhana ..


<html>
<head><title>DP BBM 23</title></head>
<body>
<body bgcolor="red">
<h1>Saya Sedang Belajar HTML</h1>
<font size="13" color="red" face="abel">
Ini adalah halaman Web pertama saya
</font>
</body>
</html>


2. Cascading Style Sheet ( CSS )

Cascading Style Sheet ( CSS ) - yaitu sebuah bahasa berbasis text yang digunakan untuk memformat tampilan dari halaman web yang dibuat dengan HTML .. misalnya dalam hal pewarnaan, ukuran, posisi dsb .. Jika HTML adalah dasar dan batu bata yang membentuk struktur rumah .. CSS adalah plester dan cat yang menghiasinya ..

Dengan CSS, memungkinkan kita untuk lebih meringkas kode atau script ketika mendesain atau memberikan efek - efek khusus pada isi halaman web secara lebih spesifik dengan lebih mudah .. Memungkinkan kita mengubah tampilan beberapa halaman web sekaligus dengan sedikit kode ..

Sebenarnya, CSS bukan bahasa pemrograman seperti Javascript .. bukan juga bahasa markup seperti HTML .. Jadi jangan dibandingkan CSS merupakan W3C Recommendation ..

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style .. misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama - sama dalam beberapa berkas ( file ) .. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML ..

Mengapa Menggunakan CSS ??

Jika HTML digunakan untuk membuat struktur tampilan web .. Maka CSS digunakan untuk mempercantik tampilan web .. Nah lupakan CSS jika kita ingin membuat tampilan web kita biasa aja .. CSS focus terhadap make-up laman web .. Sedangkan HTML focus terhadap konten web .. Pemisahan ini membuat kita lebih mudah dan efisien dalam mengelola web kita ..

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya .. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen .. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda ..

3. Hypertext Preprocessor ( PHP )

Hypertext Preprocessor ( PHP ) - adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML .. PHP banyak dipakai untuk memrogram situs web dinamis .. PHP dapat digunakan untuk membangun sebuah CMS ..

Pada awalnya PHP merupakan kependekan dari Personal Home Page ( Situs personal ) .. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995 .. Pada waktu itu PHP masih bernama Form Interpreted ( FI ) .. yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web ..

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI .. Dengan perilisan kode sumber ini menjadi sumber terbuka .. maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP ..

Pada November 1997, dirilis PHP/FI 2.0 .. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C .. Dalam rilis ini disertakan juga modul - modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan ..

Fungsi PHP Dalam Pemrograman Web

Untuk membuat halaman web, sebenarnya PHP bukanlah bahasa pemrograman yang wajib digunakan .. Kita bisa saja membuat website hanya menggunakan HTML saja .. Web yang dihasilkan dengan HTML ( dan CSS ) ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap ..

Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi .. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah - ubah sesuai input dari user, memproses form, dll .. Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML .. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script
  1. PHP adalah bahasa pemrograman web yang dijalankan di server
  2. PHP digunakan untuk membuat halaman dinamis
  3. PHP dapat terhubung dengan database
  4. PHP dapat membuat halaman web dengan HTML maupun javascript
  5. PHP dijalankan oleh server sebelum halaman ditampilkan

4. JavaScript ( JS )

JavaScript ( JS ) - adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer ( IE ), Mozilla Firefox, Netscape dan Opera .. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT .. JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript dan akhirnya menjadi JavaScript ..

Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java .. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut .. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript .. JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX .. JavaScript adalah bahasa yang digunakan untuk AJAX ..

Contoh Penggunaan Javascript

Dari penjelasan singkat di atas, tentu masih sulit bagi kita untuk memahami bagaimana sebenarnya Javascript bekerja .. Oleh karena itulah kita akan coba membuat sebuah dokumen HTML sederhana dengan menambahkan Javascript di dalamnya .. Pertama - tama, kita siapkan sebuah dokumen HTML sederhana .. Bisa kita tulis dari awal untuk dokumen HTML ini .. Bila sudah siap, maka kita akan memiliki sebuah kode HTML dengan bentuk sebagai berikut :


<html>
<head><title>Blog DP BBM 23</title></head>
<body>
<div id="DP BBM 23"> Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB </div>
</body>
</html>


Jika sobat sudah memahami bagaimana membuat HTML, maka sobat bisa membuat kode sesuai dengan keinginan sobat tanpa mengikuti contoh di atas .. Setelah HTML siap, sekarang kita tambahkan Javascript di dalamnya .. Yang akan saya contohkan adalah sebagai berikut :

<!DOCTYPE html><html>
<head><title>Blog DP BBM 23</title></head>
<body>
<div id="DP BBM 23"> DP BBM 23 </div>
<script>
document.getElementById("DP BBM 23").innerHTML = "Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB";</script>
</body>
</html>


Kemudian coba jalankan dokumen HTML tersebut dengan menggunakan browser .. Kita bisa lihat hasilnya bahwa kata "DP BBM 23" yang ada pada elemen div berubah menjadi "Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB" .. Hal ini terjadi karena pada scipt Javascript, kita memerintahkan elemen dengan id "DP BBM 23" akan berisi kata "Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB" ..

5. jQuery

jQuery - adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML .. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL ..

jQuery merupakan sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax .. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah .. Sesuai slogan nya, write less, do more .. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak .. jQuery ukurannya cukup kecil, sehingga tidak memperlambat proses loading blog yang kita buat ..

jQuery juga kompatibel dengan CSS3 dan yang tak kalah penting adalah jQuery bisa berjalan di semua browser – cross browser .. Tanpa library seperti jQuery, menerapkan Javascript mungkin akan lebih sulit, terutama untuk pemula yang baru belajar Javascript .. Plugin tambahan seperti jQuery UI ( User Interface ) semakin memudahkan kita mengembangkan blog yang cantik dan interaktif .. Selain itu tersedia plugin - plugin lain yang semakin memperkaya kemampuan jQuery ..

    Jadi, berdasarkan penjelasan diatas, saya bisa mengambil beberapa kesimpulan, diantaranya :
    • HyperText Markup Language ( HTML ) adalah kode baris dasar yang bisa dan dikatakan harus kita gunakan untuk membuat halaman web ..
    • Hypertext Preprocessor ( PHP ) adalah penunjang HTML yang bisa kita manfaatkan sebagai controller atas situs web kita, maupun penghubung antara HTML dengan database yang kita buat ..
    • Cascading Style Sheet ( CSS ) adalah "undang-undang situs web" yang kita buat dengan pembuat "undang-undang" tersebut adalah pembuat CSS-nya tentunya, jadi situs web bisa jadi lebih teratur dan tertata ..
    • Sedangkan javaScript ( JS ) adalah sekumpulan baris kode yang bisa digunakan untuk mempercantik situs web yang kita buat ..
    • jQuery berfungsi untuk mempercantik web dengan plugin plugin yang menarik seperti tanggal dll ..
    <
TOP 71 Gambar DP BBM Hantu Menyeramkan 13 Juli 2017, Penakut Jangan Lihat !!!
DP BBM 23 - TOP 71 Gambar DP BBM Hantu Menyeramkan 13 Juli 2017, Penakut Jangan Lihat !!! - selamat malam dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya .. setelah beberapa jam tadi membahas dan berbagi beberapa gambar TOP 38 Kumpulan DP BBM Meme Malam Jumat Paling Gokil Untuk Usia 18+ Terbaru 13 Juli 2017 di...View More

nah, itulah tadi pembahasan kita disiang hari ini mengenai Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB yang dapat admin blog DP BBM 23 bagikan .. Semoga apa yang telah saya jabarkan diatas dapat bermanfaat untuk kita semuat dan menambah wawasan terkait Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB .. Semoga bermanfaat, apabila terdapat kekurangan atau salah dalam memberikan penjelasan mohon untuk selalu dimaklumi saja .. dan selamat siang sampai jumpa lagi !!!
thumbnail Title : Sejenak Mari Kita Belajar dan Mengetahui Perbedaan dan Fungsi HTML, CSS, PHP, JavaScript dan jQuery pada Desain WEB
Posted by : Unknown
Published : 2017-07-14T07:45:00+01:00
Rating : 90.5%
Reviewer : 9.998 Votes

Post Top Ad

Loading...