Download presentation
Presentation is loading. Please wait.
1
CSE3310: Web training A JumpStart for Project
2
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
3
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
4
Commonly used languages / frameworks
Html (static) PHP Java / JSP ASP Python C/C++/C# Ruby on Rails ColdFusion Others..
5
HTML Mostly used for Static Pages.
<body> <p> <font size="10" face="Times" color="Blue"> This is in Times-10 , with blue font color. </font> </p> <font size="5" face="Arial" color="pink"> This paragraph is in Arail-5 with pink font color. <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.
6
PHP HyperText Preprocessor Tag-based
Sample: <html> < body> < ?php echo "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.
7
Tools required: We can use Development in PHP PHP pre-processor
SQL server We can use XAMPP [4] Notepad++ - Open Source [5] Adobe’s Dreamweaver [2]
8
Our System
9
* Source : http://www.w3schools.com/sql/sql_quickref.asp
Some SQL Queries* SELECT SELECT column_name(s) FROM table_name SELECT * SELECT * FROM table_name CREATE DATABASE CREATE DATABASE database_name CREATE TABLE CREATE TABLE table_name ( column_name1 data_type, column_name2 data_type, column_name2 data_type, ) GROUP BY SELECT column_name, aggregate_function(column_name) FROM table_name WHERE column_name operator value GROUP BY column_name BETWEEN SELECT column_name(s) FROM table_name WHERE column_name BETWEEN value1 AND value2 ORDER BY SELECT column_name(s) FROM table_name ORDER BY column_name [ASC|DESC] DELETE DELETE FROM table_name WHERE some_column=some_value or DELETE FROM table_name (Note: Deletes the entire table!!) DELETE * FROM table_name (Note: Deletes the entire table!!) DROP DATABASE DROP DATABASE database_name DROP TABLE DROP TABLE table_name INSERT INTO INSERT INTO table_name VALUES (value1, value2, value3,....) INSERT INTO table_name (column1, column2, column3,...) VALUES (value1, value2, value3,....) * Source :
10
Some Basics in PHP* <html> <body> <?php //This is a comment /* This is a comment block */ echo "Hello World <br>"; ?> <img src="images/Koala.jpg“ alt="Koala"/ width="700" height="500"> </body> </html>
11
Sample-II*
12
Sample-III*
13
Sample-III(b)*
14
Sample-III(c)*
15
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.
16
Tools required: We can use Development in ASP .net
ASP .Net Development Server MySQL server Debugger We can use MySQL Microsoft Visual Studio / Microsoft Web Developer.
17
References: [1]. http://www.w3schools.com/php/
[2]. [3]. [4]. [5]. * Note: Some of the examples from [1] were modified to serve as Samples for this presentation for CSE3310 students.
![References: [1].](http://slideplayer.com./slide/6658648/23/images/17/References%3A+%5B1%5D..jpg "[2]. [3]. [4]. [5]. * Note: Some of the examples from [1] were modified to serve as Samples for this presentation for CSE3310 students.")
Similar presentations
