Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
Introduction to Website development PowerPoint Presentation
Download Presentation
Introduction to Website development

Introduction to Website development

101 Vues Download Presentation
Télécharger la présentation

Introduction to Website development

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 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

  2. <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.

  3. 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.

  4. Tools required: • PHP pre-processor • SQL server • We can use • XAMPP [4] • Notepad++ - Open Source [5] • Adobe’s Dreamweaver [2]

  5. Our System

  6. Some SQL Queries* * Source : http://www.w3schools.com/sql/sql_quickref.asp

  7. <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>

  8. Tools required: • ASP .Net Development Server • MySQL server • Debugger • We can use • MySQL • Microsoft Visual Studio / Microsoft Web Developer.

  9. 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.