Empowerment Technologies 2

I. CMS (Content Management Systems)

II. Website Vs. Blog
III. An Introduction to Wordpress

Please also take note:

Meaning of the following technical terms:

 Domain - is a form of a computer network in which all user account, computers, printers and other
security principals, are registered with a central database located on one or more clusters of central
computers known as domain controllers.
 Domain Name - the part of a network address that identifies it as belonging to a particular domain.
 URL - stands for “Uniform Resource Locator” is the address of the world wide web page. For example:
Wordpress (URL is https://wordpress.com/)
 UI - stands for “User Interface” is everything designed into an information device with which a person
may interact. This include display screens, keyboards, a mouse and the appearance of a desktop. It is
also a way through which a user interacts with an application or a website.
 SEO - stands for “Search Engine Optimize”
 RSS - stands for “Really Simple Syndication”

I. Content Management System

 What is CMS?
 Stands for “Content Management System”
 Is a software tool that allows you to create, edit, and publish content.
 Provides capabilities for multiple users with different permission levels to manage
(all or a section of) content, data or information of a website project, or internet /
intranet application.
 Managing content refers to:
 Creating
 Editing
 Archiving
 Publishing
 Collaborating on
 Reporting
 Distributing website content, data and information.
 BEFORE
 Early CMS software was used to manage documents and local computer files.
 NOW
 CMS systems are now designed exclusively to manage content on the Web.
 Functionalities
 Create, Edit, Publish, Archive web pages
 Create, Edit, Publish, Archive blog/articles/press releases
 Create, Edit, Publish, Archive online stores
 Create, Edit, Publish, Archive portfolios
 Add / Edit events into an Event Calendar
 Add / Edit Inventory (products), description, product specifications, prices, photos,
etc.
 Enter, Edit, or View orders and print packing slips and invoices
 View reports and statistics site data
 Create and Edit system users which have different permission levels to different
section(s) of the above administration
 Top 6 Most Usable Content Management Systems
 Blogger
 Google's blogging tool designed specifically for maintaining a blog


 Joomla
 a flexible web publishing tool that supports custom databases and extensions


 Drupal
 an open source platform often used for developing community based sites


 Weebly
 a web-based platform for building simple personal and business websites


  Wix
 a collection of web publishing tools for creating a highly customizable
website

 WordPress
 free web software designed for creating template-based websites or blogs

II. WEBSITE VS. BLOG

 What is a Website?
 in return can be anything. Anything on the internet presented in HTML/CSS or
Java/Javascript/Python/Php, etc. comprises of a website.
 may be complimented with a blog, but the home page would be more for browsing
other pages and not just posts.
 Basic identification of a Website
 A homepage that displays content from several sections of internal website pages.
 A design portfolio of work.
 A blog might be a part of a website, but not the only thing.
 A Frequently asked questions page that readers can browse to get more information.
 A page of client testimonials and feedback.
 Company’s terms and privacy statements pages.
 A Contact form that allows visitors to get in touch.
 A services/products page that displays what they have to offer for the visitors.
 Examples of a website
 Box
 Evernote
 Wikipedia
 Facebook
 Odesk
  What is a blog?
 a web log that a blogger makes use for chronological listing of blog posts.
 has the most recent content shown first followed by the previously updated content.
 can be easily started with services like WordPress, Blogger, etc. and do not need you
to start something from the scratch, providing you with the entire system including
design templates.
 Basic identification of Blogs
 A chronological listing of blog posts.
 A commenting system that invites readers to participate in the communication and
leave behind comments.
 Blog posts are archived by date, category, author, tags and subcategories.
 RSS (Really Simple Syndication) feeds for posts and/or comments for feed-readers
like Feedly, etc.
 Examples of a blog
 Techcrunch
 Mashable
 Cnet
 ShoutMeLoud
 LifeHacker
 Gizmodo
 Kotaku

III. Creating Blogs and Websites: An Introduction to WordPress

 What is WordPress and who uses it?

 As the world’s leading web publishing tool, WordPress is used to power over 65
million websites.
 WordPress started in 2003 as a free, open-source website and blogging tool.
Already a better and easier solution than anything else around, the flexibility and ease
of use quickly developed and improved further. As of January 2012, over 24% of
new websites are powered by WordPress.
 This makes WordPress the most popular website building application in the world -
used for everything from building quick and easy small business sites and blogs to
powerful, corporate Content Management System (CMS) websites
 How easy is WordPress to use?
 The basics are incredibly simple! Adding a new web page can be as easy as sending
an email or saving a Word document.
 Most of the people who work on the 65 million sites run on WordPress are not
technical people.
 Who uses WordPress?
 Over 14% of the world’s 1,000,000 biggest websites now use WordPress.
This number is rising fast – just see Google Trends (www.google.com/trends):
 Famous WordPress Users
 WordPress has been chosen by many of the world’s biggest and most successful
businesses online (eBay, Yahoo, Flickr), companies (Sony, Samsung, Ford),
universities (Harvard, MIT), news networks (CNN, New York Times, Forbes),
brands (KrispyKreme, Ben and Jerry’s), and celebrities (Jay-Z, Katy Perry)
because of all the great features and benefits WordPress offers.
 10 Downing Street – Prime Minister’s Office
 WordPress is not only used by “Dave”, but by a vast range of governmental
departments and political bodies in the UK and around the world.
 Stephen Fry
 He’s a pretty smart chap. Fry heralded Twitter’s rising star and now he’s a big fan of
WordPress:
 Top Gear
 As Jezza himself would say “If you’re looking for a slick, smooth ride, high speeds
and loads of power, WordPress… has got to be… the best engine… in the world!”
 Havard
 Harvard are a fairly clever bunch of people and WordPress is good enough for them!
 Who Else Uses WordPress..?

 Notable WordPress Users

 More WordPress Sites
 Tech Brands
 Ebay Ink (http://ebayinkblog.com)
 Yahoo! (http://ycorpblog.com)
 Adobe (http://blogs.adobe.com)
 Spotify (http://www.spotify.com)
 News Sites
 Wall Street Journal (http://blogs.wsj.com/law)
 CNN (http://politicalticker.blogs.cnn.com)
 New York Times (http://www.nytimes.com/interactive/blogs/directory.html)

 More WordPress Sites – Other Brands, Companies and Famous Users

 Ford (http://www.thefordstory.com)
 Ben & Jerry’s (http://www.benjerry.fr/blog)
 SONY Playstation (http://blog.us.playstation.com)
 People Magazine (http://stylenews.peoplestylewatch.com)
 SONY make.believe (http://electronicsblog.sel.sony.com)
 Samsung (http://www.samsungusanews.com)
 Nokia (http://conversations.nokia.com)
 Nikon (http://press.nikonusa.com)
 Pepsi (http://www.refresheverything.com/blog)
 Lexus (http://www.darkersideofgreen.com/)
 Krispy Kreme (http://www.krispykreme.co.uk)
 Katy Perry (http://www.katyperry.com)
 Matt Mullenweg (http://ma.tt/)
 inhabitat (http://www.inhabitat.com)
 Philip Laynon (http://philiplanyon.com)
 Better Outcomes Consulting (http://www.boc-group.ca)
 Hansel and Petal Flowers (http://hanselandpetal.wordpress.com)
 12X12 Vancouver Photo Marathon (http://vancouverphotomarathon.com)

 Overview
 WordPress is essentially a free, open-source, highly flexible content management
system that can serve as the foundation for a blog or a fully-fledged small business
website for online marketing or ecommerce.
 With a WordPress website, you can easily add content and new pages yourself - no
knowledge of HTML, CSS or other technologies is required.
  WordPress allows small businesses to take control of their website and save
thousands of pounds.
 WordPress makes it possible for you to build your own website in minutes, and
maintain it yourself after it’s built.
 You can customize the look of your site so that it's unique. You can add new
capabilities via hundreds of plug-ins. In addition, your site will be search-engine
friendly from the start.
 You will learn to use WordPress to set-up and manage your websites and blogs.
 You’ll discover how to use and customize themes, add extensive functionality
through the use of important plugins, organize and manage your content - even how
to Search Engine Optimize your WordPress blog or website for high page rankings
and more customers and sales.

 Cloud-Hosted WordPress Site (www.wordpress.com)

4
 Self-Hosted WordPress Site (www.wordpress.org)

 Learning WordPress – Websites

 Learn WORDPRESS.COM (http://learn.wordpress.com)
 WordPress Training (http://wpapprentice.com) - Free WordPress training videos and
blog tutorials
 iThemes - Build Websites Easily (http://ithemes.com/tutorials) - Free WordPress
Tutorials
 Showcasing WordPress as a Content Management System (http://wpasacms.com)
 Building a Website with WordPress (http://wpsitebuilding.com) - Using WordPress
as a Content Management System and Blog
 WPMU DEV (http://premium.wpmudev.org) - WordPress, MultiSite and BuddyPress

 Additional Tools
 FEEDZILLA (http://www.feedzilla.com) - FREE news feed widgets for websites and
smartphone apps.
 MailChimp (http://mailchimp.com) - Free email marketing service and email list
manager. Design, send, and track HTML email campaigns with simple tools. Get a
fully functional free account.
 Gravatar (http://en.gravatar.com) - Lets weblogs and similar sites display user-
provided pictures from a central database.
 Vimeo (http://vimeo.com) - US-based video-sharing website on which users can
upload, share and view videos.
 Polldaddy (http://polldaddy.com) - Create stunning surveys, polls, and quizzes online
in minutes. Collect responses via your website, e-mail, iPad, Facebook and Twitter.
 typekit by Adobe (https://typekit.com) - Use a range of hundreds of high quality fonts
on your WordPress website by integrating the Typekit font service into your
 WordPress blog.

IV. Basic Web Concept

 Web Terminologies
 Network
 is defined as several computers connected together with purpose of sharing
resources including data, information and hardware.
 Internet
 is a worldwide collection of computers interconnected to one another either
wired or wireless including all computers that we use at home, in schools,
offices and many other places.
 World Wide Web (WWW) or simply the Web
 is a collection of resources and information interconnected via the internet.
 Web page or Web document
 is a formatted page within a web site that may contain text, graphics, video
and multimedia. This page can be viewed and explored on the internet by the
use of a program called web browser.

 HTML
 An acronym for HyperText Markup Language, HTML is the language used to
tag various parts of a Web document so browsing software will know how to
display that document's links, text, graphics and attached media.
 HTML Document
 A document written in HTML
 Home page
 is usually the first web page of a web site which usually provides information
about the web site, its purpose and contents. Usually the other pages have
links on this page to be able to navigate to them.
 Splash page
 may precede the home page. It usually contains a multimedia which is
designed to be attractive and intriguing in order to create curiosity and invite
anyone to see its contents.
 Web Browser
 This is the software that allows a user to access and view HTML documents.
 Examples: Google Chrome, Internet Explorer, Opera
Mini, Safari, Mozilla Firefox
 Search Engine
 This term refers to a program that helps users find information in text-oriented
databases.
  Server
 A computer system that manages and delivers information for client
computers.
 .Host
 A computer acting as an information or communications server.
 URL
 This is the abbreviation for Uniform Resource Locator.
 The addressing system used in the World Wide Web and other Internet
resources. The URL contains information about the method of access, the
server to be accessed and the path of any file to be accessed.
 The parts of the URL:


 http
- Protocol used in the communication between the browser and the web
server.
- 'Protocol' is a set of rules a browser and a web server use to communicate
with and understand each other.


 :
- Colon simply separates the protocol from the other part of the web
address.


 //
- Indicates that a contact to a server is to be achieved.


 www
- Name of a server listening to messages using the http protocol. Note that
this name is not always shown in the URL in the Location Box. And the
name can be something other than 'www'.


 usls.edu.ph
- Name of the domain where the web server belongs. Domain is like an
address by which you can get to some specific 'area' on the Net.


 /
 - Indicates the root folder of the folder system hosted by the web server
www.usls.edu.ph


 sitemap/
- Indicates a folder in the root folder.


 index.html
- The name of the document file requested.

 Internet Protocols
- A set of standards or rules that define how traffic and communications are
handled by a computer or network routers on the internet.
- An IP address is the number assigned to any Internet-connected computer.
 1) HTTP (HyperText Transfer Protocol)
 transmits hypertext over networks. This is the protocol of the Web.
 2) SMTP (Simple Mail Transport Protocol)
 distributes e-mail messages and attached files to one or more electronic
mailboxes.


 3) FTP - (File Transfer Protocol)
 transfers files between an FTP server and a computer, for example, to
download software.
 
 4) VoIP - (Voice over Internet Protocol)
 allows delivery of voice communications over IP networks, for example,
phone calls.

 DNS
 An acronym for Domain Name Server, DNS refers to a database of Internet names
and addresses which translates the names to the official Internet Protocol numbers
and vice versa.
 is a worldwide system of servers that stores location pointers to Web sites.
 it translates internet domain names into IP numbers.


 The numeric address, called the IP (internet proposal)address, is actually the “REAL”
URL.
 IP Number / Address
 An IP number is a numerical address consisting of four numbers separated by periods.
Each IP address uniquely identifies a certain computer on the Internet.
 It is a four number code separated by a (.)dot.
 Each number range from 1 to 3 digits.
- Each of the number range from 0 to 255.
 

 Two types of IP address

 1. Static IP address
- is permanent address, it never changes.
 2. Dynamic IP address
- are temporary as they are allotted to a device which uses internet, they are
taken from the collection of IP addresses which are shared among various
systems.
 Web Site
 is a collection of Web pages, images, videos or other digital assets that is hosted on
one or more web servers, usually accessible via the Internet.
 Web Servers
 A computer program that is responsible or accepting HTTP requests from clients
(user agents such as web browsers), and serving them HTTP responses along with
optional data contents, which usually are web pages such as HTML documents and
linked objects (images, etc.).
 How a website work?
 1. Type a domain name in your browser.
 2. It will search its own name server / DNS where your domain name is hosted.
 3. Domain will request your targeted page / file or content from your hosting server directory.
 4. Hosting Server will examine your request & Execute your request & will return
your content.