PRAKTIKUM 1: Membuat Tampilan Desain Web

Nama Anggota 
1. Reza Ayu P  4103161032
2. Agita Firdaus R 4103161043
3. Putri Pangestu  P 4103161045
4. Kiki Intania  A 4103161060


I. Tujuan 
    Membuat desain untuk tampilan sebuah Web

II. Dasar Teori
     Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World WIde Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website—sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis.


Elemen-elemen seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics)  dan video dapat diletakkan di dalam halaman menggunakan tag-tag HTML/XHTML/XML. Browser terkadang juga memerlukan Plug-ins seperti Adobe Flash, Quick Time, Quick TIme, Java, dan sebagainya untuk menampilkan beberapa media yang diletakkan di dalam halaman web menggunakan tag-tag HTML/XHTML.
Halaman web dan situs web dapat berupa halaman statis, atau dapat diprogram secara dinamis sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari Webmaster , atau perubahan dalam lingkungan komputasi (seperti situs  yang terkait dengan database yang telah diubah).
  • Bahasa Mark-up (seperti HTML, XHTML, dan XML)
  • Gaya lembar bahasa (seperti CSSdan XSL)
  • Client-side scripting (seperti JavaScript dan VBScript)
  • Server-side scripting (seperti PHPdan ASP)
  • Teknologi database (seperti MySQL dan PostgreSQL)
  • Teknologi multimedia (seperti Flash dan Silverlight)

Adobe Muse adalah software desain website yang memiliki fungsi seperti WebPlus atau WebMatrix.
Namun perbedaan yang dimiliki oleh Muse adalah pembuatan website tanpa menggunakan coding bagi pengguna melainkan fokus pada desain dari sebuah website atau GUI, sehingga tidak perlu lagi mencemaskan masalah source code website.

III. Alat dan Bahan
      -Adobe Muse 

III. Petunjuk praktikum

IV. Tugas
      Membuat tampilan desain web secara berkelompok

V. Hasil Pengerjaan

    Tampilan pada Adobe Muse




Tampilan pada Browser

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXG4G2KcsOeVTmbGmiWLQv5hGZfIL0oyQpUlt7YKizrhPxmAh12PBWL7dhHpL1dG0BbTEm5LlzbniwBqQmu6u00hWpY-oZue3No10OcSzt0wKrmbbBYODhY7wxLbFSTQ1UcNxORgwoS6P/s1600/WhatsApp+Image+2018-09-02+at+12.44.09+PM.jpeg



VI. Kesimpulan
      Pada pembuatan tampilan web ini kami sempat mengalami kesulitan pada saat penentuan software yang akan kami gunakan untuk mendesain. Namun saat kami tanya pada teman kami disarankan untuk memakai software adobe muse.

VII. Referensi
http://www.rumahweb.com/journal/panduan-publish-dari-adobe-muse.htm
https://id.wikipedia.org/wiki/Perancangan_web

Komentar