1 / 16

Learn Web Development with ASP: Course Overview

Dive into creating websites with ASP, HTML, CSS, and more. Learn about Internet basics, HTML tags, form design, and CSS styling. This course covers essential web development concepts with practical examples and resources.

corrinne
Download Presentation

Learn Web Development with ASP: Course Overview

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Information Technology(IT) Welcome to study Web-Development with ASP

  2. Course Outline Web-Development with ASP 1-Overview about Internet and HTML 2-Introduction ASP 3-Object ASP 4-FileSystemObject 5-Database( ADO )

  3. Objective Objective: សិក្សាអំពីការបង្កើតគេហទំព័រសម្រាប់ការប្រើប្រាស់ច្រើនយ៉ាង ប្រយោជន៍សំខាន់គឺដើម្បីសិស្សមានសមត្ថភាពរៀនឬស្រាវជ្រាវ​ អំពីភាសារកម្មវិធី Programming languageដោយខ្លួនឯងបាន។​

  4. 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. 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. 1-format tag • <b> • <i> • <u> • <h1> • : • <h6> • <p> • <div> • <br> • <hr> • &nbsp; • <font color:red … > • <marquee > • : • _________

  7. 2-image , 3-table , 4-links and anchor • 2- • <img src=url border=size width=... height=... align=...> • 3- • <table border=... width=... height=.... cellpadding=.... cellspacing=.... align= > • -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. 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 url • =====================អត្ថប្រយោជន៍:

  9. អត្ថប្រយោជន៍: • -ងាយស្រួលក្នុងការសរសេរកូដ • ex:បើមាន១០pageពេលកែរត្រូវចូលទាំងគ្រប់ តែពេលខ្លះអាចភ្លេច... • -កាត់បន្ថយការសរសេរកូដ • ex: គ្រាន់តែប្រើH1 មានcolor red រួចស្រេច... • -ងាយគ្រប់គ្រងកូដ • ex: File មាន ៣២១ lines តែយើងអាចបង្រួមសល់តែ១០០ lines...

  10. ***Three Ways to Insert CSS • There are three ways of inserting a style sheet: • * External style sheet • * Internal style sheet • * Inline style

  11. Ex. Using CSS ? • Please check URL: w3schools.com

  12. 6- Form (Interface Design) • Syntax: • <form name=form_name action=url method=post/get> Elements of Form • </form>

  13. Elements of form(controls/components/items/objects) Type Description • Text =>textbox​ • Password =>password • Submit =>button • Reset =>button Reset • File =>button for uploads file • Textarea =>textarea • Select =>Combobox/Dropdownlist​ ចុចធ្លាក់ • Radio =>សម្រាប់ជ្រើសរើសបានតែមួយ • Checkbox =>សម្រាប់ជ្រើសរើសបានច្រើន • : • Ex:

  14. Example 1: • Save: example1.html • <FORM > • Username: <INPUT type="text" size="10" maxlength="30"><BR> • Password: <INPUT type="password" size="10" maxlength="30"> • <INPUT type="Submit" VALUE="Submit"> • </FORM>

  15. Example 1: • Save: example2.html • <FORM > • <fieldset style="width:230"><legend title="123">Login</legend> • Username: <INPUT type="text" size="10" maxlength="30"><BR> • Password: <INPUT type="password" size="10" maxlength="30"> • <INPUT type="Submit" VALUE="Submit"> • </fieldset> • </FORM>

  16. W3schools.com • អនុវត្តន៍ (Practice)

More Related