Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,143,252 members, 7,780,528 topics. Date: Thursday, 28 March 2024 at 03:54 PM

Join Our Web Design And Development Study Group Here In NL - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Join Our Web Design And Development Study Group Here In NL (1224 Views)

Check Out Our Web/app Design & Development Services / Get Your Facebook Group Here (2) (3) (4)

(1) (Reply) (Go Down)

Join Our Web Design And Development Study Group Here In NL by FRInteractives: 7:28pm On Mar 01, 2015
Hello NL ,

FR Interactives here.
We want to start a study group on Web Design and Development here on Nairaland, it will be focused on the basics to the advanced areas.

If anyone is interested in participating, learn with others then comment on this thread and let me know if you're interested.

P.S: This is just an invitation to learn together as a group. No sort of charges cause It's free.
Re: Join Our Web Design And Development Study Group Here In NL by hilaryiwens05: 7:50pm On Mar 01, 2015
okkkm....am in, I will like to handle the CMS part
Re: Join Our Web Design And Development Study Group Here In NL by Nobody: 7:51pm On Mar 01, 2015
Am in smiley

i don't know anything about web design m i still allowed
Re: Join Our Web Design And Development Study Group Here In NL by raski04(m): 7:52pm On Mar 01, 2015
am interested in it because I just register for a training in one of the training center here in lagos
Re: Join Our Web Design And Development Study Group Here In NL by raski04(m): 7:53pm On Mar 01, 2015
am interested in it, because I just register for a training in one of the training center here in lagos.
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 8:50pm On Mar 01, 2015
Sure you're allowed. You will get a good starting point to learn web design
bangleslover:
Am in smiley

i don't know anything about web design m i still allowed

1 Like

Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 8:52pm On Mar 01, 2015
K please send me a PM on the CMS platforms you can handle
hilaryiwens05:
okkkm....am in, I will like to handle the CMS part
Re: Join Our Web Design And Development Study Group Here In NL by Nobody: 8:53pm On Mar 01, 2015
FRInteractives:
Sure you're allowed. You will get a good starting point to learn web design


Thank you smiley
Re: Join Our Web Design And Development Study Group Here In NL by olurayshy: 9:01pm On Mar 01, 2015
Pls bros am a complete novice abt web design bot i would like to join am i qualify
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 9:03pm On Mar 01, 2015
CMS - WordPress Installation on a Local Machine
This is a Tutorial that will guide you through installing a local server using Xampp from Apache Friends, and it will also teach you how to install WordPress a CMS platform on a local machine. enjoy

