PELATIHAN WEB DESIGN & WEB PROGRAMMING

Ukuran: px

Mulai penontonan dengan halaman:

Download "PELATIHAN WEB DESIGN & WEB PROGRAMMING"

Herman Rachman
9 tahun lalu
Tontonan:

1 PRESENTASI PENAWARAN PRODUK PELATIHAN WEB DESIGN & WEB PROGRAMMING Oleh : Suyatno Budiharjo Jakarta, 11 Maret 2015 Presentation_ID *

2 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? 2

3 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. 3

4 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. 4

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

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

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

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

9 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) 9

10 SESI : HTML <html> <head> <title></title> </head> <body> <P>... </P> specify that text should be treated as a separate paragraph <CENTER>... </CENTER> center information in the browser window <B> </B> bold information <I> </I> italicize information <HR> insert horizontal rule across page </body> </html> 10

11 SESI : HTML <UL> </UL> unordered list <LI> </LI> list item <H1> </H1> information as H1 head <H8> </H8> information as H8 head Attribute Part of a tag that provides additional information about the element attribute-name = value <IMG SRC = "mypicture.gif"> inserts the image stored in file "mypicture.gif" 11

12 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. <P><A HREF=" disini</a></p> 12

13 SESI : HTML5 New Tags <section> to define section of pages <header> to define the header of a page <footer> to define the footer of a page <nav> to define the navigation elements on a page <article> to define an article or primary content of a page <aside> to define secondary content that might appear in a sidebar <figure> to define images that annotate an article 13

14 SESI : WEB APP FRAMEWORKS 1. yii 2. Codeigniter 3. CakePHP 4. Zend 5. Symfony 6. PHP Dev Shell 7. Prado 8. Akelos 9. QPHP 10. ZooP 14

15 SESI : WEB APP FRAMEWORKS 15

16 SESI : WEB APP FRAMEWORKS 16

17 SESI : TOOLS XAMPP : Apache web server, MySQL, PHP, Perl, FTP server & phpmyadmin. WampServer : Apache, PHP5 dan MySQL. EasyPHP : Apache server, MySQL, PHPMyAdmin. PHPTriad : Apache, Mysql, PHP dan PHPMyAdmin. AppServ : Apache, PHP, MySQL, phpmyadmin 17

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

19 SESI : DEMO 19

20 TERIMA KASIH 20

dokumen-dokumen yang mirip

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.