Welcome to Spada Indonesia
Courses Images
DESAIN WEB
Universitas Teknologi Mataram

DESAIN WEB

COURSE INSTRUCTOR

Teachers Images

AHMAD SUBKI

Universitas Teknologi Mataram
AREAS:
Program Studi Rekayasa Perangkat Lunak

Course Description

Profil Mata Kuliah Mata Kuliah : DESIGN WEB Kode : 621404 Jenjang Diploma : D3 Manajemen Informatika Status MK : Praktik SKS : 2 Prasyarat : - Salam Pembuka Assalamualaikum, selamat datang di mata kuliah Desain Web. Mata kuliah ini merupakan mata kuliah wajib untuk mahasiswa Program Studi Teknik Komputer semester 4 pada STMIK Mataram. Mata kuliah ini dilaksanakan secara Hybrid/Blende Learning (Campuran antara perkuliahan tatap muka dan perkuliahan online) melalui LMS (Learning Managemen System) STMIK Mataram. Kepada mahasiswa yang mengikuti mata kuliah selamat belajar dan semoga sukses. Deskripsi Mata Kuliah Mata kuliah ini membahas tentang kode HTML (Hyper Text Mark-Up Language), CSS (Cascading Style Sheet), VBScript, dan JavaScript, Software Editor Macromedia Dreamweaver. Tujuan/Manfaat Mata Kuliah Memberikan pemahaman dan dapat membuat/mendesain halaman web dengan menggunakan kode HTML (Hyper Text Mark-Up Language), CSS (Cascading Style Sheet), VBScript, dan JavaScript, Software Editor Macromedia Dreamweaver. Pokok Bahasan Konsep dasar web dan sejarahnya Pengertian HTML (Hyper Text Mark-Up Language) Pembahasan tag-tag dasar HTML (tag penformatan teks, body, font, list, link, image, table, form dan frame) Mengenal Software Editor Macromedia Dreamweaver Pembahasan CSS (Cascading Style Sheet) Penjelasan VBScript Penjelasan JavaScript Capaian Pembelajaran Pada mata kuliah ini mahasiswa diharapkan: Mampu memahami dan menguasai konsep teknik dan seni desain web sebagai sarana informasi digital mempunyai keterampilan khusus merancang dan mendesain web menggunakan bahasa tertentu secara kreatif dan professional mahasiswa dapat memahami dan menguasai teknik perancanagan layout desain web menggunakan tag-tag yang terdapat dalam bahasa HTML dan CSS Pembabakan Mata kuliah Mata kuliah ini terdiri dari 16 kali pertemuan, diantaranya ada 14 kali pertemuan materi dan 2 kali ujian. Ujian dilaksanakan pada pertemuan ke 9 untuk UTS (Ujian Tengah Semester) dan pertemuan ke 16 untuk UAS (Ujian Akhir Semester). Setiap sesi petemuan mahasiswa diminta untuk menjawab latihan tugas yang diberikan dosen pengampu. selain itu mahasiswa diminta aktif dalam menjawab Quiz, dan berkomentar di forum diskusi. Referensi Pemrograman web dengan HTML Betha, Ir. Husni IP, Ir. M Eng Informatika, Bandung Wahana computer 2010 Mendesain websites dinamis dan menarik dengan Adobe Dreamweaver CS4, Andi Offset Wahana computer 2010 Adobe Dreamweaver CS4 2010 Kadir,Abdul 2009 Mastering Ajax dan PHP Andi Offset Profile Dosen Nama : Ahmad Subki, S.ST., M.Kom Alamat : Jl. Krakatau, Gegutu Telaga, Desa Midang, Kec. Gunungsari Hp : 089 693 652 230 Email : ahmad.subki1992@gmail.com Site : ilmuforensikadigital.blogspot.com RPS dan SAP Perkuliahan Untuk melihat RPS dan SAP Perkuliahan Desain Web, Mahaiswa dapat mendownload pada tautan berikut ini.

Course Syllabus

