Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pengantar Desain Web

    Diunggah oleh

    rizqianandaftinfor
    4 tayangan22 halaman
    design

    Judul Asli

    1. Pengantar Desain Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    design

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    4 tayangan22 halaman

    Pengantar Desain Web

    Diunggah oleh

    rizqianandaftinfor
    design

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 22

    DESAIN WEB

    Topik I
    PENGANTAR DESAIN WEB

    Arwin Halim, M.Kom.

    ah-16.03
    Sub-topik
    - Internet dan Website
    - Ilustrasi Website
    - Desain Web
    - Web Development
    - Preparation

    PENGANTAR DESAIN WEB ah-16.03


    Internet dan Website
    Internet = Website ?

    PENGANTAR DESAIN WEB ah-16.03


    Internet

    Internet

    PENGANTAR DESAIN WEB ah-16.03


    Cont…
    google.com mikroskil.ac.id
    216.58.199.206 202.57.7.85

    facebook.com
    173.252.91.4

    PENGANTAR DESAIN WEB ah-16.03


    Website
    URL = Uniform Resource Locator

    Let‘s understanding the fundamentals of how the Web works.

    PENGANTAR DESAIN WEB ah-16.03


    Request –
    Response
    Cycle

    ah-16.03 PENGANTAR DESAIN WEB


    Desain Web
    Desain Web merupakan kombinasi dari beberapa disiplin ilmu:
    - Graphic design
    - Information design
    - Interface design
    - HTML, style sheet and graphical production
    - Scripting and programming
    - Multimedia

    PENGANTAR DESAIN WEB ah-16.03


    Web Development
    Teknologi yang berhubungan dengan pengembangan web:
    - HyperText Markup Language (HTML)
    - Cascading Style Sheets (CSS)
    - Javascript
    - Server-side programming and database management

    PENGANTAR DESAIN WEB ah-16.03


    Cont…

    PENGANTAR DESAIN WEB ah-16.03


    HTML
    HTML = programming language ?

    PENGANTAR DESAIN WEB ah-16.03


    CSS

    PENGANTAR DESAIN WEB ah-16.03


    Javascript

    PENGANTAR DESAIN WEB ah-16.03


    Server-side Programming

    PENGANTAR DESAIN WEB ah-16.03


    Database Management

    PENGANTAR DESAIN WEB ah-16.03


    Preparation
    - Equipment
    - Software
    - Editor
    - Internet Tools: Browser

    PENGANTAR DESAIN WEB ah-16.03


    Editor
    - Notepad
    - Vi / vim
    - Sublime Text
    - Notepad++
    - Bracket
    - Adobe dreamweaver
    - dll

    PENGANTAR DESAIN WEB ah-16.03


    Browser
    Isu:
    - Banyak browser
    - Web standar
    - W3C (WWW Consortium)

    PENGANTAR DESAIN WEB ah-16.03


    Engine pada Browser
    Browser Engine
    Microsoft Internet Explorer Trident
    Mozilla Firefox Gecko
    Google Chrome Webkit
    Apple Safari Webkit
    Opera Presto (next: Webkit)

    PENGANTAR DESAIN WEB ah-16.03


    Distribusi Pengguna Browser
    PENGANTAR DESAIN WEB ah-16.03
    Diskusi

    > Next: HTML dan CSS Dasar

    PENGANTAR DESAIN WEB ah-16.03


    Task
    - Download dan Install Editor Sublime Text
    (http://www.sublimetext.com/)
    - [optional] Download dan Install Editor Brackets
    (http://brackets.io/)
    - Baca (minimal 10) tags HTML pada:
    http://htmldog.com/references/html/tags/

    PENGANTAR DESAIN WEB ah-16.03

    Anda mungkin juga menyukai