logging in or signing up Web Development & Web Technologies Zarrata Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 1698 Category: Education License: Some Rights Reserved Like it (2) Dislike it (0) Added: September 25, 2010 This Presentation is Public Favorites: 3 Presentation Description Web 1.0 Vs Web 2.0, HTML, PHP & MySQL. Comments Posting comment... By: priyacel (7 month(s) ago) i need tis presentation pls send it to priyaanto06@yahoo.co.in Saving..... Post Reply Close Saving..... Edit Comment Close By: Zarrata (10 month(s) ago) To request a download, please contact dev@zarrata.com Saving..... Post Reply Close Saving..... Edit Comment Close By: paramesh309 (16 month(s) ago) itssss veryyyyyyyyy nice Saving..... Post Reply Close Saving..... Edit Comment Close By: maamirkhan (16 month(s) ago) nice Saving..... Post Reply Close Saving..... Edit Comment Close By: satty23 (17 month(s) ago) hi Saving..... Post Reply Close Saving..... Edit Comment Close loading.... See all Premium member Presentation Transcript Web Development TechnologiesHTML & Beyond : Web Development TechnologiesHTML & Beyond -Rishabh Dev Zarrata.com Slide 2: Zarrata.com Web Technologies - 1.0 Vs 2.0 : Web Technologies - 1.0 Vs 2.0 Zarrata.com Slide 4: Web 1.0 was reading, Web 2.0 is writing Web 1.0 was companies, Web 2.0 is communities Web 1.0 was home pages, Web 2.0 is blogs Web 1.0 was guestbooks, Web 2.0 is social networks Web 1.0 was Static, Web 2.0 is Dynamic …Web 1.0 was a tool, Web 2.0 is a lifestyle. Zarrata.com The Basis Of All Websites : The Basis Of All Websites (a simple & effective language the www understands) Zarrata.com Slide 6: (code in C/C++) (output program) (code in HTML) (output webpage) (save as .exe) (save as .html) Zarrata.com The Basic Syntax : The Basic Syntax <html> <head> <title> Title Of Page </title> </head> <body> Content Of Page </body> </html> (the title tag is an element of the head tag) Zarrata.com Slide 8: Zarrata.com Case Study – Our College Website : Case Study – Our College Website Zarrata.com The META Tag : The META Tag (They provide site description & keywords to search engines like Google) <meta name="description" content=" Facebook is a social utility that connects people with friends and others who work, study and live around them." /> Zarrata.com META Description Of Our College Website… : META Description Of Our College Website… <meta content="PPP is basically just a different method of procuring public services and infrastructure by combining the best of the public and private sectors with an emphasis on value for money and delivering quality public services. Through this site, the Indian Government aims to provide a central point of access to the Public Private Partnership process in India. PPP is basically just a different method of procuring public services and infrastructure by combining the best of the public and private sectors with an emphasis on value for money and delivering quality public services. This site provides direct access to Key Documents, including legislation & regulation and central guidance & guidelines on the PPP process, News on major developments and information</" name="description"> Zarrata.com Which shows up on Google as… : Which shows up on Google as… (…And has nothing to do with either the college, or the website) Zarrata.com META Keywords Of YouTube : META Keywords Of YouTube <meta name="keywords" content="video, free, simple, search, find, discover, watch, share, sharing, upload, entertainment"> Zarrata.com META Keywords Of Our College Website… : META Keywords Of Our College Website… <meta content="Privatization, Key Documents, legislation, regulation, central, guidance, guidelines on the PPP process, sectors, Public Private Partnership, Public-Private Partnerships, PPP, P3, Regulation, Legal, Financial, Engineering, Institute, Training, Capacity Building, IP3, Water, Energy, Solid Waste, Power, Environment, e-Government, electricity, power, highways, telecom, ports, railways, airports, PPP in india, PPP projects, PPP projects in India, PPP news, PPP states, PPPs, India, Andhra Pradesh, Chhattisgarh, Gujarat, Haryana, Himachal Pradesh, Jammu & Kashmir, Karnataka, Kerala, Maharashtra, Punjab, Rajasthan, Tamil Nadu, Uttaranchal, West Bengal,</" name="keywords"> Zarrata.com Slide 15: How do you get your content to look like this? This is nothing but a borderless table. The TABLE tag Zarrata.com Slide 16: (the same thing, but looking more like a table) The Code – <table> <tr> <td>This is some content aligned to the left of the webpage.</td> <td>This is some more content aligned to the center of the webpage.</td> <td>More content to the right.</td> </tr> </table> Zarrata.com Slide 17: All websites including… & (Can be made from nothing but tables/nested tables- using images & texts inside the columns) Zarrata.com Slide 18: <tr><td>Departments</td></tr> <tr><td>Administration</td></tr> <tr><td>Faculty</td></tr> <tr><td>RTI</td></tr> Example of a HTML Table Zarrata.com Slide 19: (Facebook – the tabular view; tables, & nothing but tables…) (T3-inside T2) (T2-inside T1) (T1-with many nested tables) Zarrata.com A large number of nested tables make coding & editing difficult…This gave rise to CSS.It consists of Divisions instead - which can be aligned using style tags. : A large number of nested tables make coding & editing difficult…This gave rise to CSS.It consists of Divisions instead - which can be aligned using style tags. Zarrata.com Static(Web 1.0) Vs Dynamic(Web 2.0) Websites : Static(Web 1.0) Vs Dynamic(Web 2.0) Websites Zarrata.com What makes a website dynamic? : What makes a website dynamic? Zarrata.com The most common way is to use… : The most common way is to use… + (All MySQL does is provides the PHP code access to the database) Zarrata.com A Simple PHP Code – Member Login : A Simple PHP Code – Member Login The Database The Website <?php $host="localhost"; // Host name $username=""; // Mysql username $password=""; // Mysql password $db_name="test"; // Database name $tbl_name="members"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); // username and password sent from form $myusername=$_POST['myusername']; $mypassword=$_POST['mypassword']; // Mysql_num_row is counting table row $count=mysql_num_rows($result); // If result matched $myusername and $mypassword, table row must be row 1 if($count==1){ // redirect to file "login_success.php" The Code Zarrata.com What else can PHP do? : What else can PHP do? Create Fully-Functional Dynamic (Web 2.0) Websites Zarrata.com PHP Alternatives for Dynamic Web Development : PHP Alternatives for Dynamic Web Development Zarrata.com Slide 27: Because If Web 1.0 was this Zarrata.com Slide 28: (Web 2.0 is this) Zarrata.com Slide 29: Thank You Zarrata.com You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
Web Development & Web Technologies Zarrata Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 1698 Category: Education License: Some Rights Reserved Like it (2) Dislike it (0) Added: September 25, 2010 This Presentation is Public Favorites: 3 Presentation Description Web 1.0 Vs Web 2.0, HTML, PHP & MySQL. Comments Posting comment... By: priyacel (7 month(s) ago) i need tis presentation pls send it to priyaanto06@yahoo.co.in Saving..... Post Reply Close Saving..... Edit Comment Close By: Zarrata (10 month(s) ago) To request a download, please contact dev@zarrata.com Saving..... Post Reply Close Saving..... Edit Comment Close By: paramesh309 (16 month(s) ago) itssss veryyyyyyyyy nice Saving..... Post Reply Close Saving..... Edit Comment Close By: maamirkhan (16 month(s) ago) nice Saving..... Post Reply Close Saving..... Edit Comment Close By: satty23 (17 month(s) ago) hi Saving..... Post Reply Close Saving..... Edit Comment Close loading.... See all Premium member Presentation Transcript Web Development TechnologiesHTML & Beyond : Web Development TechnologiesHTML & Beyond -Rishabh Dev Zarrata.com Slide 2: Zarrata.com Web Technologies - 1.0 Vs 2.0 : Web Technologies - 1.0 Vs 2.0 Zarrata.com Slide 4: Web 1.0 was reading, Web 2.0 is writing Web 1.0 was companies, Web 2.0 is communities Web 1.0 was home pages, Web 2.0 is blogs Web 1.0 was guestbooks, Web 2.0 is social networks Web 1.0 was Static, Web 2.0 is Dynamic …Web 1.0 was a tool, Web 2.0 is a lifestyle. Zarrata.com The Basis Of All Websites : The Basis Of All Websites (a simple & effective language the www understands) Zarrata.com Slide 6: (code in C/C++) (output program) (code in HTML) (output webpage) (save as .exe) (save as .html) Zarrata.com The Basic Syntax : The Basic Syntax <html> <head> <title> Title Of Page </title> </head> <body> Content Of Page </body> </html> (the title tag is an element of the head tag) Zarrata.com Slide 8: Zarrata.com Case Study – Our College Website : Case Study – Our College Website Zarrata.com The META Tag : The META Tag (They provide site description & keywords to search engines like Google) <meta name="description" content=" Facebook is a social utility that connects people with friends and others who work, study and live around them." /> Zarrata.com META Description Of Our College Website… : META Description Of Our College Website… <meta content="PPP is basically just a different method of procuring public services and infrastructure by combining the best of the public and private sectors with an emphasis on value for money and delivering quality public services. Through this site, the Indian Government aims to provide a central point of access to the Public Private Partnership process in India. PPP is basically just a different method of procuring public services and infrastructure by combining the best of the public and private sectors with an emphasis on value for money and delivering quality public services. This site provides direct access to Key Documents, including legislation & regulation and central guidance & guidelines on the PPP process, News on major developments and information</" name="description"> Zarrata.com Which shows up on Google as… : Which shows up on Google as… (…And has nothing to do with either the college, or the website) Zarrata.com META Keywords Of YouTube : META Keywords Of YouTube <meta name="keywords" content="video, free, simple, search, find, discover, watch, share, sharing, upload, entertainment"> Zarrata.com META Keywords Of Our College Website… : META Keywords Of Our College Website… <meta content="Privatization, Key Documents, legislation, regulation, central, guidance, guidelines on the PPP process, sectors, Public Private Partnership, Public-Private Partnerships, PPP, P3, Regulation, Legal, Financial, Engineering, Institute, Training, Capacity Building, IP3, Water, Energy, Solid Waste, Power, Environment, e-Government, electricity, power, highways, telecom, ports, railways, airports, PPP in india, PPP projects, PPP projects in India, PPP news, PPP states, PPPs, India, Andhra Pradesh, Chhattisgarh, Gujarat, Haryana, Himachal Pradesh, Jammu & Kashmir, Karnataka, Kerala, Maharashtra, Punjab, Rajasthan, Tamil Nadu, Uttaranchal, West Bengal,</" name="keywords"> Zarrata.com Slide 15: How do you get your content to look like this? This is nothing but a borderless table. The TABLE tag Zarrata.com Slide 16: (the same thing, but looking more like a table) The Code – <table> <tr> <td>This is some content aligned to the left of the webpage.</td> <td>This is some more content aligned to the center of the webpage.</td> <td>More content to the right.</td> </tr> </table> Zarrata.com Slide 17: All websites including… & (Can be made from nothing but tables/nested tables- using images & texts inside the columns) Zarrata.com Slide 18: <tr><td>Departments</td></tr> <tr><td>Administration</td></tr> <tr><td>Faculty</td></tr> <tr><td>RTI</td></tr> Example of a HTML Table Zarrata.com Slide 19: (Facebook – the tabular view; tables, & nothing but tables…) (T3-inside T2) (T2-inside T1) (T1-with many nested tables) Zarrata.com A large number of nested tables make coding & editing difficult…This gave rise to CSS.It consists of Divisions instead - which can be aligned using style tags. : A large number of nested tables make coding & editing difficult…This gave rise to CSS.It consists of Divisions instead - which can be aligned using style tags. Zarrata.com Static(Web 1.0) Vs Dynamic(Web 2.0) Websites : Static(Web 1.0) Vs Dynamic(Web 2.0) Websites Zarrata.com What makes a website dynamic? : What makes a website dynamic? Zarrata.com The most common way is to use… : The most common way is to use… + (All MySQL does is provides the PHP code access to the database) Zarrata.com A Simple PHP Code – Member Login : A Simple PHP Code – Member Login The Database The Website <?php $host="localhost"; // Host name $username=""; // Mysql username $password=""; // Mysql password $db_name="test"; // Database name $tbl_name="members"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); // username and password sent from form $myusername=$_POST['myusername']; $mypassword=$_POST['mypassword']; // Mysql_num_row is counting table row $count=mysql_num_rows($result); // If result matched $myusername and $mypassword, table row must be row 1 if($count==1){ // redirect to file "login_success.php" The Code Zarrata.com What else can PHP do? : What else can PHP do? Create Fully-Functional Dynamic (Web 2.0) Websites Zarrata.com PHP Alternatives for Dynamic Web Development : PHP Alternatives for Dynamic Web Development Zarrata.com Slide 27: Because If Web 1.0 was this Zarrata.com Slide 28: (Web 2.0 is this) Zarrata.com Slide 29: Thank You Zarrata.com