Posts

Showing posts from September, 2021

PWEB 4 : E-commerce Website with CSS

Image
  πŸ’£  Membuat Website: Ecommerce dengan CSS  πŸ’£ πŸ’€Intro CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”. πŸ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat website katalog produk sederhana menggunakan implementasi dari CSS.  Berikut tampilan websitenya: Untuk website dapat dilihat  di sini πŸ’€ Source Code Source code lengkap dapat dilihat  di sini

PWEB 3: HTML 5

Image
  πŸ’£  Membuat Website: Warteg dengan HTML5  πŸ’£ πŸ’€Intro HTMLS merupakan kelanjutan dari HTML 4 yang tidak diupdate sejak tahun 1999. Dimana W3C sebagai badan yang membuat standar HTML lebih berminat mergembungkan XHTML daripada melanjutkan HTML.  Setelah beberapa tahun pengembangan, XHTML tarnyata tidak sesuai dengan harapan. XHTML 2.0 tidak kunjung selesai, sehingga beberapa programmer web bergabung membentuk badin tersendiri: WHATWG. WHATWG kemudian mengembangkan format yang akan menjadi cikal bakal HTML5. Singkat cerita, W3C meninggalkan XHTML 2.0 dan ikut mengembangkan HTML5 bersama WHATWG.  Tepat puda tanggal 28 Oktober 2014 lalu, W3C telah resmi merampungkan standar HTML5 (sumber resminya dapat dibaca pada http://www.w3.org/blog/news/archives/4167). Walaupun demikian, saat ini HTMLS telah didukung hampir oleh semua web browser modern, sehingga sudah saatnya kita mulai membuat kode HTML menggunakan standar HTML.5. πŸ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membua

PWEB 2: HTML CV

Image
πŸ’£ Membuat CV dengan HTML  πŸ’£ πŸ’€Intro HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ). HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. πŸ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat curiculum vitae sederhana menggunakan HTML. Berikut tampilan CV saya πŸ’€  Source Code Berikut source code untuk membuat cv menggunakan HTML Lihat CV  di sini

PWEB 1: Static Website

Image
PENGANTAR Pada kesempatan kali ini kita akan membahas mengenai Pemrograman Web.  Pemrograman Web digunakan untuk membangun aplikasi web, dimana aplikasi web ini dapat dibedakan menjadi 2 yaitu a. Web Statis Web statis hanya menampilkan informasi yang bersifat tetap, dibentuk dengan menggunakan HTML (Hypertext Markup Language) saja. Kelemahannya, setiap menginginkan perubahan harus dilakukan oleh pemrogramnya (orang yang mengerti bahasa HTML). b. Web Dinamis Berisi atau menampilkan informasi serta dapat berinteraksi dengan user yang bersifat dinamis, dibentuk dengan menggunakan bahasa HTML, Skrip (PHP, ASP, JSP, CGI) dan dikoneksikan ke basisdata (MySQL, PostgreSQL, Oracle, Microsoft Access). Perubahan informasi dalam halaman web didapat melalui perubahan data pada basisdata dan tidak harus melalui perubahan programnya, sehingga perubahan informasi dapat dilakukan oleh operator dan tidak lagi menjadi tanggungjawab programmer. STATIC WEB Kali ini, kita akan mempelajari cara membuat web