By Prof. Dr. M. A. Pasha
Chairman Pasha Trust
A Free Workshop Delivered at
Pasha Institute of Emerging Disciplines
Basic Concepts
 A Website is a set of related web pages served from a

single web domain.
 A website is hosted on a web server, accessible
through an Internet address known as a Uniform
Resource Locator (URL).
 All publicly accessible websites collectively constitute
the World Wide Web.
 HTTP ( Hyper Text Transfer Protocol) The Hypertext
Transfer Protocol (HTTP) is an application protocol for
distributed, collaborative, hypermedia information
systems
Web Browsers
The purpose of a web browser (such as Google Chrome,
Internet Explorer, Firefox, Safari) is to read HTML
documents and display them as web pages. The browser
does not display the HTML tags, but uses the tags to
interpret the content of the page
Web Page
Static web pages are often HTML documents stored as
files in the file system and made available by the web
browser.
<html>
<body>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another
paragraph.</p>
</body>
</html>
HTML (Hyper Text Markup Language)
<head>
<title>Pasha Institute of Emerging
Disciplines</title>
</head>

<body>
<h1> Welcome to Pasha Institute</h1>
<h3> Wordpress: A Tool for Earning Online</h3>
<p>WordPress is a free and open source blogging
tool and a content management system (CMS)
based on PHP and MySQL, which runs on a web
hosting service.</p>
<a
href="http://www.pied.innovators.edu.pk">Visit
us for further information</a>
<br />
<br />
<div>
<img src="pic1.jpg" width="200" height="150" />
</div>
</body>
</html>
<html >
<head>
<title>Pasha Institute of Emerging Disciplines</title>
</head>
<body>
<h1 style="color:#00C; font-style:italic;"> Welcome to
Pasha Institute</h1>
<h3> Wordpress: A Tool for Earning Online</h3>
<p>WordPress is a free and open source blogging tool
and a content management system (CMS) based on
PHP and MySQL, which runs on a web hosting
service.</p>
<a href="http://www.pied.innovators.edu.pk">Visit us
for further information</a>
<br />
<br />
<div style="padding:10px; background-color:#FF6;
border:double; width:210px; height:160px;">
<img src="pic1.jpg" width="200" height="150" />
</div>
</body>
</html>

HTML
Cascading Style Sheets
 CSS stands for Cascading Style Sheets

 Styles define how to display HTML elements
 An external style sheet allows to apply the style to

many pages or change the entire Web site by changing
one file.
<html>
<head>
<title>Pasha Institute of Emerging Disciplines</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1 style="color:#00C; font-style:italic"> Welcome to Pasha
Institute</h1>
<h3> Wordpress: A Tool for Earning Online</h3>
<p>WordPress is a free and open source blogging tool and a
content management system (CMS) based on PHP and MySQL,
which runs on a web hosting service.</p>
<a href="http://www.pied.innovators.edu.pk">Visit us for further
information</a>
<br />
<br />
<div style="padding:10px; background-color:#FF6; border:double;
width:210px; height:160px;">
<img src="pic1.jpg" width="200" height="150" />
</div>
</body>
style.css
</html>
hr {color:sienna;}

