Desain Web - PowerPoint PPT Presentation

desain web n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Desain Web PowerPoint Presentation
play fullscreen
1 / 30
Desain Web
168 Views
Download Presentation
quanda
Download Presentation

Desain Web

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Desain Web NanikTriana, M.Kom Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  2. PengantarDesain Web Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  3. Dalamduniamaya (internet) kitamengenalbeberapaistilahtentang web, www, website, Blog, web pages, dan homepage. Bagiorangawan, istilahtersebutbisasajadiartikansama. Adasebagianmasyakatkitamencantumkanalamatlengkapdenganimbuhan. misalnyahomepage: ww.akmi-baturaja.ac.id, http://detik.comatauhttp://blog.akmi-baturaja.ac.id/naniktriana Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  4. www (Word Wide Web) merupakankumpulan web server dariseluruhdunia yang berfungsimenyediakan data daninformasiuntukdigunakanbersama-sama. Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  5. fasilitashypertext yang mampumenampilkandata berupateks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungansatudengan yang lainnya. Untukmemudahkandalammembaca data tersebutdiperlukansebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozilla Firefox Web Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  6. Tempatpenyimpanan data daninformasiberdasarkantopiktertentu. Diibaratkan web site inisepertibuku yang berisitopiktertentu. Website Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  7. merupakansebuahhalamankhususdarisitus web tertentu. Di ibaratkanhalaman web inisepertihalamankhususdaribuku. Web Pages Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  8. merupakansampulhalaman yang berisidaftarisiatau menu darisebuahsitus web. Homepage Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  9. Mendesain web bukanmerupakanpekerjaan yang beratdanbukanmerupakan pekerjaan yang ringan. ApaMaksudnya ? Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  10. 1. Homepage (halamanutama) situsAndaharusdapatdiaksesmaksimal 8 detikataudapatdiaksesmelaluikoneksijaringan internet minimal 28,8 kbps. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  11. 1. Homepage (halamanutama) situsAndaharusdapatdiaksesmaksimal 8 detikataudapatdiaksesmelaluikoneksijaringan internet minimal 28,8 kbps. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  12. 2. Pastikanmenyertakan META Tag padamasing -masinghalaman website Anda. META Tag adalahkode yang memungkinkansearch engine (mesin pencari seperti: Google) untuk menentukankatakunci yang relevandari website Anda. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  13. 3. Pilihlahwarnalatarbelakang(background) yang sesuai, janganmenggunakanwarna yang mempengaruhiteksuntukdibaca.Warnasitusmenjadisebuahekspresihati. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  14. 4. Gunakananimasiseperlunya, janganterlaluberlebihankarenadapat mem-pengaruhi konsentrasi pengguna ketika sedang membacainformasi. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  15. 5. HalamanUtamasitusharuslebihspesifik agar parapengunjungdapatmengetahuiproduk yang ditawarkan. Sebagaicontoh, jikasitusAndamerupakansebuahlembagakonsultasimakasebaiknyajasa-jasakonsultasi yang ditawarkanditampilkandihalamanutama. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  16. 6. Hindaripemasanganiklan (banner) dibagianatas website Anda. Batasijumlah banner yang akanditayangkan, maksimal 2 dan idealnya cukup 1 banner. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  17. 7. Periksaejaan yang salahdanpastikangambardanlink terhubungdenganbaiksebelumditampilkansecara on-line.Kesalahandalammengetikkanalamaturlmengakibatkanhalamantersebutakan “ERROR”. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  18. 8. Lengkapilah website Andadengantombolnavigasi yang mudahdan tersusundenganrapi pada bagian atas, bawah, kiri, maupunkanan. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  19. 9. Jikaterpaksaharusmenggunakan Frame, gunakansecaratepat. Padadasarnya, penggunaan Frame dalamsebuahsitusakanberkesantidakprofesional. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  20. 10. Perhitungkanjumlahklik yang dibutuhkanuntukpindahdarihalamansatukelainnya. Jikaterlalubanyakklikakansangatmembosankanbagipengunjung. Andabisamenerapkansistemnavigasi yang lebihnyamandenganmenyertakan logo padasetiaphalamannya. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  21. 11. Periksa website Andadenganbeberapajenis browser karenamasing-masing browser memilikikemampuan yang berbeda. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  22. 11. Periksa website Andadenganbeberapajenis browser karenamasing-masing browser memilikikemampuan yang berbeda. Tips membuat Website Profesional Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  23. Adobe Photoshop (http://www.adobe.com) : software inisangatpopulerdandapatdiandalkanuntukmembuatdanmengeditgrafikmaupungambarfotografi. Software PendukungDesain Web Cantik Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  24. Adobe Illustrator (http://www.adobe.com) : software ini digunakanuntukmembuatgambardalambentukvektordandapatdigunakanuntukmembuatilustrasi.. Software PendukungDesain Web Cantik Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  25. PaintShop Pro (http://www.jasc.com) : software inisamadengan Adobe Photoshop, sedikitlebihcanggihnamunmasihkalahpopulerdibandingkan Adobe Photoshop. Software PendukungDesain Web Cantik Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  26. Macromedia Fireworks (http://www.macromedia.com) :software inisangatmiripdengan Adobe Photoshop, namun tool iniberbasisvektor. Software inimengijinkansemuaelemendapatdieditkembalidandapatberintegrasidengan Macromedia Dreamweaver. Software PendukungDesain Web Cantik Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  27. Macromedia Flash (http://www.macromedia.com) software inidapatdigunakanuntukmembuatanimasidanberbasisvektoruntuk website. Software PendukungDesain Web Cantik Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  28. GIF : Memiliki warna 8-bit, mendukung dalam bentuktransparan, mengkompresi area warnasecara solid, mereduksijumlahwarnadanmenjalinuntukproses download secaracepat, jugadapatdigunakanuntuk Format GrafisPendukungDesain Web Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  29. JPG : memilikiwarna 24-bit,menjaga kualitas brightness danhue yang ditemukandalamsebuahfoto, dapatdisimpandalam format berkualitstinggimaupunrendan (high or low resolution), sebuah file jpg dapat pula digunakanversiresolusirendah (low resolution) darigambar yang nampakketika gambar sedang didownload, tidak mendukung transparansi. Format GrafisPendukungDesain Web Pertemuan 1 l Desain Web l Nanik Triana, M.Kom

  30. PNG : PNG-8 mendukungwarna 8 bit, mengkompres area warna yang pekat, menjaga detail ketajaman, mendukungtransparansi, kompresilebihcanggihdibandingkan gif karenadapatmengkompresisekitar 10-30% lebihkecildari format GIF. Format GrafisPendukungDesain Web Pertemuan 1 l Desain Web l Nanik Triana, M.Kom