Wordpress is a free and open source content management system. It is the most popular software among the international blogger community. It is robust and flexible software for developing an effective website for business or personal use. It has thousands of plugins and themes (both free and paid). This workshop explained how to install and configure Wamp and Wordpress for setting up a website. Basic building blocks like HTML, CSS, and PHP are also explained. Different ways of online earning are also mentioned
ICT role in 21st century education and it's challenges.
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
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
3. 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
4. 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>
5. 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>
6. <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
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 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;}
9. 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
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 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>
12. Content Management System
A computer requires programs to
function, typically executing the
program's instructions in a central
process
13. 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.
15. 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.
47. 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
48. 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
49. 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
