PRESENTASI PELATIHAN WEB DESIGN & WEB PENAWARAN PROGRAMMING PRODUK Oleh : Suyatno Budiharjo

Jakarta, 11 Maret 2015 Presentation_ID

*

SESI : INTERNET  Ini adalah jaringan terbesar yang ada di dunia yang menghubungkan jutaan jaringan individu ke seluruh dunia.  Terminologi yang populer dari Internet adalah Jalan Tol Informasi  Penggunaan dari Internet ?

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

2

SESI : WEB (WWW) Web Infrastruktur dari informasi yang digabungkan dengan software jaringan yang digunakan untuk mengaksesnya. Web page Dokumen yang berisi referensi atau rujukan dari berbagai jenis data. Links Hubungan antara satu halaman web dengan halaman web yang lainnya.

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

3

SESI : WEB (WWW) Website Koleksi dari halaman web yang berhubungan Web browser Perangkat lunak yang digunakan mendapatkan kembali dan menampilkan halaman web Web server Komputer yang disetting untuk merespon permintaan halaman web.

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

4

SESI : SEARCH ENGINE (SE) Search Engine Search Engine Optimization (SEO) Instant Mesaging (IM) Blog (Weblog) Cookie

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

5

SESI : WEB (WWW) Uniform Resource Locator (URL) Cara standar untuk menentukan lokasi dari halaman web yang berisi hostname,"/", domain, "/" file

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

6

SESI : SEARCH ENGINE (SE) Search Engine Search Engine Optimization (SEO) Instant Mesaging (IM) Blog (Weblog) Cookie

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

7

SESI : EDITOR Notepad / Notepad++ CoffeeCup Geany DreamWeaver BBEdit Bluefish Brackets Coda Code Writer TexTastic Vim Atom ICECoder Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

8

SESI : WEB PROGRAMMING HTML (HyperText Markup Language), HTML5 ASP (Active Server Page) JSP (Java Server Page) Java Javascript jQuery Python Ruby PHP (PHP Hypertext Preprocessor) CSS (Cascading Style Sheet)

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

9

SESI : HTML

. . .

specify that text should be treated as a separate paragraph . . . center information in the browser window … bold information … italicize information

---

insert horizontal rule across page

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

10

SESI : HTML

…

unordered list

…

list item

…

information as H1 head … … information as H8 head Attribute Part of a tag that provides additional information about the element attribute-name = value inserts the image stored in file "myPicture.gif"

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

11

SESI : HTML A link is specified using the element A, (which stands for anchor) and attribute HREF that specifies the URL of the destination document.

Klik disini

Presentation_ID

© 2008 Cisco Systems, Inc. All rights reserved.

Cisco Confidential

12

SESI : HTML5 New Tags <section> to define section of pages

to define the header of a page