1 Web Page Delivered by : Burhan Amin Referensi/Acuan : - Marty Hall and Larry Brown, Core Web Programming,2nd, Prentice Hall PTR,

Presentasi berjudul: "1 Web Page Delivered by : Burhan Amin Referensi/Acuan : - Marty Hall and Larry Brown, Core Web Programming,2nd, Prentice Hall PTR,"— Transcript presentasi:

1 burhan_amin@yahoo.com 1 Web Page Delivered by : Burhan Amin Referensi/Acuan : - Marty Hall and Larry Brown, Core Web Programming,2nd, Prentice Hall PTR, 2002 - Deitel et.al,Internet and World Wide Web-How to Program, Prentice Hall,2000

2 2 Web Page Statis Apapun tidak dinamis, bahwa web server hanya mengembalikan kepada klien, bukannya membaca atau melaksanakan dan kemudian mengembalikan kepada klien itu. HTML, images, Flash, PDF, dll. W eb Page Dinamis Isi yang dihasilkan, disusun, atau jika tidak dirangkai oleh server. burhan_amin@yahoo.com

3 3 Server side scripting environment Suatu lingkungan bahasa program yang secara terus- menerus dirawat oleh web server. Server side script Suatu HTML file dengan perintah di dalamnya untuk suatu catatan dilingkungan sisi server. Untuk beberapa nama antara lain: ASP, PHP, JSP & Cold Fusion. burhan_amin@yahoo.com

4 4 Server side scripting Penulisan kode di dalam bahasa HTML halaman yang akan di-compile dan dieksekusi setiap kali halaman diakses. burhan_amin@yahoo.com

5 5  e-CRM (Customer Relationship Management)  e-Project Management  e-HRM (Human Resource Management)  e-SCM (Supply Chain Management)  e-Commerce  e-CMS (Content Management System)  e-Collaboration (Groupware Application)  e-Learning  m-Commerce  etc ( Dynamic Website ) burhan_amin@yahoo.com

6 6 Client-side Javascript VBScript Java Applet Server-side CGI/Perl ASP PHP JSP Cold Fusion Python burhan_amin@yahoo.com

7 PUSDATIN, TA. 2005burhan@deptan.go.id 7 1. HTML stands for Hypertext Markup Language. It moves towards XHTML (Extensible Hypertext Markup Language) to comply with XML standard. 2. HTML is executed by the browser and not on the server. 3. You do not have to log on to view local HTML pages. 4. HTML tags are not case sensitive. 5. Most HTML commands have both opening and closing tags. 6. Always close all tags that require closing tags. 7. Most HTML tags have attribute settings for extra control. 8. Undefined tags are ignored by the browser and not displayed.

8 8 Welcome to HTML Welcome to the world of HTML! burhan_amin@yahoo.com

9 9 Welcome to HTML Welcome to the world of HTML! burhan_amin@yahoo.com

10 10 Welcome to HTML Welcome to the world of HTML!

11 11 burhan_amin@yahoo.com

12 PUSDATIN, TA. 2005burhan@deptan.go.id 12 Color Numbers

13 13 burhan_amin@yahoo.com

14 14 Welcome to HTML This text will be aligned to the left (the default) This text will also be aligned to the left This text will be aligned to the center This text will be aligned to the right burhan_amin@yahoo.com

15 15 Welcome to HTML Welcome to HTML! Your passport to Internet creativity! Normal text starts here.... Heading tags come in six sizes from (biggest) to (smallest). Note that a blank line is generated after the closing heading tag. burhan_amin@yahoo.com

16 16 Welcome to HTML Bold Text Italic Text Bold & Italic Text burhan_amin@yahoo.com

17 17 Welcome to HTML Tiny Font Size Small Font Size Default Font Size Large Font Size Larger Font Size Even Larger Font Size Largest Font Size burhan_amin@yahoo.com

18 18 Welcome to HTML Blue Text Red Text Yellow Text burhan_amin@yahoo.com

19 19 Welcome to HTML Welcome to the world of HTML! Your passport to Internet creativity! burhan_amin@yahoo.com

20 20 A 2 + B 2 = C 2 Water = H 2 O burhan_amin@yahoo.com

21 21 < = < © = © " = " ¼ = ¼ = > ® = ® = ½ = ½ & = & ¢ = ¢ ° = ° ¾ = &#190 burhan_amin@yahoo.com

22 22 Welcome to HTML Directions for a WetNap ® Tear open packet Unfold Use The Attributes burhan_amin@yahoo.com

