1. 1 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Information Technology(IT) Welcome to study Web-Development with ASP

2. 2 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Course Outline Web-Development with ASP 1-Overview about Internet and HTML 2-Introduction ASP 3-Object ASP 4-FileSystemObject 5-Database( ADO )

3. 3 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Objective Objective: ​ Programming language ​

4. 4 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Chapter I : Overview about Internet and HTML  a-Internet  -Language use to create website : HTML,ASP,ASP.net,PHP,JSP,  Javascript,vbscript....http://www.w3schools.com  -Tools: notepad,VS(Visual Studio.net),Dreamweaver,Netbean,eclip..  -Type of Website have 2  1-Static site  2-Dynamic site  DBMS: MS-access,Oracle,SQL,MySQL..  WebServer: IIS,apache,Jrun,Tomcat..  WebBrowser: IE,firefox,Netscap,safery,chrome..  URL: Uniform Resource Locator  URI: Uniform Resource Indicator  b-HTML

5. 5 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 b-HTML  1-format tag  2-image  3-table  4-links and anchor  5-css  6-form  Detail:  http://w3schools.com/html/default.asp  ___________________

6. 6 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 1-format tag   :     :  _________

7. 7 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 2-image, 3-table, 4-links and anchor  2-   3-   -text in table  -image in table  -table in table  4-  Welcome to Visited Cambodia  -Text link  -image link  -new windows =target=...  anchor =go to another place in page.

8. 8 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 5-css  What is CSS?  * CSS stands for Cascading Style Sheets  * Styles define how to display HTML elements  * External Style Sheets can save a lot of work  * External Style Sheets are stored in CSS files  Syntax: Please check urlPlease check url  =====================  :

9. 9 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 :  -  ex:page...  -  ex: H1 color red...  -  ex: File lines lines...

10. 10 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 ***Three Ways to Insert CSS  There are three ways of inserting a style sheet:  * External style sheet  * Internal style sheet  * Inline style

11. 11 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Ex. Using CSS ?  Please check URL: w3schools.comw3schools.com

12. 12 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 6- Form (Interface Design)  Syntax:  Elements of Form 

13. 13 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Elements of form (controls/components/items/objects) TypeDescription  Text=>textbox ​  Password=>password  Submit=>button  Reset=>button Reset  File=>button for uploads file  Textarea=>textarea  Select=>Combobox/Dropdownlist ​  Radio=>  Checkbox=>  :  Ex:

14. 14 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Example 1:  Save: example1.html   Username:  Password: 

15. 15 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 Example 1:  Save: example2.html   Login  Username:  Password: 

16. 16 Web-Dev- Program. SETEC Institute Management Information System Web-Development -by Lay Ratha email: layratha@gmail.comlayratha@gmail.com ©-2011 W3schools.com  (Practice)