Profil Mata Kuliah Mata Kuliah : DESIGN WEB Kode : 621404 Jenjang Diploma : D3 Manajemen Informatika Status MK : Praktik SKS : 2 Prasyarat : - Salam Pembuka Assalamualaikum, selamat datang di mata kuliah Desain Web. Mata kuliah ini merupakan mata kuliah wajib untuk mahasiswa Program Studi Teknik Komputer semester 4 pada STMIK Mataram. Mata kuliah ini dilaksanakan secara Hybrid/Blende Learning (Campuran antara perkuliahan tatap muka dan perkuliahan online) melalui LMS (Learning Managemen System) STMIK Mataram. Kepada mahasiswa yang mengikuti mata kuliah selamat belajar dan semoga sukses. Deskripsi Mata Kuliah Mata kuliah ini membahas tentang kode HTML (Hyper Text Mark-Up Language), CSS (Cascading Style Sheet), VBScript, dan JavaScript, Software Editor Macromedia Dreamweaver. Tujuan/Manfaat Mata Kuliah Memberikan pemahaman dan dapat membuat/mendesain halaman web dengan menggunakan kode HTML (Hyper Text Mark-Up Language), CSS (Cascading Style Sheet), VBScript, dan JavaScript, Software Editor Macromedia Dreamweaver. Pokok Bahasan Konsep dasar web dan sejarahnya Pengertian HTML (Hyper Text Mark-Up Language) Pembahasan tag-tag dasar HTML (tag penformatan teks, body, font, list, link, image, table, form dan frame) Mengenal Software Editor Macromedia Dreamweaver Pembahasan CSS (Cascading Style Sheet) Penjelasan VBScript Penjelasan JavaScript Capaian Pembelajaran Pada mata kuliah ini mahasiswa diharapkan: Mampu memahami dan menguasai konsep teknik dan seni desain web sebagai sarana informasi digital mempunyai keterampilan khusus merancang dan mendesain web menggunakan bahasa tertentu secara kreatif dan professional mahasiswa dapat memahami dan menguasai teknik perancanagan layout desain web menggunakan tag-tag yang terdapat dalam bahasa HTML dan CSS Pembabakan Mata kuliah Mata kuliah ini terdiri dari 16 kali pertemuan, diantaranya ada 14 kali pertemuan materi dan 2 kali ujian. Ujian dilaksanakan pada pertemuan ke 9 untuk UTS (Ujian Tengah Semester) dan pertemuan ke 16 untuk UAS (Ujian Akhir Semester). Setiap sesi petemuan mahasiswa diminta untuk menjawab latihan tugas yang diberikan dosen pengampu. selain itu mahasiswa diminta aktif dalam menjawab Quiz, dan berkomentar di forum diskusi. Referensi Pemrograman web dengan HTML Betha, Ir. Husni IP, Ir. M Eng Informatika, Bandung Wahana computer 2010 Mendesain websites dinamis dan menarik dengan Adobe Dreamweaver CS4, Andi Offset Wahana computer 2010 Adobe Dreamweaver CS4 2010 Kadir,Abdul 2009 Mastering Ajax dan PHP Andi Offset Profile Dosen Nama : Ahmad Subki, S.ST., M.Kom Alamat : Jl. Krakatau, Gegutu Telaga, Desa Midang, Kec. Gunungsari Hp : 089 693 652 230 Email : ahmad.subki1992@gmail.com Site : ilmuforensikadigital.blogspot.com RPS dan SAP Perkuliahan Untuk melihat RPS dan SAP Perkuliahan Desain Web, Mahaiswa dapat mendownload pada tautan berikut ini.
Course Modules
News forum
RPS dan Silabus Perkuliahan Desain Web
Silabus
Link Tutorial
Assalamualaikum, pada pertemuan pertama ini kita akan membahas terkait ruang lingkup perkuliahan yang akan kita bahas bersama,tujuan dan sumber pustaka. DiharapkanMahasiswa mengetahui danMemahami tujuan, deskripsi,Pokok bahasan, dan sumberPustaka mata kuliah.
Course Modules
Pendahuluan Perkuliahan
Materi HTML Dasar
Link Tutorial
Video pembelajaran HTML
Tanya Jawab Dan Diskusi
Hai, pada pertemuan kali ini kita akan membahas terkait dengan dasar-dasar HTML,dan juga memahami tools yang akan digunakan. Pada pertemuan ini akan dibahas beberapa hal, dan diharapkan: Mahsiswa dapatmenyebutkannTools/editor browser Mahasiswa dapat menyebutdan menerangkanpengertian HTTP danpenggunaannya Mahsiswa dapat menjelaskandan mengaplikaasikan tag-tagdasar (penformatantexs)HTML Untuk memulai pembelajaran, silahkan download materi yang ada pada tautan dibawah ini.
Course Modules
Dasar-Dasar HTML
Materi Tambahan Dasar-Dasar HTML 5
Video Praktik HTML Dasar
Link Tutorial
Diskusi dan Tanya Jawab
Asslamualaikum, pada pertemuan kali ini kita akan membahas materi selanjutnya pada matakuliah Desain Web yaitu Body, Font dan List. Pada pertemuan diharapkan mahasiswa dapat: Memahami tag body Dokumen, font dan list Mahsiswa dapat mengaplikasikan tag body dokumen, font dan list. Di akhir pertemuan ke-3 ini, mahasiswa diharuskan mengerjakan tugas yang terdapat pada tautan Tugas. Untuk lebih lanjut, silahkan mengunduh materi yang terdapat pada tautan dibawah, apabila ada yang belum dipahami, silahkan melakukan diskusi pada tautan diskusi. Selamat Belajar.
Course Modules
Body, Font dan List
Materi belajar HTML dan CSS
Video Tutorial HTML 2
Link Tutorial
Tugas 1 : Desain Web
Diskusi dan Tanya Jawab
Assalamualaikum, Semoga kita sehat selalu. Alhamdulillah kita telah sampai pada pertemuan ke-4 mata kuliah Desain Web. Pada pertemuan kali ini kita akan membahas tentangLink antar Dokumen Table dan Frame. Komptensi pada pertemuan kali ini diharapkan mahasiswa dapat: Memahami dan mengaplikasikan tag link, table dan frame dalam dokumen HTML Untuk lebih jelasnya pada pertemuan ini silahkan mendownload/unduh file yang terdapat pada tautan. Dan mahasiswa diharuskan untuk mengerjakan soal latihan dan ikut serta aktfi dalam form diskusi yang telah disediakan apabila mahasiswa memiliki pertanyaan.
Course Modules
Link antar dokumen Table dan Frame
Materi Tambahan Link antar dokumen Table dan Frame
Video Tutorial HTML 3
Link Tutorial
Tugas 2: Desain Web
Diskusi dan Tanya Jawab
Assalamualaikum, kita telah sampai pada pertemuan ke-5, pada pertemuan ini kita akan membahas tentang HTML dan XHTML. Mahasiswa diharapkan : dapat memahami tag meta, pengenalan format baru(HTML, XHTML, XML) dapat memahami mengaplikasikan tag meta, mengennal format baru (HTML, XHTML, XML) Pada akhir pertemuan mahasiswa menjawab Quiz yang ada pada tautan dibawah ini. Apabila ada yang kurang dipahami silahkan meninggalkan komentar pada tautan Diskusi dan Tanya Jawab. Terimakasih, Selamat Belajar semoga Sukses.
Course Modules
HTML dan XHTML
Materi Tambahan HTML dan XHTML
Quiz 1
Diskusi dan Tanya Jawab
Assalamualaikum, sampai jumpa kembali pada matakuliah Desain Web, Pada pertemuan kali ini kita akan membahas tentang Image dan Form pada HTML, untuk itu mahasiswa diharapkan untuk serta aktif dalam pembelajaran ini. Kompetensi yang diharapkan pada pertemuan ini yaitu: Mahasiswa dapat memahami konsep image map, struktur directori dan form Mahsiswa dapat menjelaskan dan mengaplikasikan konsep image map, struktur directori dan form Pada akhir pertemuan ini, terdapat tugas yang harus diselesaikan oleh mahasiswa, untuk lebih jelasnya silahkan download dan pelajari materi yang ada pada tautan dibawah ini. Selamat belajar, semoga sukses.
Course Modules
Image dan Form HTML
Materi Tambahan Image dan Form HTML
Video Tutorial Image HTML
Video Tutorial Form HTML
Tugas 3 : Desain Web
Link Tutorial
Diskusi dan Tanya Jawab
Assalamualaikum, Tidak terasa kita sudah dipenghujung pertengahan semester, beberapa materi sebelumnya telah kita pelajari bersama semoga bisa dipahami dengan baik. Pada pertemuan yang ke-7 ini kita akan membahas tentang software editor Macromedia Dreamweaver yang banyak digunakan oleh web developer. Diharapkan pada pertemuan ini mahasiswa: Mengenal menu dremweaver Mengenal menu utama, baris stanndar , baris tombbol dokumen, baris insert, jendela dokumen, panel group, snippets, tag selector, property selector design web sederhanna Untuk lebih jelasnya, silahkan download dan pelajari materi yang ada pada tautan dibawah ini. Apabila ada yang belum dipahami, silahkan bertanya melalui tautan Diskusi dan Tanya jawab. Terimakasih, Selamat Belajar dan Semoga Sukses.
Course Modules
Pertemuan 7 : Mengenal Macromedia Dreamweaver
Materi Tambahan Mengenal Macromedia Dreamweaver
Video Tutorial Macromedia Dreamweaver
Diskusi dan Tanya Jawab
Assalamualaikum semua, pada pertemuan ke-8 ini, kita akan melaksanakan Ujian Tengah Semester , materi ujian adalah materi yang pernah kita pelajari pada beberapa pertemuan sebelumnya. Petunjuk Ujian Tengah Semesster. Mahasiswa diharapkan mengupload jawaban UTS pada menu upload. Format file upload (NIM_NAMA_KELAS_UTS) Untuk Soal dan materi ujian silahkan download pada tautan di bawah ini. PERHATIAN !!! Jangan Copy Paste Dari INTERNET
Course Modules
File Ujian Tengah Semester
Upload Jawaban UTS
Diskusi
Macromedia dremweaver Lanjut
Materi Tamabahan Macromedia dremweaver Lanjut
Contoh Source Code Frame Set
Video Tutorial Frame Macromedia Dreamweaver
Tugas 4 : Desain Web
Link Tutorial
Diskusi dan Tanya Jawab
Assalamualaikum semua, pada pertemuan ke-8 ini, kita akan melaksanakan Ujian Tengah Semester, materi ujian adalah materi yang pernah kita pelajari pada beberapa pertemuan sebelumnya. Petunjuk Ujian Tengah Semesster. Mahasiswa diharapkan mengupload jawaban UTS pada menu upload. Format file upload (NIM_NAMA_KELAS_UTS) Untuk Soal dan materi ujian silahkan download pada tautan di bawah ini.
Course Modules
File Soal Ujian Tengah Semester
Ujian Tengah Semester
Diskusi
Assalamualaikum, setelah sebelumnya kita membahas tentang HTML, sekarang pada pertemuan ke sembilan ini, kita akan membahas tentang CSS, pada pertemuan ini Mahasiswa diharapkan dapatmengetahui dan memahamiCSS, dan tag-tag pada CSS.
Course Modules
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
Video Pemebelajaran CSS
Diskusi dan Tanya Jawab
Pada pertemuan sebelumnya kita telah membahas dasar-dasar CSS, semoga mahasiswa dapat memahami dengan baik. Selanjutnya pada pertemua kali ini, kita akan melanjutkan membahas tentang CSS. Mahasiswa diaharapkan mampu membuat desain Website menggunakan HTML dan CSS. dan Pada akhir pertemuan mahasiswa diminta untuk menyelesaikan tugas terkait dengan CSS. Untuk lebih jelasnya silahkan download dan pelajari Materi berikut. Apabila ada yang kurang jelas mohon ditanyakan. Terimakasih. Selamat Belajar dan Bekerja
Course Modules
Materi CSS Lanjut
Materi Tambahan CSS Lanjut
Video Tutorial HTML dan CSS
Tugas 5 : Desain Web
Diskusi dan Tanya Jawab
Assalamualaikum, hari ini telah sampai pada pertemuan ke 12. Pada pertemuan kali ini akan dibahas Dasar-Dasar VBScript. Untuk itu mahasiswa diharapkan mampu mengetahui dan memahami dengan baik terkait dengan Dasar-Dasar VBScript. Terimakasih.
Course Modules
Materi Dasar-Dasar VBScript
Materi Tambahan Dasar-Dasar VBScript
Video Tutorial Dasar-dasar VBScript
Diskusi dan Tanya Jawab
Assalamualaikum, hari ini kita telah sampai pada pertemuan ke 13, pada pertemuan ini akan kita bahas materi tentang Dasar-Dasar Desain Web. Setelah dipelajari materi ini diharapkan mahasiswa mampu mengetahui dan memahami Dasar-Dasar JavaScript. Pada akhir pertemuan akan ada tugas yang harus diselesaikan oleh mahasiwa, untuk itu silahkan download dan pelajari dengan baik materi yang akan diberikan berikut. Terimakasih.
Course Modules
Materi Dasar-Dasar JavaScript
Materi Tambahan Dasar-Dasar JavaScript
Video Dasar-Dasar JavaScript
Tugas 6 : Desain Web
Diskusi dan Tanya Jawab
Assalamualaikum, Alhamdulillah kita telah sampai pada pertemuan ke-14, pada pertemuan ini kita akan membahas bagaimana cara mengupload ke webserver. komptensi yang harus dipenuhi mahasiswa yaitu "Mahasiswa diharapkan mengetahui dan memahami konsep Upload Webserver". Untuk lebih jelasnya silahkan download dan pelajari materi yang ada pada tautan berikut, apabila ada yang belum dipahami dengan baik silahkan ditanyakan pada tautan Diskusi dan Tanya Jawab.
Course Modules
Materi Upload Webserver
Materi Tambahan Upload Server
Video Langkah-Langkah Upload Web Server
Tugas 7 : Web Desain
Diskusi dan Tanya Jawab
Assalamualaikum, Alhamdulillah kita telah sampai pada penghujung pertemuan di Mata Kuliah Desain Web, Pada pertemuan ini kita akan mereview materi/tugas yang telah dipelajari sebelumnya. Terimakasih
Course Modules
Tugas 8 : Desain Web
Tanya Dosen
Diskusi dan Tanya Jawab
Assalamualaikum, Pada pertemuan ini akan diadakan Ujian Akhir Semester. Untuk itu mahasiswa diminta untuk mengerjakan soal yang ada dengan durasi waktu 1 jam 30 menit.
Course Modules
Ujian Akhir Semester
Tanya Dosen