160 likes | 174 Views
Information Technology(IT). Welcome to study Web-Development with ASP. Course Outline Web-Development with ASP. 1-Overview about Internet and HTML 2-Introduction ASP 3-Object ASP 4-FileSystemObject 5-Database( ADO ). Objective. Objective:
E N D
Information Technology(IT) Welcome to study Web-Development with ASP
Course Outline Web-Development with ASP 1-Overview about Internet and HTML 2-Introduction ASP 3-Object ASP 4-FileSystemObject 5-Database( ADO )
Objective Objective: សិក្សាអំពីការបង្កើតគេហទំព័រសម្រាប់ការប្រើប្រាស់ច្រើនយ៉ាង ប្រយោជន៍សំខាន់គឺដើម្បីសិស្សមានសមត្ថភាពរៀនឬស្រាវជ្រាវ អំពីភាសារកម្មវិធី Programming languageដោយខ្លួនឯងបាន។
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
b-HTML • 1-format tag • 2-image • 3-table • 4-links and anchor • 5-css • 6-form • Detail: • http://w3schools.com/html/default.asp • ___________________
1-format tag • <b> • <i> • <u> • <h1> • : • <h6> • <p> • <div> • <br> • <hr> • • <font color:red … > • <marquee > • : • _________
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.
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 • =====================អត្ថប្រយោជន៍:
អត្ថប្រយោជន៍: • -ងាយស្រួលក្នុងការសរសេរកូដ • ex:បើមាន១០pageពេលកែរត្រូវចូលទាំងគ្រប់ តែពេលខ្លះអាចភ្លេច... • -កាត់បន្ថយការសរសេរកូដ • ex: គ្រាន់តែប្រើH1 មានcolor red រួចស្រេច... • -ងាយគ្រប់គ្រងកូដ • ex: File មាន ៣២១ lines តែយើងអាចបង្រួមសល់តែ១០០ lines...
***Three Ways to Insert CSS • There are three ways of inserting a style sheet: • * External style sheet • * Internal style sheet • * Inline style
Ex. Using CSS ? • Please check URL: w3schools.com
6- Form (Interface Design) • Syntax: • <form name=form_name action=url method=post/get> Elements of Form • </form>
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:
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>
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>
W3schools.com • អនុវត្តន៍ (Practice)