MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net
-
Upload
moatazhesham -
Category
Education
-
view
236 -
download
0
Transcript of MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net
![Page 1: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/1.jpg)
Aspiration Webbers
Workshop
Session # 1
Prepared & Presented By:
Moataz Hesham Gamal El-Din
MSTC’16
![Page 2: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/2.jpg)
Moataz Hesham Gamal El-Din • Fourth level student at Faculty of Computers and
Information-Cairo University.
• Major: IT. Track: Hardware.
previous experience
• Funky-Android development participant • CCNA-Cisco Certified.• RCS Hackathon-Orange Labs Cairo,2014.• IBM training security.• Startup Company.
Who Am I?
![Page 3: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/3.jpg)
انتم !من
![Page 4: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/4.jpg)
Introduction toASP.NET
![Page 5: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/5.jpg)
• What is ASP.NET ?
• Web Application • Static Page Vs. Dynamic Page
• Introduction to HTML
Agenda
• Prerequisites
• HTML Syntax • Let’s Try
![Page 6: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/6.jpg)
What is ASP.NET ?
Active Server Pages dot NET
ASP.NET
![Page 7: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/7.jpg)
Web Application?
![Page 8: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/8.jpg)
Examples
![Page 9: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/9.jpg)
Examples
![Page 10: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/10.jpg)
Examples
![Page 11: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/11.jpg)
Web Development Vs. Web Design
![Page 12: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/12.jpg)
Web Development Or Web Design ?!
![Page 13: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/13.jpg)
![Page 14: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/14.jpg)
• Flexibility
• Cross Platform
• Maintenance
Why Web application ?
![Page 15: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/15.jpg)
Flexibility
![Page 16: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/16.jpg)
Cross Platform
![Page 17: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/17.jpg)
Maintenance
![Page 18: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/18.jpg)
Static page VS.
Dynamic page
![Page 19: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/19.jpg)
Prerequisites
![Page 20: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/20.jpg)
Introduction to HTML
![Page 21: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/21.jpg)
Hyper Text Markup Language
HTML
Introduction to HTML
![Page 22: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/22.jpg)
Introduction to HTML
Frontend Backend
![Page 23: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/23.jpg)
HTML Vs. CSS
![Page 24: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/24.jpg)
HTML
![Page 25: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/25.jpg)
CSS
![Page 26: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/26.jpg)
HTML Syntax
• Tags : - i.e. <b></b>, <p></p> and<table> </table>
• Attribute:- i.e. <table border=“1”></table>
• Element:- i.e. <tag>content</tag>- i.e. <tag attribute=“’’ >content</tag>
![Page 27: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/27.jpg)
HTML Syntax
• Types of HTML Tags
• Container Tags: - Start tag & end tag i.e. <b>……</b>
• Empty Tags: - Start tag i.e. <img/>
![Page 28: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/28.jpg)
How To Start ?
![Page 29: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/29.jpg)
How To Start ?1- Open notepad : Right Click - > New -> Text Doc…
![Page 30: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/30.jpg)
How To Start ?2- Open notepad : Right Click - > Rename.
3- Change file extension
![Page 31: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/31.jpg)
Important Tags <!DOCTYPE html> <html></html>
<head></head>
<body></body>
![Page 32: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/32.jpg)
Title page: <title> tag
<!DOCTYPE html>
<html>
<head><title>First Web page</title></head>
<body></body>
</html>
![Page 33: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/33.jpg)
<!DOCTYPE html>
<html>
<head><title>First Web page</title></head>
<body><p> Welcome To MSTC'16</p></body>
</html>
Paragraphs:<p> tag <p>……. </p>
![Page 34: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/34.jpg)
Input: <input> tag <input type=“ " ID=“ “/>
<!DOCTYPE html>
<html>
<head><title>First Web page</title></head>
<body>UserName: <input type="text" id="name"/>
Password: <input type="password" id=“pass"/>
</body></html>
![Page 35: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/35.jpg)
<!DOCTYPE html><html><head></head>
<body>
<button onclick="alert('Hello world!')">Click Me!</button> </body></html>
Buttons :<button> tag <button onClick=“” >Click Me</button>
![Page 36: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/36.jpg)
<!DOCTYPE html><html><head></head>
<body>
<button onclick="alert('Hello world!')">Click Me!</button> </body></html>
<button onClick=“” >Click Me</button>
Buttons :<button> tag
![Page 37: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/37.jpg)
<!DOCTYPE html><html><head></head>
<body>
<img src="E:\duck.jpg" width="300“ height="300"/> </body></html>
Images:<img> tag <img src="" width=“300“ height=“300“/>
![Page 38: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/38.jpg)
<!DOCTYPE html><html><head></head><body>
<a href="www.bing.com">visit address</a> </body></html>
Hyperlink: <a>tag <a href="www.google.com">Visit address</a>
![Page 39: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/39.jpg)
Hyperlink: <a>tag
![Page 40: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/40.jpg)
LET’s Try !
![Page 41: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/41.jpg)
![Page 42: MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net](https://reader034.fdocuments.in/reader034/viewer/2022052606/588614a91a28abe63e8b5f5f/html5/thumbnails/42.jpg)
Any Questions ?