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

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.

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.

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

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 )

6 Client-side Javascript VBScript Java Applet Server-side CGI/Perl ASP PHP JSP Cold Fusion Python

PUSDATIN, TA 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 Welcome to HTML Welcome to the world of HTML!

9 Welcome to HTML Welcome to the world of HTML!

10 Welcome to HTML Welcome to the world of HTML!

11

PUSDATIN, TA. 12 Color Numbers

13

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

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.

16 Welcome to HTML Bold Text Italic Text Bold & Italic Text

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

18 Welcome to HTML Blue Text Red Text Yellow Text

19 Welcome to HTML Welcome to the world of HTML! Your passport to Internet creativity!

20 A 2 + B 2 = C 2 Water = H 2 O

21 < = < © = © " = " ¼ = ¼ = > ® = ® = ½ = ½ & = & ¢ = ¢ ° = ° ¾ = &#190

22 Welcome to HTML Directions for a WetNap ® Tear open packet Unfold Use The Attributes

23 Welcome to HTML Directions for a WetNap ® Tear open packet Unfold Use The Attributes

24 Using Link Colors Visited Link Unvisited Link

25

26 Visit Departemen Pertanian Visit Departemen Pertanian.

PUSDATIN, TA. 27 Burhan Amin Burhan Amin

28 Background Graphics.

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

30 Graphic Link Example Return to the WebYoda Home Page

31 Graphic Link Example Return to the WebYoda Home Page

32 Basic Table Example Basic Table Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2

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

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

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

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

37 Cell Color Example Cell Color Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2

38 Cell Texture Example Cell Texture Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2

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

40 Table and Column Width Example Table and Column Width Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2

41 Table and Column Width Example Table and Column Width Example Row1 Data1 Row1 Data2 Row2 Data1 Row2 Data2

42 Empty Table Cells Example Empty Table Cells Example

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

44 Table Row Span Example Table Row Span Example W E E K 1 Monday Tuesday Wednesday Thursday Friday Saturday Sunday

45 Nested Tables Example Nested Tables Example Welcome to the World Wide Web By: Charlotte

46 frame.htm

47 frame.htm

48 frame4.htm

”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 Thanks for your sharing, See you……