5/26/2018 Pertemuan 1 - Perancangan Web - Intro

1/19

Gigin gantini putri S.Pd

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

2/19

Nama : Gigin Gantini Putri S.Pd

Email : gigingantiniputri@gmail.com

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

3/19

Nama Mata Kuliah : Perancangan Web

SKS : 1

Semester : IV

Durasi : 40-50 menit

Pertemuan : 12 1 UTS, 1 UAS

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

4/19

SAP, Kontrak Belajar (membahas kesepakatan belajar),perancangan website,konsep website.

Dreamweaver - pengenalan software, tampilan, open, save,close program, mengingat html, membuat tampilan sederhanasatu halaman html

Dreamweavergambar

Dreamweavertext, list

Dreamweaveranchor - link

Dreamweavertabel

UTS

Dreamweaverframe

Dreamweaverform

Dreamweaverfinishing website (bila memungkinkan embed flash)

Dreamweaverupload server

Dreamweaverpresentasi

Dreamweaverpresentasi

UAS

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

5/19

... Dreamweaver

... Photoshop

Perangkat lunak lain yang digunakan untuk

membuat laporan, dan desain

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

6/19

Pramono, Andi dan Syafii, M. (2005).

Kolaborasi Flash, Dreamweaver dan PHP

untuk aplikasi webiste. Yogyakarta: CV. Andi

Offset.W3schools.com

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

7/19

Quiz

Tugas

Kehadiran : minimal 80 %

UAS

UTS

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

8/19

Nilai Akhir = 30% (Quiz +Tugas+Kehadiran)+ 30%

UTS + 40% UAS

Nilai Huruf

80-100 A

68-79 B

56-67 C

45-55 D

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

9/19

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

10/19

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

11/19

sejumlah halaman webyang memiliki topik

saling terkait, terkadang disertai pula dengan

berkas-berkas gambar, video, atau jenis-jenis

berkas lainnya.-- World Wide WebConsortium

http://id.wikipedia.org/wiki/Halaman_webhttp://www.w3.org/http://www.w3.org/http://www.w3.org/http://www.w3.org/http://www.w3.org/http://id.wikipedia.org/wiki/Halaman_web

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

12/19

Statistidak berkala--

Dinamisberkala--

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

13/19

Aplication

Browser

Server

IP addressDNS

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

14/19

Promosi

Pemasaran

Informasi

Pendidikan Komunikasi

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

15/19

--proses, cara, perbuatan merancang

WEBSITE

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

16/19

1. Usability --

2. Sistem navigasi -- grafis, layout, warna,bentuk maupun typografi

3. Graphic Design-- 'Content is king , butwithout good design , Content is a naked king'

4. Content--

5. Kompatibilitas-- browser

6. Loading time--7. Functionalitydinamis

8. Accesibilityhuman needs

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

17/19

Flowchartmerupakan sebuah diagram dengan

simbol-simbol grafis yang menyatakan tipe

operasi program yang berbeda

Tanda awal dan akhir Panah

Input/output

Conditional

langkah

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

18/19

5/26/2018 Pertemuan 1 - Perancangan Web - Intro

19/19