Step 1: Download and install the latest version of XAMPP
For this process to work, we are going to first have to download and install the latest version of XAMPP.
What is XAMPP?
Many people know from their own experience that it’s not easy to install an Apache web server and it gets harder if you want to add MySQL, PHP and Perl.
XAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl. XAMPP is really very easy to install and to use – just download, extract and start.
Basically, XAMPP is the environment that allows us to install WordPress on a Windows computer.
Download the latest version of XAMPP for Windows
To download XAMPP you need to navigate to the Apache Friends website (http://www.apachefriends.org) and click the download link.
We want to install XAMPP for Windows

We want to install XAMPP for Windows
The easiest and least error free method of installing XAMPP is to download and install the XAMPP installer. XAMPP is available as three options.

Installer – Probably the most comfortable way to install XAMPP.
Zip – For purists: XAMPP as ordinary ZIP archive.
7zip – For purists with low bandwidth: XAMPP as 7zip archive.

Scroll down on the XAMPP download page and find the latest version of the XAMPP installer. Click to download and save to your computer.
Download the Installer version of XAMPP

Download the Installer version of XAMPP
Install XAMPP For Windows on localhost
Once the installer has downloaded double click the .exe file to begin installation. In my case I download xampp-win32-1.7.4-VC6-installer.exe.
The setup application will begin. First is to select the language you wish installed.
select the language you wish installed

select the language you wish installed
Next is to select the location of where you would like XAMPP installed. In my case and for ease of demonstration I want it installed on my C:\ drive so I will leave the preset location as it is.
Select location to install XAMPP

Select location to install XAMPP
After you have selected this step, the step step asked whether you want to install XAMPP as a Windows Service and if you want it added to the start menu and a desktop icon added. I selected “Yes” for the start menu item and desktop icon. I also what Apache and MySQL installed as a Windows Service.
Select the XAMPP Options

Select the XAMPP Options
Once you click the next button, XAMPP will begin installing onto your computer. Just before installation is complete you may be prompted to allow XAMPP through the Windows firewall.
You have successfully install XAMPP

You have successfully install XAMPP
Congratulations! You have successfully installed XAMPP For Windows. We now have development environment setup and installed. After the installation is complete, you will find XAMPP under Start | Programs | XAMPP. You can use the XAMPP Control Panel to start/stop all server and also install/uninstall services.
Now we need to make sure we have XAMPP running. Double click the XAMPP desktop icon or navigate to the art menu and start XAMPP from there. It must be running for us to install WordPress. Look at the below image for confirmation that the XAMPP server is running. The image displays the XAMPP control panel for start/stop Apache, MySQL, FilaZilla & Mercury or install these server as services.
The XAMMP control panel running on localhost

The XAMMP control panel running on localhost
Test XAMPP is running on localhost
Finally, we want to test to make sure that all went well and our XAMPP installation was successful. Open up your web browser and navigate to http://localhost. You should be automatically redirected to the XAMPP page. You should receive a message that states “Congratulations: You have successfully installed XAMPP on this system!“.


Now we Install WordPress


Step 2: Download the latest version of WordPress
Now we need to download and install the latest version of WordPress. Navigate to the WordPress website (http://www.wordpress.org) and download the latest version. For this article I am going to be using WordPress version 3.2.1 which is currently the latest version.
After you download WordPress extract the contents to a location on your computer that is easily assessable. I extracted the folder to my desktop. The folder is named “WordPress”.

Download the latest version of WordPress
Now that we have the development environment corrected installed and working, we are going to want to create our first website using localhost.
Locate the folder or location where you extracted the “WordPress” folder. Copy this folder ( Ctrl->C).
Navigate to the root of your XAMMP installation c:\xampp\htdocs. This is the location where we create our website using localhost. The default XAMPP folder should contain a few folders and a bunch of system files. As pictured below. Leave these files as they are.
XAMPP default htdocs folder after installation

XAMPP default htdocs folder after installation
Paste the folder that you just copied from your desktop. (Ctrl->V ). For ease of simplicity I have decided to keep the folder from the WordPress download as the default “WordPress” folder name, however you can name the folder anything your like.
If you do decide to rename the folder just be aware of the name as you will need to access the website by that name when viewing the site.
Move our WordPress folder into c:xampphtdocs

Move our WordPress folder into c:\xampp\htdocs
Create the WordPress MySQL database
We are well and truly into the swing of things now. At this point it is time to create our blank MySQL database for WordPress to use. When we installed XAMPP it also comes complete with phpMyAdmin.
What is phpMyAdmin?
phpMyAdmin is a free software tool written in PHP intended to handle the administration of MySQL over the World Wide Web. phpMyAdmin supports a wide range of operations with MySQL. The most frequently used operations are supported by the user interface (managing databases, tables, fields, relations, indexes, users, permissions, etc), while you still have the ability to directly execute any SQL statement.
OK, getting back to creating our localhost MySQL database. Open up your web browser and navigate to http://localhost/phpmyadmin/
If you went the step further when installing XAMPP and set up the security you will end up at the phpMyAdmin login page as pictured below. If you did not set up security yet, you will gain immediate access into the phpMySQL area. Enter your login credentials to access this area.
phpMyAdmin localhost main login page


Ok, now to create the database to hold the information and data for your WordPress site. Using the above picture as a guide half way down the page and under the header “MySQL localhost” you will see an area where you can “Create new database”. This is the area where we simple do that, create a new database. I am going to keep it simple and name my database “WordPress”. You can call the database anything you like. You just need to remember the database name as you will need it at a later stage.
Enter your database name and click the “Create” button. Your database will be created and you will be redirected to the new database page as pictured below.
MySQL database successfully created on localhost

MySQL database successfully created on localhost
At this point you have just created a blank database. Don’t be alarmed that there are no database tables as yet. This is normal. We are going to use the WordPress installation program and script to create these tables for us. You can now close down this page if you like or minimize it.
We are now moving down the home straight, It is time to run the WordPress installer script and install WordPress.
Installing WordPress
OK, now you have your “WordPress” folder sitting inside the website root C:\xampp\htdocs\wordpress.
Now we need to open up a web browser again and start the installation script. Navigate to http://localhost/wordpress
You should reach the default WordPress installation page. If you have not modified any of the files inside the folder you should see a screen stating that there is no WordPress config file. This is normal. The excact message states this:

There doesn’t seem to be a wp-config.php file. I need this before we can get started. Need more help? We got it. You can create a wp-config.php file through a web interface, but this doesn’t work for all server setups. The safest way is to manually create the file.

Go ahead and click the “Create a Configuration File” button to continue.
Read the contents of the next page and click the “Lets Go” button. This page just explains that you will need to input some data and information over the next few step to set up the configuration file correctly.
Now we need start inputting some information for our setup. Go ahead and complete these details.
WordPress Setup Configuration File on localhost


These are the explanations for the various input fields

Database Name – This is the name that you gave the MySQL database when you created it earlier in PHPMyAdmin.
User Name – This is the User Name of the MySQL user to be able to read from the database.
Password – This is the User Name of the MySQL user to be able to read from the database.
Database Host – This is the location of the host that is hosting the MySQL database. In our case we simple leave it as default “localhost“.
Table Prefix – This field is convenient if you have multiple WordPress installations running on localhost. To keep it simple I am going to leave it as the default “wp_” however you can delete this or change it to anything you desire.

If all go wells and the script was able to communicate with MySQL you should be moved onto the next step that states that you have made it through this part of the installation. You will also see the button: “Run the install”. Go ahead and click this button to continue.
At this point, is is time to personalize your WordPress installation. You will now be presented with another forms that asks you for information and data relevant to the website you are setting up.
Personalize your WordPress installation

Personalize your WordPress installation
Here is an explanation of the various fields:

Site Title – This is the name of the website you want to create. In my case I am going to input “WPInsite”. You cane change this later on through the WordPress dashboard.
Username – This is the admin username you will use to access your WordPress dashboard. For security reasons I highly advise that you change this username to something that is relevant to you. Try not to use the default “admin” username.
Password – Enter a secure password that you can remember. This is the password you will use along with the Username to gain access into the localhost WordPress dashboard. There is a strength indicator that changes as you type your password. Use this as a guide as to how secure your password will be.
Your E-mail – Enter your email address here. This is the main email address WordPress will use to process email and so forth.
Allow my site to appear in search engines like Google and Technorati. – Place a check in this checkbox if you wish your website to be listed by Search Engines such as Google and Technorati. At this stage because we have installed WordPress on localhost as more of a sandbox account and development system we do not want anybody else accessing our site at this stage. When you move your website to a production server at a latter stage you should place a check in the checkbox as you want Search Engines and Robots to spider your website.

Fill out your details and click the “Install WordPress” button
You have successfully installation WordPress with XAMPP on localhost
Congratulations, you have just successfully installed WordPress with XAMPP on localhost. The screen you are now presented with informs you that your installation was successful. It also displays your username on the page. For security concerns your password it not displayed on the page.
There is one last button on this page. “Log In” Click this button to access you new WordPress dashboard. Use the username and password you entered earlier during installation.
Enter your WordPress credentials to access the Dashboard

Enter your WordPress credentials to access the Dashboard
Once you enter your login credentials you will be directed towards the main WordPress dashboard page. From this area you have the ability to totally modify your website details, themes, settings and content.
Main WordPress Admin Dashboard


Navigate your way around the dashboard so that you are familiar with where certain pages are and how to achieve certain tasks.

Finally
This was a fairly lengthy article and there were quite a few steps involved in setting WordPress up on localhost using XAMPP.
To some up the task. You downloaded and installed XAMPP on locahost. You created your MySQL database to use with WordPress and finally you setup and installed WordPress.
Setting WordPress up in this fashion is a great way to test and create your websites. Developing and deploying WordPress websites in this fashion is great for a couple of reasons

You do not have bandwidth lag as you are accessing the site and database from your server, not relying on a third party hosting provider on the other side of the world.
If you make any visual mistakes and are modifying or designing your theme, this is a great way as you are the only person see the site. You visitors do not have access to this area so they will not see your half designed site.

I hope you enjoyed this article and it has given you a good understanding of how to Install WordPress on localhost using XAMPP. In a future article I will demonstrate how to export your sandbox or development site over to a live production server i.e a remote Web Host.

Feel Free to Drop your Comments
Thanks


FR Interactives Team
Re: Join Our Web Design And Development Study Group Here In NL by hilaryiwens05: 9:19pm On Mar 01, 2015
wordpress, joomla, open cart
FRInteractives:
K please send me a PM on the CMS platforms you can handle
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 9:28pm On Mar 01, 2015
Ok that's cool so give us what you've got
hilaryiwens05:
wordpress, joomla, open cart
Re: Join Our Web Design And Development Study Group Here In NL by hilaryiwens05: 9:35pm On Mar 01, 2015
u hav started wordpress alteady,...so I will take joomla.
FRInteractives:
Ok that's cool so give us what you've got
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 9:42pm On Mar 01, 2015
You can also add your own to it. Joomla is a cool topic an interesting one too.
hilaryiwens05:
u hav started wordpress alteady,...so I will take joomla.
Re: Join Our Web Design And Development Study Group Here In NL by jaybossYBNL(m): 11:46pm On Mar 01, 2015
Nice one, i am following this thread I love what you're doing FRInteractives
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 12:10am On Mar 02, 2015
Thanks We Appreciate
jaybossYBNL:
Nice one, i am following this thread I love what you're doing FRInteractives
Re: Join Our Web Design And Development Study Group Here In NL by Ohislee(m): 7:33pm On Mar 02, 2015
@FRInteractives is it possible to use WAMP server as localhost in place of XAMPP. Thanks for the tutorials, as a novice web designer, I am seriously following with this class.
Re: Join Our Web Design And Development Study Group Here In NL by hilaryiwens05: 7:51pm On Mar 02, 2015
yes u can
Ohislee:
@FRInteractives is it possible to use WAMP server as localhost in place of XAMPP. Thanks for the tutorials, as a novice web designer, I am seriously following with this class.
Re: Join Our Web Design And Development Study Group Here In NL by FRInteractives: 10:23pm On Mar 02, 2015
Yes you can. Xampp Is a software that runs on any os short for X-any os, A - Apache, M - Mysql, P - Perl, P - PHP. While WAMP - W - Windows, A - Apache, M - Mysql, P - PHP specially designed to run on a windows machine. So any of these can do the job.
Ohislee:
@FRInteractives is it possible to use WAMP server as localhost in place of XAMPP. Thanks for the tutorials, as a novice web designer, I am seriously following with this class.

(1) (Reply)

How Can I Link My Blog To My Twitter And Facebook Account / Get Remita And Interswitch WHMCS Module For FREE / Deleted post

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 46
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.