LAPORAN WEB DESIGN WEB PERSONAL

Ukuran: px

Mulai penontonan dengan halaman:

Download "LAPORAN WEB DESIGN WEB PERSONAL"

Benny Sutedja
7 tahun lalu
Tontonan:

1 LAPORAN WEB DESIGN WEB PERSONAL Oleh : Siti Nur Afiyah NRP : Politeknik Elektonika Negeri Surabaya D3-TI PJJ Kelas B Tahun ajaran 2013/2014

2 Kata Pengantar Puji syukur penyusun panjatkan ke hadirat Allah Subhanahu wata ala, karena berkat rahmat-nya penyusun bisa menyelesaikan laporan Web Design. Laporan ini diajukan guna memenuhi tugas mata kuliah Desan Web pada semester pertama. Kami mengucapkan terima kasih kepada semua pihak yang telah membantu sehingga Laporan ini dapat diselesaikan tepat pada waktunya. Laporan ini masih jauh dari sempurna, oleh karena itu kami mengharapkan kritik dan saran yang bersifat membangun demi kesempurnaan laporan ini. Semoga laporan ini memberikan informasi bagi masyarakat dan bermanfaat untuk pengembangan wawasan dan peningkatan ilmu pengetahuan bagi kita semua. Penyusun 2

3 DAFTAR ISI Cover Kata pengantar... 1 Daftar isi... 2 Latar Belakang 3... Pembahasan... 4 Penutup

4 Latar Belakang Ilmu pengetahuan dan teknologi selalu berkembang dan mengalami kemajuan, sesuai dengan perkembangan zaman dan perkembangan cara berpikir manusia. Bangsa Indonesia sebagai salah satu negara berkembang tidak akan bisa maju selama belum memperbaiki kualitas sumber daya manusia bangsa kita. Kualitas hidup bangsa dapat meningkat jika ditunjang dengan sistem pendidikan yang mapan. Dengan sistem pendidikan yang mapan, memungkinkan kita berpikir kritis, kreatif, dan produktif. Dalam dunia pendidikan, buku terbukti berdaya guna dan bertepat guna sebagai salah satu sarana pendidikan dan sarana komunikasi. Dalam kaitan inilah komunikasi sangatlah penting bagi kehidupan masa kini, dengan semakin berkmbangnya teknologi, maka semakin mudah pula cara berkomunikasi yang cepat dan praktis. Untuk meningkatkan pola fikir manusia sekarang, maka sangat perlu memberikan inspirasi positif agar manpu menjadi contoh yang baik bagi masyarakat. Penyususnan laporan ini guna memenuhi tugas pada salah satu mata kuliah dlam semester ganjil D3-PJJ PENS Selain itu juga untuk meningkatkan, mengasah ilmu pengaetahuan yang telah didapat agar bisa terealisasikan dengan mudah. 4

5 PEMBAHASAN A. Tugas Deskripsi Web Design Dalam pembuatan web personal ini bertujuan untuk kelengkapan dalam proses perkuliahan mata kuliah web design. Web ini lebih personal, meliputi identitas penyusun. Di dalamnya terdapat beberapa sub menu yang menceritakan sedikit tentang peyusun. HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam web browser. Ada dua cara untuk membuat web page, dengan HTML editor atau editor text biasa (misal : notepad) dan CSS. Pada web ini mempunyai beberapa page atau halaman web yang tersusun dalam setiap menu pada kolom menu yang sejumlah 4 halaman : 1. Beranda 2. About me 3. My Favorites 4. Ungkapan Danbo 5

Dalam beranda ini menampilkan sedikit mengenai isi dari web ini. Tampilannya bisa dilihat pada gambar di bawah.

6 Penjelasan tiap-tiap halaman akan dibahas sebagai berikut : 1. Beranda Keterangan : Ini adalah halaman awal atau pertama mengakses web. Ada beberapa tombol menu yang terlihat. Dalam beranda ini menampilkan sedikit mengenai isi dari web ini. Tampilannya bisa dilihat pada gambar di bawah. Agar lebih menarik, pada halaman ini penyusun membuat sedikit animasi bergerak pada gambar. Dengan gerakan arah dari kanan ke arah kiri. Denanag script <merquee>...</merquee> Yakni yang ditunjukkan oleh lingkaran pada gambar dibawah. 6

7 2. Menu About Keterangan : Pada halaman ini mejelaskan sedikit tentang penyusun. Background dari halaman ini juga berbeda dengan halam sebelumnya. Yang ditunjjukan oleh panah pada gambar dibawah. 7

8 3. Menu Favorites Keterangan : Halaman ini berisikan tentang kesukaan penyusun. Seperti yang tertera pada gambar dibawah. Hampir sama seperti halaman berikutnya. Background yang digunakan juga berbeda. 8

Penyusun juga menyertakan alamat facebook yang bisa diakses oleh pengguna web.

9 4. Menu Contact Keterangan : Pada halaman ini memberikan informasi mengenai data diri penyusun yang bisa dihubungi. Penyusun juga menyertakan alamat facebook yang bisa diakses oleh pengguna web. Tampilan background juga berbeda dengan halamn sebelumnya. Ada sebuah gambar yang juga bergerak ke kiri dari kanan. Yang ditunjukkan oleh panah pada gambar dibawah. 9

10 PENUTUP Dengan terselesainya laporan ini, penyusun berharap agar bisa bermanfaat, khususnya bagi penulis sendiri. Tentu laporan ini jauh dari sempurna, namun penulis telah berusaha semaksimal mungkin. Web ini dapat penyusun gunakan sebagai web pribadi yang bisa menyalurkan hobby penulis dan sebagai media belajar lebih lanjut tentang desain web. 10

dokumen-dokumen yang mirip

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup