Recommended
More Related Content
What's hot
What's hot (12)
Similar to Fourth level student at Faculty of Computers and Information-Cairo University
Similar to Fourth level student at Faculty of Computers and Information-Cairo University (20)
Recently uploaded
Recently uploaded (20)
Fourth level student at Faculty of Computers and Information-Cairo University
- 2. 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?
- 3. انتم من!
- 5. • What is ASP.NET ? • Web Application • Static Page Vs. Dynamic Page • Introduction to HTML Agenda • Prerequisites • HTML Syntax • Let’s Try
- 6. What is ASP.NET ? ctive erver ages
- 8. Examples
- 9. Examples
- 10. Examples
- 11. Web Development Vs. Web Design
- 12. Web Development Or Web Design ?!
- 14. • Flexibility • Cross Platform • Maintenance Why Web application ?
- 15. Flexibility
- 16. Cross Platform
- 17. Maintenance
- 19. Prerequisites
- 21. yper ext arkup anguage Introduction to HTML
- 22. Introduction to HTML Frontend Backend
- 23. HTML Vs. CSS
- 24. HTML
- 25. CSS
- 26. 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>
- 27. HTML Syntax • Types of HTML Tags • Container Tags: - Start tag & end tag i.e. <b>……</b> • Empty Tags: - Start tag i.e. <img/>
- 28. How To Start ?
- 29. How To Start ? 1- Open notepad : Right Click - > New -> Text Doc…
- 30. How To Start ? 2- Open notepad : Right Click - > Rename. 3- Change file extension
- 31. Important Tags <!DOCTYPE html> <html></html> <head></head> <body></body>
- 32. Title page: <title> tag <!DOCTYPE html> <html> <head> <title>First Web page</title> </head> <body> </body> </html>
- 33. <!DOCTYPE html> <html> <head> <title>First Web page</title> </head> <body> <p> Welcome To MSTC'16</p> </body> </html> Paragraphs:<p> tag <p>……. </p>
- 34. 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>
- 35. <!DOCTYPE html> <html> <head> </head> <body> <button onclick="alert('Hello world!')">Click Me!</button> </body> </html> Buttons :<button> tag <button onClick=“” >Click Me</button>
- 36. <!DOCTYPE html> <html> <head> </head> <body> <button onclick="alert('Hello world!')">Click Me!</button> </body> </html> <button onClick=“” >Click Me</button> Buttons :<button> tag
- 37. <!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“/>
- 38. <!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>
- 40. LET’s Try !
- 42. Any Questions ?