BRIEF EXPLANATION OF THE MAJOR TERMINOLOGIES USED IN WEBSITE DESIGNING

Comprehensive website terminologies
Comprehensive website terminologies

WEBSITE TERMINOLOGIES:

It is quite normal and healthier to build a house with a strong foundation, i.e. before thinking of your dream mansion; you have to first think of its foundation, the same goes to developing a website without having its basic knowledge.

In everything we do in life, we should try to know its basics. There is this my good friend that can actually design a basic website with few CMS programs especially with “Dreamweaver” and he calls himself a professional web developer, but his major problem is that he knows few or nothing in the theoretical aspect of web developing and this really gives him hard times, if you ask him the meaning of “Website” he can’t be proud enough to render the correct meaning. So, this was one of the major reasons why I compiled this.

First, we start by outlining the major terminologies used in website/Blog designing.

Terminologies:

Website Blog Domain Name Webhost
Domain Registrar Nameserver Web-page Indexing of web-pages
RSS HTML Backlinks FTP
CMS Plugins CSS PHP

EXPLANATIONS:

Website:

A website which can be written  in three ways “Web site, Website and Site” is a set  of  related web pages typically served from a single web domain, it is hosted on at-least one web server, accessible via a network such as internet or private local area network through an internet address known as a uniform resource locator (URL). All publicly accessible websites collectively constitutes the World Wide Web (www).

Blog:

A blog also known as weblog is a term used to describe discussion/informational websites that maintains continuous information, it features links to other articles on other websites.

Domain Name:

A domain name is simply an identification string that defines a realm of administrative autonomy, authority control within the internet. Example of a domain name: ceeceecomputers.com is my own domain name, so whenever you here of a domain name, just know that it is just that name you use to identify yourself or your business online.

Web-host:

Assuming we bisect the term “Webhost” “Web + Host” i.e. “Web” for Website while “Host” for Hosting so combining the two together “Website Hosting” is just the process of hosting a website.

This brings us to the former  term “Webhost”, is the company that hosts website for their clients i.e. the companies that provide space on a server owned or leased for use by clients, as well as providing internet connectivity typically in a data center.

The scope of webhosting services varies greatly but the most basic is web page and small-scale file hosting.

Domain Registrar:

This is a commercial body responsible for the management and reservation of internet domain names. E.g. of domain name registrars; Registeram.com,  Godaddy, Hostgator e.t.c.

Nameserver:

It is a software server that implements a network service for providing responses to queries against a directory service.

A Nameserver translates an often humanly meaningful text-based identifier to a system internal i.e. using DNS (Domain Name System) servers as an example, its function is to translate the domain names and hostnames into the corresponding numeric internet protocol (IP) addresses.

The translation is made possible by pointing the domain name to your hosting nameservers.

Web Pages:

Known as the building blocks of websites, they are documents typically written in plain text with formatting instructions of hypertext Markup Language (HTML, XHTML), they are accessed with HTTP.

RSS:

Rich Site Summary abbreviated as “RSS” is a format for delivering regularly changing web content. Many news related sites, weblogs and other online publishers syndicate their contents as an RSS Feed to whoever wants it. RSS allows bloggers/website owners to easily stay informed by retrieving the latest content from the sites they are interested in. So many sites offer RSS feeds.

Indexing of Web-Pages:

Also known as web indexing or internet indexing simply refers to various methods of  telling search engines about your new web-pages therefore making it possible for your audience to find all your web-pages on search engines even if they don’t actually know the right “page url”. Google search is one example of search engines.

HTML:

Known as HyperText  Markup Language is the standard markup language used in creating web pages, which can be read by web browsers giving a visible web pages as the output.

Designing of web-pages involves mainly the use of HTML and CSS s ometimes PHP. HTML gives the “structure” while the CSS gives the “styles”. HTML begins with <html> and ends with </html>.

Backlinks:

Also known as incoming links, inbound links, inlinks and inward links, are incoming links to a website or webpage. In basic link terminology, a backlink is any link received by a web node (web page, directory, website, or top level domain) from another web page.

FTP:

File Transfer Protocol is a standard network protocol in form of computer software used to transfer computer files from one host to another host over an internet connection. Example: We use Filezilla, Classic FTP e.t.c to transfer our web pages/files from our local server (the computer used in creating the web-pages) to your domain hosting company server.

Note: All files that you want to be visible online should be uploaded in “public_html” directory.

CMS:

This is Content Management System, a computer application that gives room for editing, modifying, organizing, deleting and publishing of webpage contents. CMSs are often used to run websites containing blogs, news and shopping carts, many web designers/developers use CMS just to escape the hand coding process of managing content. Examples of CMSs are {Dreamweaver, Joomla, WordPress} e.t.c.

PLUGINS:

This is a particular software component that adds a specific feature to an existing software application. Plugins extends and expands the functionality of CMS.

Example of plugins: Web browsers plugins which can be “search engine, virus scanners, and Adobe flash plugins” e.t.c. conclusively plugins helps to expand the functionality of the web-browsers.

CSS:

Which is known as the “Cascading Style Sheets” is used in giving a html layout its “design and styles” needed i.e. its look and formatting (layouts, colours and fonts).

PHP:

PHP is also a scripting language designed for web development but also used as a general-purpose programming language. PHP codes are mostly mixed with HTML codes. A PHP code is processed by a PHP interpreter.

