DOM, JavaScript, dan jQuery

Berikut ini adalah topik materi kuliah konsep dasar mengenai DOM, Javascript, dan jQuery untuk mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer semester Ganjil 2014/2015. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: HTML DOM, and DOM Objects Accessing DOM and Objects property Modifying DOM and Node Javascript Embedding Javascript Variables in Javascript Functions in Javascript jQuery jQuery Selectors jQuery Getters and Setters Styling using Continue reading

Desain Web: Graphics for Web

Berikut ini adalah topik materi kuliah konsep dasar “Graphics untuk Web” pada mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: Pixels Pixel Depth Monochrome, Gray Scale, 8-bit Color 24-bit vs 8-bit Resolutions File Types File Size Compressions Web Graphics Image Optimizations Vector Images Bitmap Images Aliasing vs Anti-Aliased Vector vs Bitmap Handout materi yang digunakan dalam pertemuan Continue reading

Desain Web: DOM, Javascript, and jQuery

Berikut ini adalah topik materi kuliah konsep dasar mengenai DOM, Javascript, dan jQuery untuk mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: HTML DOM, and DOM Objects Accessing DOM and Objects property Modifying DOM and Node Javascript Embedding Javascript Variables in Javascript Functions in Javascript jQuery jQuery Selectors jQuery Getters and Setters Styling using jQuery “this” keyword Continue reading

Desain Web: Tugas

Berikut ini adalah tugas untuk mata kuliah Desain Web pada kelas yang diampu berikut: Sistem Informasi – C Sistem Informasi – D dengan tugas sebagai berikut: Pelajari materi tentang DOM, Javascript, dan jQuery berikut: Desain-Web-04-DOM-Javascript-and-jQuery. Unduh file: tugas.html Ubah/modifikasi file tugas.html tersebut dengan menambahkan Javascript, CSS, dan/atau jQuery untuk: 1. Menganimasikan konten dalam tag <p> 2. Mengubah konten dalam tag <p> 3. Mengubah style CSS tag <p> Modifikasi file tersebut dengan menggunakan Javascript/jQuery. Continue reading

Desain Web: Student Privileges

Berikut ini adalah daftar mahasiswa yang memperoleh keleluasaan untuk bebas UTS mata kuliah Desain Web semester ganjil tahun akademik 2013/2014 PTIIK Universitas Brawijaya. Penting! Mahasiswa yang mendapat keluasaan ini tetap DIWAJIBKAN untuk HADIR sesuai dengan hari dan waktu UTS yang telah ditetapkan untuk mata kuliah Desain Web, mematuhi aturan UTS yang berlaku, menandatangani lembar presensi UTS, mengambil lembar jawaban dan soal UTS, mengisi identitas pada lembar jawaban UTS, namun soal Continue reading

Desain Web: HTML5 dan CSS3

Berikut ini adalah materi kuliah konsep dasar HTML5 dan CSS3 untuk mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: HTML5 Tag, Attribute, Value New Tags in HTML5 HTML5: Better Semantics HTML5 New Custom Attributes CSS3 CSS Layout CSS Box Model Margins and Padding Margin Collapse Margin Collapse: Stacked Elements Margin Collapse: Contained Elements CSS Shorthand Borders Elements Continue reading

Desain Web: Doodle

Tugas Buatlah sebuah doodle (apa itu? lihat contoh) yang bertuliskan/berisi nama Anda masing-masing dengan ketentuan sebagai berikut: Ukuran gambar berukuran 380×200 px. Format gambar JPG atau PNG (recommended). Tools untuk membuat doodle bebas. Teknik/metode untuk membuat doodle bebas. Kompresi JPG (jika diperlukan): 7 (dari skala 10). Nama yang dijadikan doodle boleh merupakan nama asli, nama panggilan, nama pena, atau nama keren dari diri masing-masing. Doodle dikumpulkan pada saat AWAL perkuliahan di kelas Continue reading

Desain Web: Layout

Berikut ini adalah dokumen yang digunakan pada saat perkuliahan di kelas untuk menjelaskan konsep mengenai penyusunan layout untuk konten pada halaman web. Layout berikut menggunakan konsep layout grid yang template-nya dapat diunduh melalui website 960 Grid System (960.gs). Contoh layout A (PSD .psd, 1.1 MB) Contoh layout B (PSD .psd, 1.3 MB) Dokumen pendukung perancangan konten untuk contoh layout A dan B dapat diunduh pada tautan berikut: Konten dan Index (Text Continue reading