April 2016

Part 2 – Planning phase of Website Development Project

Hello guys
This is Sulaiman Jawaid
In last post we talked about Basics of Website Development ( Click Here for Part One )
Now lets move forward and start creating out first website.
At this stage everyone of you who is getting along with this series I would suggest Choose a Topic for you so you practice all the things as we get along with this series according to real life project. It would be much better if you can catch a client for whom you would be developing a website so you could get some serious practice over getting a Website Project done while your learning, So by the end of this series you have a Complete Project ready.

Getting Started with a Website project.

When Starting with a website project the very first step is to figure out the boundary of project. the functionalities your website needs, the structure and the content breakdown. Dont worry it all the same you just need to Draw a basic structure and Start with figuring out the pages of your website.

Like for example

usually 99.99% websites out there uses these pages as they are the basic necessity. Some more could be :

– Pictures Gallery
– Latest news
– Announcements
– Products
– Services
– Testimonials
– Video Gallery
Etc Etc

Another Example of Website Hierarchy
Now you have Got the basic idea about website. You need to figure out if your website needs any Dynamic Features like
E-commerce Store if yes will it need to have online order system, Clients Registration, Orders management etc? write down everything you figure out at this stage

More over Figure out if the website need to have any kind of Blog if yes what kind of data would be there in blog, what would be categories etc. Try your expertise, think of Room For improvement, what more functionalities would facilitate the visitors/Users of website and note them down accordingly.

As I mentioned in the start, You should select a website project so in every stage of this series we would be working over it, So I myself select my personal website to work in this series. I would be practicing each n everything thing for the same website you may try for yours. If you feel like having any query hit me up with a PM on facebook or through my Email.

Gathering Information About my website

Ok now let me document the same information about my own website. As I see the project It seems I would need the following pages in my project

. Homepage
. Pictures Gallery
. Hobbies I have
. Blog
– – Technology
– – Security & Penetration Testing
– – Website Development
– – Latest NEWS & Happenings
– – – Website Development
– – – Software Development
– – – Mobile Apps Development
– – – Graphics Designing / Animation
. About Me
. Achievements
. Email Me

Good for now, I can add up things later if I feel, But for you I would suggest figure out everything in start when you are practicing once you get used too with the process you are good to go.

In My website Structure if you have noted I have figured out the Categories under the Blog Section and as there is a category of Tutorials again under that category I have put child categories of diferent topics on which I would be writing blogs.Anyways lets move towards the next part.


If we see basic website Structure it would be something like this header will contain some information in it as well as menu this is the thing we would need to have on every page, then it comes banner image or Slider now its upto us if we want it on everypage or just the homepage next is the content part it will be different from page to page of course as it will contain the content of that page, then comes sidebar, again it can be same for every page or different as well depends upon how we like it and then in last it comes Footer it would probably the same for every page.

Example fo a Structure

Greatest Disadvantage of Static Websites.

lets talk about this before I introduce the CMS part, the biggest disadvantage of Static website is developer has to do alot of repetitive stuff again and again. like Header is same in look for every page but it would need to be put manually in every page, same with footer and sidebar if we have the same footer and sidebar in each page, more than this just assume the last moment before launching you need a minor change in website like for example changing the contact number in header, now you have to change manually in every page, It sounds Ok if it is 3 to 5 or like 10 pages, what if you have like 20 – 25 pasges in your website
would you be going through each n every page changing the content ofcourse no. so there comes the CMS (Content management Systems)
Content Management System provide you with creating header one time which will be displayed in all the pages globally same with footer or sidebar (Though you can create more variations but at the moemtn as we are talking about beginners level I would mention just this, You will came across this again in future).

Static V/s Dynamic websites

Great Advantage of Using CMS Systems for Web.

It saves alot of development time, developer donot need to develop same stuff again and again and doesn’t need to do repetitive stuff. Another greatest advantage is reusability of resources, like for example If a developer is working with WordPress CMS system and he needs to extend the functionalities of website with Google Maps API for example, all what developer has to do is to goto wordpress repository and get the Plugin for wordpress as it is already developed by some other developer for wordpress so he needs to change it a bit with own needs just, while in customized development all things are need to be develop by their own.
Same for all other major functionalities like Creating Forms, interacting with Database, integrating Galleries and everything you can think of.. there are already thousands of resources available for WordPress CMS and the same way for other CMSs like Joomla, Magento or OS Commerce.

Functionalities of a CMS
Well I would wind Up this session for now as it is already been quite Long, onwards from next post i would be Posting in form of Video Tutorial, starting from installation and Setup of WordPress CMS, So i would recommend every participant write down your Project outline, from next post I will explain setting up WordPress on your Own hosting account or if you haven’t any yet I would explain how to get a Free Domain and Free Hosting for your learning, but its good only for your learning propose once you are doing real life project I would highly recommend you getting hosting from some good Hosting company.

This is it for now, See you Guys in Next post
Sulaiman Jawaid

WordPress Basic Settings, Theme Installation, Page Templates & Menu Positions – By Sulaiman Jawaid

Hello Guys this is Sulaiman Jawaid
Here I go with the 4th Tutorial of this series.
This tutorial Covers the Following Topics:

1 – WordPress Theme Installation
2 – Basic Settings
3 – Page Settings and Page Templates
4 – Menu Creation and Menu Positions.

Following is the Youtube video, users from Pakistan may use Proxy or Zenmate Chrome extension to access youtube.
Dont forget to post your Feedback in group Computer Tips and Tricks.

