Scribd
Unggah
98 tayangan6 halaman

Modul 12 - Web Client-Studi Kasus 1

Modul ini membahas studi kasus pembuatan desain website kuliner Yogyakarta dengan CSS. Mahasiswa akan belajar membuat layout dengan CSS, mengatur posisi konten, dan format teks dengan warna, jenis huruf dan latar belakang. Praktik membuat file CSS untuk mengatur layout website.

Diunggah oleh

Adam DIouf Rahman
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
98 tayangan6 halaman

Modul 12 - Web Client-Studi Kasus 1

Modul ini membahas studi kasus pembuatan desain website kuliner Yogyakarta dengan CSS. Mahasiswa akan belajar membuat layout dengan CSS, mengatur posisi konten, dan format teks dengan warna, jenis huruf dan latar belakang. Praktik membuat file CSS untuk mengatur layout website.

Diunggah oleh

Adam DIouf Rahman
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 6

MODUL 12

PRAKTIKUM PEMROGRAMAN WEB CLIENT

Disusun oleh :

FX. Henry Nugroho, S.T., M.Cs.

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AKAKOM

YOGYAKARTA

2019

i
MODUL 12
STUDI KASUS LAYOUT WEBSITE dan CSS

CAPAIAN PEMBELAJARAN

1. Memformat konten teks dengan CSS (warna, bentuk dan jenis huruf, latar belakang)
2. Positioning konten

KEBUTUHAN ALAT/BAHAN/SOFTWARE

1. Editor notepad / notepad++


2. Browser

DASAR TEORI

Pada modul ini merupakan studi kasus pembuatan desain website dengan tema
kuliner yogyakarta.

1
selain mengatur layout dengan css, diperlukan pembuatan gambar header
menggunakan MS. Paint. Program pada modul 12 dan 13 saling terkait untuk
membuat website seperti gambar di atas. Sehingga mahasiswa apabila modul 12
belum selesai maka harus dilanjutkan pada pertemuan modul 13. Atau kondisi
sebaliknya, bila mahasiswa sudah selesai modul 12 namun masih ada waktu
maka langsung dapat melanjutkan ke modul 13.

PRAKTIK

Praktik 1 : Membuat file CSS untuk mengatur layout website


1. Ketikan kode program berikut ini dan simpan dengan nama style.css

2
3
4
LATIHAN

TUGAS

Tugas diberikan oleh dosen pengampu

REFERENSI

1. https://www.w3schools.com/css/

Anda mungkin juga menyukai