23 23 Welcome to HTML Directions for a WetNap ® Tear open packet Unfold Use The Attributes burhan_amin@yahoo.com

24 24 Using Link Colors Visited Link Unvisited Link burhan_amin@yahoo.com

25 25 burhan_amin@yahoo.com

26 26 Visit Departemen Pertanian Visit Departemen Pertanian. burhan_amin@yahoo.com

27 PUSDATIN, TA. 2005burhan@deptan.go.id 27 Email Burhan Amin Email Burhan Amin

28 28 Background Graphics. burhan_amin@yahoo.com

29 29 Virtual Fish Tank Please do not feed the fish. Thanks! src - The location of the image file. width - The width of the image. height - The height of the image. alt - Text displayed in the image's absence. border - Thickness of the border around the image. The Attributes burhan_amin@yahoo.com

30 30 Graphic Link Example Return to the WebYoda Home Page burhan_amin@yahoo.com

31 31 Graphic Link Example Return to the WebYoda Home Page burhan_amin@yahoo.com

32 32 Basic Table Example Basic Table Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2 burhan_amin@yahoo.com

33 33 Cell Spacing Example Cell Spacing Example Row1 Data1 Row1 Data2 Row1 Data3 Row2 Data1 Row2 Data2 Row2 Data3 Row3 Data1 Row3 Data2 Row3 Data3 burhan_amin@yahoo.com

34 34 Cell Padding Example Cell Padding Example Row1 Data1 Row1 Data2 Row1 Data3 Row2 Data1 Row2 Data2 Row2 Data3 Row3 Data1 Row3 Data2 Row3 Data3 burhan_amin@yahoo.com

35 35 Cell Padding Example Cell Padding Example Row1 Data1 Row1 Data2 Row1 Data3 Row2 Data1 Row2 Data2 Row2 Data3 Row3 Data1 Row3 Data2 Row3 Data3 burhan_amin@yahoo.com

36 36 Table Header Example Table Header Example Row1 Data1 Row1 Data2 Row1 Data3 Row2 Data1 Row2 Data2 Row2 Data3 Row3 Data1 Row3 Data2 Row3 Data3 burhan_amin@yahoo.com

37 37 Cell Color Example Cell Color Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2 burhan_amin@yahoo.com

38 38 Cell Texture Example Cell Texture Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2 burhan_amin@yahoo.com

39 39 T o p Top Left Top Center Top Right M i d d l e Middle Left Middle Center Middle Right B o t t o m Bottom Left Bottom Center Bottom Right burhan_amin@yahoo.com

40 40 Table and Column Width Example Table and Column Width Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2 burhan_amin@yahoo.com

41 41 Table and Column Width Example Table and Column Width Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2 burhan_amin@yahoo.com

42 42 Empty Table Cells Example Empty Table Cells Example 1 2 3 2 3 4 burhan_amin@yahoo.com

43 43 Table Column Span Example Table Column Span Example STOCKS PORTFOLIO Stock Symbol Own Value Microsoft MSFT 100 $6500 Ebay EBAY 50 $900 Yahoo YHOO 200 $3700 burhan_amin@yahoo.com

44 44 Table Row Span Example Table Row Span Example W E E K 1 Monday Tuesday Wednesday Thursday Friday Saturday Sunday burhan_amin@yahoo.com

45 45 Nested Tables Example Nested Tables Example Welcome to the World Wide Web By: Charlotte burhan_amin@yahoo.com

46 46 frame.htm burhan_amin@yahoo.com

47 47 frame.htm burhan_amin@yahoo.com

48 48 frame4.htm burhan_amin@yahoo.com

49 ”Subhanaaka laa ’ilma lanaa illaa maa ’allamtanaa innaka antal ’aliimul hakiim” [Q.S Al Baqarah : Ayat 32] Artinya : ”Mereka menjawab; Mahasuci Engkau, tidak ada pengetahuan bagi kami selain apa yang telah Engkau ajarkan kepada kami. Sesungguhnya Engkaulah yang Maha Mengetahui lagi Maha Bijaksana”. Alhamdulillah ”Subhanaaka laa ’ilma lanaa illaa maa ’allamtanaa innaka antal ’aliimul hakiim” [Q.S Al Baqarah : Ayat 32] Artinya : ”Mereka menjawab; Mahasuci Engkau, tidak ada pengetahuan bagi kami selain apa yang telah Engkau ajarkan kepada kami. Sesungguhnya Engkaulah yang Maha Mengetahui lagi Maha Bijaksana”. Alhamdulillah

50 50 Thanks for your sharing, See you……