MSTCCU'16 - Aspiration Webbers - Session 1 - Introduction To ASP.net
Post on 14-Apr-2017
230 Views
Preview:
Transcript
Aspiration Webbers
Workshop
Session # 1
Prepared & Presented By:
Moataz Hesham Gamal El-Din
MSTC’16
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?
انتم !من
Introduction toASP.NET
• What is ASP.NET ?
• Web Application • Static Page Vs. Dynamic Page
• Introduction to HTML
Agenda
• Prerequisites
• HTML Syntax • Let’s Try
What is ASP.NET ?
Active Server Pages dot NET
ASP.NET
Web Application?
Examples
Examples
Examples
Web Development Vs. Web Design
Web Development Or Web Design ?!
• Flexibility
• Cross Platform
• Maintenance
Why Web application ?
Flexibility
Cross Platform
Maintenance
Static page VS.
Dynamic page
Prerequisites
Introduction to HTML
Hyper Text Markup Language
HTML
Introduction to HTML
Introduction to HTML
Frontend Backend
HTML Vs. CSS
HTML
CSS
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>
HTML Syntax
• Types of HTML Tags
• Container Tags: - Start tag & end tag i.e. <b>……</b>
• Empty Tags: - Start tag i.e. <img/>
How To Start ?
How To Start ?1- Open notepad : Right Click - > New -> Text Doc…
How To Start ?2- Open notepad : Right Click - > Rename.
3- Change file extension
Important Tags <!DOCTYPE html> <html></html>
<head></head>
<body></body>
Title page: <title> tag
<!DOCTYPE html>
<html>
<head><title>First Web page</title></head>
<body></body>
</html>
<!DOCTYPE html>
<html>
<head><title>First Web page</title></head>
<body><p> Welcome To MSTC'16</p></body>
</html>
Paragraphs:<p> tag <p>……. </p>
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>
<!DOCTYPE html><html><head></head>
<body>
<button onclick="alert('Hello world!')">Click Me!</button> </body></html>
Buttons :<button> tag <button onClick=“” >Click Me</button>
<!DOCTYPE html><html><head></head>
<body>
<button onclick="alert('Hello world!')">Click Me!</button> </body></html>
<button onClick=“” >Click Me</button>
Buttons :<button> tag
<!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“/>
<!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>
Hyperlink: <a>tag
LET’s Try !
Any Questions ?
/moataz.hesham.5
Contact Me:
moatazhesham2014@hotmail.com
top related