Workshop 1 create a web from zero
Download as PPTX, PDF0 likes362 views
Dokumen ini memberikan panduan langkah demi langkah untuk mengembangkan web dari awal, mencakup dasar-dasar HTML, CSS, dan PHP. Tahapan belajar meliputi penulisan kode, desain, dan penggunaan Javascript untuk fungsionalitas interaktif. Selain itu, juga dibahas atribut penting dalam elemen HTML dan tips untuk meningkatkan pengalaman pengguna.
Workshop 1 create a web from zero
- 1. Create A Web From Zero #1 Eddy Tungadi
- 3. How A Web Works?
- 4. How To Develop A Web
- 5. OUR TOOLS • HTML • CSS • JAVASCRIPT (JQUERY) • PHP
- 7. Where Should We Start?
- 8. The Series I. Learning HTML & CSS II. Designing in Image Editor III. Coding Our Theme Design With HTML and CSS Editor IV. Learning Javascript (JQURY) V. Server Side Script (PHP)
- 9. Descibe HTML and CSS • Head • Body • Style Sama seperti tubuh manusia yang memiliki bagian-bagian dengan attribut, style, dan fungsi yang berbeda-beda
- 11. Element Category Tag Dasar Format Tulisan Blocks Links Frames Forms (input) Label (output) Lists Images Tables Styles Meta Info Pemrograman List • <ul> <li> first item </li> … </ul> Form • <FORM METHOD=”post” ACTION=”mailto:your@dom ain.com”> … </form> Meta • <meta http-equiv=”refresh” content=”5;url=foo.html” /> • <meta name=”keywords” content=”Physics, Maths, S cience” />
- 12. Element with its Attribute #1 Required Attribute • attribut yang harus dimasukkan agar tag berefek pada halaman web • <img src = “gambar.jpg”> Option Attribute • attribut yang sifatnya optional • <img width = ”10%”>
- 13. Element with its Attribute #2 Attribut inti sangat penting peranannya dalam pengaturan template web. Mereka adalah: -Title -Class -Id -name Core Attribute • attribut inti untuk pengaturan elemen HTML •<a title=”Link Ke Google”>Google </a> Event Attribute • attribut yang digunakan untuk memanggil event • <a href= ”http://www.google.c om” onmouseover = ”script_mouse()” > Google </a>
- 14. IMAGE TO HTML SESSION #2
- 18. TIPS AND TRICKS SESSION #4
- 19. • PENGGUNA SITUS MELAKUKAN SCAN • LEBIH SEDIKIT LEBIH BAIK • NAVIGASI • KECEPATAN AKSES • BIARKAN PENIKMAT BERBICARA! • PERHATIKAN MONITOR PENGGUNA • BROWSER APA YANG DIGUNAKAN • PLUG IN APA SAJA YANG DIMILIKI PENGGUNA • TAMBAHKAN FUNGSI JAVASCRIPT / JQUERY • KEMBANGKAN BACKEND DENGAN PHP