1. Create A Web From Zero
#1
Eddy Tungadi

2. INTRODUCTION
SESSION #1

3. How A Web Works?

4. How To Develop A Web

5. OUR
TOOLS
• HTML
• CSS
• JAVASCRIPT (JQUERY)
• PHP

6. Base
Template
Styling
Functionality
Server Side
Scripts

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

10. How to
write the
code

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

15. How to
write the
code

16. NAVIGATION
SESSION #3

17. How to
write the
code

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