Conclusion:

Website development  is a very interesting course/profession and also very easy to learn provided you started from the basic to the advanced.

A TO Z GUIDE ON HOW TO INSTALL WORDPRESS LOCALLY USING WAMPSERVER

A TO Z GUIDE ON HOW TO INSTALL WORDPRESS LOCALLY USING WAMPSERVER

Before we start the tutorial, I will first like to introduce what WordPress is all about;

WordPress:

This is a free and open-source content management system (CMS) based on PHP and MySQL.  Features include plugin architecture and a template system. WordPress was used by more than 23.3% of the top 10 million websites as of January 2015. WordPress is the most popular blogging system in use on the Web, at more than 60 million websites.

It was first released on May 27, 2003, by its founders, Matt Mullenweg and Mike Little, as a fork of b2/cafelog. The license under which WordPress software is released is the GPLv2 (or later) from the Free Software Foundation.

So for the sake of this tutorial, we should agree that WordPress is the way to go, no looking back. With that established, let’s lay out the steps involved in installation of WordPress locally using Wampserver.

Step One:

Google and Download WordPress 4.2.2 Zip File and extract it. http://www.wordpress.org.

Step Two:

Now download “5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-32b” @ http://www.wampserver.com.

Now after downloading and extracting the zip files……

Step Three:

Double-click on the installed wampserver icon wampicon in order to install it and remember to grant it admin permission, then click Next

How to install wordpress locally
How to install wordpress locally

Accept the terms of agreement and click on Next.Untitled-27_clip_image004

Continue to click Next.

Untitled-27_clip_image006

This is optional, you can create a quick launch or desktop icon by checking each box but if you don’t want the quick launch and desktop icon, I think there is no other choice left than leaving it blank and continue the setup process by clicking next.

Untitled-27_clip_image008

Just click the “install”

Untitled-27_clip_image010

Now extracting files therefore getting ready to start installation.

wampserver-27_clip_image012

You can click “Yes” to continue with the default browser or click “No” to select another browser.

wampsver-27_clip_image014

This is optional; you can leave it in default state or leave it blank, then Put in your email address in the email box and click Next to continue.

wamp-27_clip_image016

Check “Launch webserver 2 now” and click Finish.

wmp-27_clip_image002

There you will see “wamp folder” in “ Local Disk”, double click to open it.

wmmp-27_clip_image020

Open the “www” folder and create a new folder with name “myblog” in it

Untitled-27_clip_image022

wampserv-27_clip_image024

I renamed mine “ceecee”, so you have to rename yours “myblog”

wampimg-27_clip_image026

Copy everything in the WordPress folder and paste them in “myblog” folder of yours, the one created in “www” folder.

Now in that folder, you will see a file named “ wp-config-sample” , right click on it and click on “open with” and select the notepad, assuming you couldn’t find the notepad, just click on “browse” and locate it.

wpp-27_clip_image034

Inside it replace the default details with the following:

* (‘DB_NAME’, ‘myblog‘);                              use “myblog” as I used here

/** MySQL database username */

define(‘DB_USER’, ‘root‘);                            use” root” as I used here

/** MySQL database password */

define(‘DB_PASSWORD‘, ”);                        leave it blank as I did here

/** MySQL hostname */

define(‘DB_HOST’, ‘localhost‘);                  Use “local host as I used here.

Then save it after changing the above details.

Untitled-27_clip_image036

Rename by removing the “-sample” attached to the file name “wp-config-sample” therefore having “wp-config”

Untitled-27_clip_image038

Double-click on phpMyAdmin at the taskbar.

Untitled-27_clip_image040

As you can see that my wampserver icon is green in colour i.e. it was installed properly and ready to go.

Untitled-27_clip_image042

Wow!!!, here comes your wampserver Dashboard…

Untitled-27_clip_image044

Now it is time for creating Database. But before we create database, we should first understand what database is all about.

A Database

A database is where all your WordPress data is stored, including your content (i.e. posts, pages and comments), configurations and user data.

Each time a page loads, WordPress queries the database for all of the required information, such as title, content, categories, tags and published date.

The normal way of creating database is by going to your host’s control panel; there you will create a database and a database user name and password for WordPress to connect with.

But since we want to install the WordPress locally i.e. on our local server, then that is why we are making use of wampserver, so we are going to create the database in wampserver “phpMyAdmin”.

Click Database.

Enter your database name “myblog”

Click Create and your database will be created.

Untitled-27_clip_image046

Open your browser and type the following address: localhost/myblog/wp-admin/install.php and click enter.

Untitled-27_clip_image048

Welcome to WordPress Setup

Now fill in the following details in the boxes provided.

Site name: Use any Name of your choice

Username: use the default username which is “root”

Password: You can put any password of your choice

Check “Allow search engines to index this site”.

Click on Install WordPress.

Untitled-27_clip_image054

Your WordPress is installed, and now you can login with your login details.

Untitled-27_clip_image050

Welcome to your WordPress Dashboard, here you will be able to customize you web pages.

Untitled-27_clip_image056

Note: The green colour of the wampserver icon indicates that it was installed correctly and ready to go….red colour of the icon means that it was not installed properly, so to easily correct it, uninstall the wampserver and re-install using the proper installation guideline.

I hope this helps?.

Please feel free to comment and share it to your friends if actually you find it useful.