p {margin-left:20px;
color:#00FF66}
body { background-color:#0CF;}
Current Trends
 CSS 3: new version of the CSS, with new elements,

attributes, and behaviors
 HTML 5: new version of the HTML, with new
elements, attributes, and behaviors
Dynamic Web Pages
 These pages contain "server-side" code, which allows

the server to generate unique content each time the
page is loaded.
Server-Side scripting
Server-side scripting is a technique used in website design which involves
embedding scripts in an HTML source code which results in a user's (client's)
request to the server website being handled by a script running server-side before
the server responds to the client's request.

<!DOCTYPE html>
<html>
<body>
<?php
echo "My first PHP script!";
?>
</body>
</html>
Content Management System
A computer requires programs to
function, typically executing the
program's instructions in a central
process
Free & Open Source Software
Anyone is freely licensed to use, copy,
study, and change the software in any
way, and the source code is openly
shared so that people are encouraged to
voluntarily improve the design of the
software.
Open Source CMS











WordPress
Joomla
Drupal
ModX
TextPattern
RefineryCMS
Concrete5
DotNetNuke (Microsoft)
Umbraco (Microsoft)
TinyCMS
Software Required for Wordpress
 PHP version 5.2.4 or greater
 MySQL version 5.0 or greater
 Apache

One Silver Bullet:
WAMP
WampServer is a web development platform on Windows allowing you to
create dynamic web applications with Apache, PHP and MySQL.
XAMP is a free and open source cross-platform web server solution stack
package, consisting mainly of the Apache HTTP Server, MySQL database,
and interpreters for scripts written in the PHP and Perl programming
languages.
Download WampServer & Install
Start
WampServer
Download & Install Wordpress
Configuration of wp-config.php file
Create Wordpress Database
Ways to Make Money Online
 Make Money Online with Affiliate Programs
 Make Money Online with Blogs
 Make Money Online with eBooks
 Make Money Online with ebay Referrals

 Make Money Online with Your Own Niche Directory
 Make Money Online with An Internet Radio Show
 Make Money Online Selling Stock Photos
Ways to Make Money Online
 Make Money Online Interviewing Experts
 Make Money Online with a Classified Advertising Site
 Make Money Online with a Local Real Estate Portal
 Make Money Online Creating Your Own Software

 Make Money Online with Tele sminars & Webinars
 Make Money Online with Residual Income Programs
 Make Money Online with Audio eCourses
Ways to Make Money Online
 Make Money Online with Audio eCourses
 Make Money Online as a Coach/Consultant
 Make Money Online with a Content Site
 Make Money Online as a Virtual Assistant

 Make Money Online a Local Online Mall
 Make Money Online with Social Networking Sites
 Make Money Online Providing Helpdesk Support

 Make Money Online with a Membership Site
Q&A
Thank you

Wordpress: A Tool for online Earning

  • 1.
    By Prof. Dr.M. A. Pasha Chairman Pasha Trust A Free Workshop Delivered at Pasha Institute of Emerging Disciplines
  • 2.
    Basic Concepts  AWebsite is a set of related web pages served from a single web domain.  A website is hosted on a web server, accessible through an Internet address known as a Uniform Resource Locator (URL).  All publicly accessible websites collectively constitute the World Wide Web.  HTTP ( Hyper Text Transfer Protocol) The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, hypermedia information systems
  • 3.
    Web Browsers The purposeof a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page
  • 4.
    Web Page Static webpages are often HTML documents stored as files in the file system and made available by the web browser. <html> <body> <h1>This a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>
  • 5.
    HTML (Hyper TextMarkup Language) <head> <title>Pasha Institute of Emerging Disciplines</title> </head> <body> <h1> Welcome to Pasha Institute</h1> <h3> Wordpress: A Tool for Earning Online</h3> <p>WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL, which runs on a web hosting service.</p> <a href="http://www.pied.innovators.edu.pk">Visit us for further information</a> <br /> <br /> <div> <img src="pic1.jpg" width="200" height="150" /> </div> </body> </html>
  • 6.
    <html > <head> <title>Pasha Instituteof Emerging Disciplines</title> </head> <body> <h1 style="color:#00C; font-style:italic;"> Welcome to Pasha Institute</h1> <h3> Wordpress: A Tool for Earning Online</h3> <p>WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL, which runs on a web hosting service.</p> <a href="http://www.pied.innovators.edu.pk">Visit us for further information</a> <br /> <br /> <div style="padding:10px; background-color:#FF6; border:double; width:210px; height:160px;"> <img src="pic1.jpg" width="200" height="150" /> </div> </body> </html> HTML
  • 7.
    Cascading Style Sheets CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  An external style sheet allows to apply the style to many pages or change the entire Web site by changing one file.
  • 8.
    <html> <head> <title>Pasha Institute ofEmerging Disciplines</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1 style="color:#00C; font-style:italic"> Welcome to Pasha Institute</h1> <h3> Wordpress: A Tool for Earning Online</h3> <p>WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL, which runs on a web hosting service.</p> <a href="http://www.pied.innovators.edu.pk">Visit us for further information</a> <br /> <br /> <div style="padding:10px; background-color:#FF6; border:double; width:210px; height:160px;"> <img src="pic1.jpg" width="200" height="150" /> </div> </body> style.css </html> hr {color:sienna;} p {margin-left:20px; color:#00FF66} body { background-color:#0CF;}
  • 9.
    Current Trends  CSS3: new version of the CSS, with new elements, attributes, and behaviors  HTML 5: new version of the HTML, with new elements, attributes, and behaviors
  • 10.
    Dynamic Web Pages These pages contain "server-side" code, which allows the server to generate unique content each time the page is loaded.
  • 11.
    Server-Side scripting Server-side scriptingis a technique used in website design which involves embedding scripts in an HTML source code which results in a user's (client's) request to the server website being handled by a script running server-side before the server responds to the client's request. <!DOCTYPE html> <html> <body> <?php echo "My first PHP script!"; ?> </body> </html>
  • 12.
    Content Management System Acomputer requires programs to function, typically executing the program's instructions in a central process
  • 13.
    Free & OpenSource Software Anyone is freely licensed to use, copy, study, and change the software in any way, and the source code is openly shared so that people are encouraged to voluntarily improve the design of the software.
  • 14.
  • 15.
    Software Required forWordpress  PHP version 5.2.4 or greater  MySQL version 5.0 or greater  Apache One Silver Bullet: WAMP WampServer is a web development platform on Windows allowing you to create dynamic web applications with Apache, PHP and MySQL. XAMP is a free and open source cross-platform web server solution stack package, consisting mainly of the Apache HTTP Server, MySQL database, and interpreters for scripts written in the PHP and Perl programming languages.
  • 16.
  • 17.
  • 23.
  • 31.
  • 36.
  • 47.
    Ways to MakeMoney Online  Make Money Online with Affiliate Programs  Make Money Online with Blogs  Make Money Online with eBooks  Make Money Online with ebay Referrals  Make Money Online with Your Own Niche Directory  Make Money Online with An Internet Radio Show  Make Money Online Selling Stock Photos
  • 48.
    Ways to MakeMoney Online  Make Money Online Interviewing Experts  Make Money Online with a Classified Advertising Site  Make Money Online with a Local Real Estate Portal  Make Money Online Creating Your Own Software  Make Money Online with Tele sminars & Webinars  Make Money Online with Residual Income Programs  Make Money Online with Audio eCourses
  • 49.
    Ways to MakeMoney Online  Make Money Online with Audio eCourses  Make Money Online as a Coach/Consultant  Make Money Online with a Content Site  Make Money Online as a Virtual Assistant  Make Money Online a Local Online Mall  Make Money Online with Social Networking Sites  Make Money Online Providing Helpdesk Support  Make Money Online with a Membership Site
  • 50.

Editor's Notes

  • #7 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
  • #10 https://developer.mozilla.org/en-US/demos/detail/train-animation-css3