CSE3310: Web training A JumpStart for Project

Outline 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

Introduction to Website development Web pages that are only updated based on changes in the source code. (Static) The contents can change due to change in databases or other components even due to user interaction. (Dynamic) Static Vs Dynamic The type of page can also narrow down the languages that can be used for development. Choosing a development Language

Commonly used languages / frameworks Html (static)PHPJava / JSPASPPythonC/C++/C#Ruby on RailsColdFusionOthers..

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. This is in Times-10, with blue font color. This paragraph is in Arail-5 with pink font color.

PHP HyperText Preprocessor 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. Sample:

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

Some Basics in PHP * <?php //This is a comment /* This is a comment block */ echo "Hello World "; ?>

Sample-II *

Sample-III *

Sample-III(b) *

Sample-III(c) *

The Formatting and Creativity Apply Cascade Style Sheets (CSS).Style for each HTML element can be defined. External, Internal or In-line CSS can be created and used for any HTML file. However, name of different properties should known along with corresponding possible values. Dreamweaver can simplify the overall process, once learned.

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

References: [1]. [2]. ver.html [3]. [4]. [5]. * Note: Some of the examples from [1] were modified to serve as Samples for this presentation for CSE3310 students.