Getting started with Website Development – Read This

Hi guys this is Sulaiman Jawaid, It has been long I wrote articles or tutorials. As we discussed in the group Computer tips and Tricks I decided to write again on a few topics.

In the previous discussion as we found most of the users interested in the topic of website development so I decided to write a couple of tutorials for that and specifically cover the CMS part, though as I have got much queries related to WordPress CMS so I would be focusing more on WordPress in future articles. If you want me to write on any particular topic leave your query in the group I will try to spare time writing about that as well.
So lets get to the topic when we talk about Website Development itself it is a quite elaborative topic depending on the nature on type of website it varies from nature of website to the functionalities. As we have quite a few beginners as well so I would try to start from the very basic so that everyone could follow things easily.

Under Standing the Basics of Website Development:

Whenever we talk about a website first thing hits the mind is Domain name, Hosting. Databases etc. Lets not make things Complicated I will explain the basic terminologies. If we talk about a Basic website one would need a Domain Name of website, Hosting Account to host the web and Developed Website.

What is Domain Name:

Domain Name is just the name of website, like or ,

If we consider example of the (CyberFreakSolutions) is the domain name while .com is the extension, there are various extensions available like .net, .org .pk etc.
Domain Names are purchased from Registries for the period multiple of years. From any international domain extension like .com/.net/.org minimum registration period is one year and maximum of 10 years. While wherever .PK extension registration is involved it is registered from Local PKNIC Register of Pakistan it has minimum registration of 2 years. Domain Pricing varies depending over the Extension mainly and domain name as well.

What is Website Hosting:

Hosting is nothing but just another computer system which stays online 24/7, Websites once developed are copied on hosting server and the particular domain name is parked to that hosting files so that whenever someone enters the domain in Browser is takes the users to those files hosted by website owner.
Mainly Web hostings are of two types Windows Hosting and Linux Hosting. Difference is just the Operating system which is being run on the Hosting Server which can be easily understood by Name of types.
Generally Linux hosting is preferred by website owners for being cheaper in price and there nothing like licensing etc. where as Windows Hosting are slightly expensive than Linux Hosting.

Developed Website Files and Web Development languages:

Now this is the part which we would be more focused about in our future tutorials to develop a website. Websites could be explained as Static or Dynamic Websites. Static website is just the website which don’t have a Database, it can be simple made by HTML and CSS and can be deployed within minutes. While as Dynamic websites are the same static website which have database to fetch information from which extends the functionality of website to infinite possibilities. So the information present on website isn’t just stagnant content.

Usually small Businesses Need Static Boucher website to manage their online presence which can be designed and developed easily in (HTML/CSS Languages) where as for more functionalities like running a web based store/Shop or giving the costumers to have interaction with business online needs more than just a broacher website there comes the PHP/ASP (PHP Stands for Personal home page where as ASP Stands for Active ServerPages) and SQL Languages to handle the Database and interact. Now if you remember two types of Web servers Windows and linux based, If we are going to use Windows hosting in future we have to use ASP Language where as If you are gonna use PHP it is more likely to use PHP to interact with Linux Web Server.

If I explain the structure of why multiple languages are involved in website development it can be explained easily by every language has its own reason to be there every language has a particular functionality like HTML is just Hyper Text markup Language it is used to draw basic structure of website like how many pages would be involved in the website, what would be the Relation and links between pages, Creating Divisions in Web pages etc., While as CSS (Cascading Style Sheet) is more focused on the Styling of web page each n every detail of design from color to background, size to position is defined in the CSS, JavaScript (Don’t resemble it with JAVA both are entirely different) is a scripting language to perform certain tasks on Client side, which means it do small tasks programmatically on client side when client opens the website and don’t consume server resource instead the Clients Computer Performs the task.

Now if the Database is needed in the website Two more languages PHP(or ASP) and SQL comes in. SQL (Structured Query Language) is the is the language used in any database we need it to design and handle the database where as PHP/ASP is the language which interacts from Web server, so any task which is supposed to be done on SERVER Side like for example Fetching data from Database or performing secure Tasks in which we don’t want the user to change the methods and procedures are defined and Programmed in PHP/ASP.

I will wrap up this article over here, may be until this it seems complicated to many of the beginners but don’t worry, the interesting part has yet to come. My next article would be about the CMS, what are content managements systems, explaining some of popular CMS and how they handle all the complexities on behalf of developers.


For any queries you can hit me a PM on my facebook account If you find this helpful Don’t forget to leave your feedback.

February 2016

Conspiracy War Between US Government and Apple, Won by John Mcafee Dubai- Tip to Stay Safe

Once upon a time Conspiracy War was Between US Government and Apple.
and “John Mcafee” won 😛
Don’t you see his claim actually bring him from no where to lime light.. a part of the outcome whether they would be able to crack it or not (what I highly feel they would fail to..) they used the actual opportunity and the morning desert safari mess as marketing stunt truly for themselves..
2nd most important fact is FBI actually cornered APPLE and cleverly make them spit out they can still unlock the phones, despite of what they claimed previously that Apple has no more ability to open the locked phones.
Well Played FBI more than that smartly played John Mcafee 😛
Tip : Simple way to Prevent all the possibilities id 11 character passcode, No Matter Apple or FBI, even if able to.. would use BRUTE FORCE method to hack into devices and 11 character Pass code means it will take 127 years for them to try all the possible combinations of Passcode.. CHeers
Regards : Sulaiman Jawaid
CF-SOL Enterprises.