1 / 30

Desain Web

Desain Web. Nanik Triana , M.Kom. Pengantar Desain Web.

quanda
Download Presentation

Desain Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related