170 likes | 310 Vues
Dive into the essentials of web development with this comprehensive guide focusing on PHP and ASP.NET. Learn how to build simple web pages using HTML, incorporating styles and images, and explore the functionality of PHP for dynamic content generation. Discover tools like Adobe Dreamweaver and XAMPP for local development, as well as best practices for using ASP.NET with MySQL databases. This guide provides practical examples and resources to kickstart your web development journey and create effective, visually appealing web applications.
E N D
Introduction to Website development • Web Development Languages • How to build simple Pages in • PHP • Introduction to Adobe Dreamweaver • How to build simple Pages in • ASP.net
<html> <body> <p> <font size="10" face="Times" color="Blue"> This is in Times-10 , with blue font color. </font> </p> <p> <font size="5" face="Arial" color="pink"> This paragraph is in Arail-5 with pink font color. </font> </p> <img src="Koala.jpg" alt="Koala"/ width="700" height="500"> </body> </html> • Mostly used for Static Pages. • Directly Interpreted by HTML browsers. • Simple but less powerful in terms of creating dynamic and complex pages. • The Sample Code contains two different styles of text with an image.
HyperText Preprocessor Sample:<html>< body>< ?phpecho "Hello World";?>< /body>< /html> • Tag-based • Need a Special Preprocessor to convert the php code to html. • Can be directly embedded into HTML text. • Provides good flexibility to connect with different databases. • Open Source and free to use.
Tools required: • PHP pre-processor • SQL server • We can use • XAMPP [4] • Notepad++ - Open Source [5] • Adobe’s Dreamweaver [2]
Some SQL Queries* * Source : http://www.w3schools.com/sql/sql_quickref.asp
<html> <body> <?php //This is a comment /* This is a comment block */ echo"Hello World <br>"; ?> <imgsrc="images/Koala.jpg“ alt="Koala"/ width="700"height="500"> </body> </html>
Tools required: • ASP .Net Development Server • MySQL server • Debugger • We can use • MySQL • Microsoft Visual Studio / Microsoft Web Developer.
References: [1]. http://www.w3schools.com/php/ [2].http://www.adobe.com/products/dreamweaver.html [3]. http://www.w3schools.com/css/ [4]. http://sourceforge.net/projects/xampp/ [5]. http://notepad-plus-plus.org/ * Note: Some of the examples from [1] were modified to serve as Samples for this presentation for CSE3310 students.