Desain Web - Praktikum Minggu ke-1: Membuat Desain Tampilan Web

Nama Anggota 

1. Abdi Prasetyo (4103161033)

2. Musfiqon (4103161035)

3. M. Ryan Fauzi Hutomo (4103161050)

I.            Tujuan
Membuat desain untuk tampilan sebuah Web

II.            Dasar Teori

Pengertian

Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.

 Fungsi

Sebelum men-design, sebaiknya kita mngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.Secara umum fungsi situs web adalah sebagai berikut:

a. Fungsi Komunikasi

Situs web yang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.

b. Fungsi Informasi

Menekankan pada kualitas konten, karena tujuan situs ini menyampaikan isinya, sebaiknya berisi teks dan grafik. Fasilitas yang memberikan fungsi informasi, news, file, company, library, prefences dll.

c. Fungsi Entertainment

Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.

d. Fungsi Transaksi

Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.

Tujuan

Untuk membuat situs web atau dokumen elektronik dan aplikasi yang berada pada web server dan menampilkan konten dan fitur antarmuka interaktif kepada pengguna akhir dalam bentuk halaman Web. Seperti unsur-unsur teks, gambar (gif, jpeg) untuk ditempatkan pada halaman menggunakan HTML / XHTML / tag XML. Menampilkan media yang lebih kompleks (vektor grafis, animasi, video, suara) membutuhkan plug-in seperti Adobe Flash, QuickTime, Java run-time dan lain-lain. Plug-in juga dimasukkan ke dalam halaman web dengan menggunakan HTML / tag XHTML.

Perbaikan sesuai browser dengan standar W3C diminta penerimaan luas dan penggunaan XHTML / XML bersama dengan Cascading Style Sheets (CSS) untuk posisi dan memanipulasi unsur-unsur halaman web dan objek. Kemampuan browser untuk mengirimkan berbagai konten dan pilihan aksesibilitas kepada klien tanpa menggunakan plug-in.

Dengan spesialisasi yang tumbuh di bidang teknologi informasi ada kecenderungan kuat untuk membedakan antara desain web (web design) dan pengembangan web (web development).

III.            Alat dan Bahan

-          Adobe Muse 

-          Gambar

IV.            Tugas

Membuat tampilan desain web secara berkelompok

V.            Hasil Pengerjaan

VI.            Kesimpulan

Adobe Muse dapat membuat Layout halaman website kami dengan mudah dan simple. Kami hanya perlu menambahkan nama, mengatur halaman, dan juga bisa menerapkan pengaturan format halaman. Ini memudahkan kita untuk membuat layout dan sitemap website. Dalam Adobe Muse ini juga bisa menambahkan Google Maps, video YouTube, Facebook feed, file animasi HTML5, dan yang lainnya ke situs kami. Cukup copy dan paste kodenya ke dalam konten yang sudah kita buat dalam Adobe Muse CC dan Adobe Muse CC akan secara otomatis generate. Selain itu, Adobe Muse memudahkan kita dalam membuat elemen scroll motion baik itu hirozontal maupun vertical dan pengaturan kecepatan yang berbeda dengan scroll mouse, atau sentuhan jari, pada desktop atau perangkat mobile, termasuk iPhone dan iPad. Kendala yang dialami selama pembuatan desain website adalah masih belum terbiasa dengan fitur-fitur yang ada.

VII.            Daftar Pustaka

https://lendcreative.com/web-desain-adalah/