“Do I need a website?” To help you answer this question, let’s have a look on why people make websites of their own. First, let me share a bit of my journey in web designing.

I made my first ever website when I was about 16 year old freshman in college. That was about 12 years ago. The famous web hosting companies among IT students in our school back then were Bravenet, Angelfire and the now defunct Yahoo!GeoCities. Social networking services which were prominent then are MySpace, Multiply, and of course Friendster. Little did we know that a much bigger social networking site by the name of Facebook would emerge in the future.

Over and over again, I grin remembering the days when we had to sneak into our school library just to upload web pages and images from our 3 ½ inch floppy disks to our web hosts. We only have limited time using the computer lab. And if you’re having a very good day, you had to look for an internet café outside the school and get charged with P20 to P30 per hour. That would be a large deduction to my P100 daily allowance since I usually spent P40 for my daily transportation fare. And it was the best day day when your diskette is infected with the computer worm called Brontok which causes damage to the files saved in your diskettes or pen drives. Yeah, I’m talking about the mid 2000s.

Our “cool” professor taught us very “exciting” html codes. Exciting huh? I really don’t know if it was but I did enjoy learning the basics of web designing. Prior to learning html codes, imagine me creating my first web page using Microsoft Word. Say what!? MS Word for web designing? Basically, you just have to save your word document file as an html file. That’s it! You already have a web page. When I opened my first MS Word made web page on the Internet Explorer 7 browser, I thought I was a genius. Then, here comes the MS FrontPage. Our professor disallowed us to use this program thinking we are that indolent to drag and drop everything which was ironically sounded like him. What is indolent by the way? It’s just another way of saying we’re lazy programmers.

The HTML or Hypertext Markup Language

computer-1209641_1920

In a simple sense, HTML is a set of symbols or codes that determines how a web page will be displayed in a browser. It tells the browser how text, images, hyperlinks, tables (I mean web page tables not that one in the dining room) and other elements would look like.

Example:

<html>

<head>

<title> These are the text of the browser’s title bar </title>

</head>

<body>

<h1> These are the texts you will see on the web page when you open it with your browser</h1>

</body>

</html>

Interestingly, you can encode these codes using Notepad. Just save it with the file extension name .html or .htm (e.g. filename.html) then Save as type “All Files”.

notepad
Your first html file. (Image is owned by Grow and Teach)

This is how it looks like on a web browser like Firefox.

webpage
Your first web page on a browser. (Image is owned by Grow & Teach

Some Terminologies You Need to be Familiar With

Web Browser – a program used for viewing web pages of a website. Examples are Google Chrome, Internet Explorer, Microsoft Edge, Safari, Mozilla Firefox etc.

Web page – a computer file usually written in a markup language like HTML

Website – a web page or pages from one location that are linked on the Internet.

Web host – a local data center or a company with its own server that allows individuals or organizations to make their website accessible on the Internet.

World Wide Web – a system where web documents and resources are interlinked by hypertext links and can be accessed using the Internet.

Internet – the system of interconnected computer networks around the world.

Hyperlink (or simply link) – a reference to another part of the web page or website you are currently viewing. Usually, by clicking the link, you will be transferred to another portion of the web page, another web page, or another website.

Domain name – the address or name of the website. For example, http://www.google.com, http://www.youtube.com etc. Subdomain is a part of the main domain. For example, this website’s address is https://growteach.wordpress.com. WordPress.com is the main domain, growteach is the subdomain name.  And it’s hosted for free by wordpress.com.

What Do I Need to Make a Website?

These are the basic things you need to have in order to publish your website on the World Wide Web. First, you need to have a computer that is connected on the internet to encode and save your works. You also need a program for coding your web pages like Notepad or Adobe Dreamweaver. A browser which you can use to see the appearance of your web pages. A web host where you can upload and save all the files you need for your web site. A domain or subdomain name. In one of my upcoming posts, I’ll make another article focusing on web hosting.

Let’s get back to the first question. What makes us decide when to make our own website? There are several reasons. If you have a business, you can use your website to offer products or services to your target market. A blog is another thing. I’ve already discussed blogging in one of my previous posts. Here you can post whatever topics you are interested in. You can also monetize it and earn decent amount of money if you know how to play the marketing game.

My first web hosting company back then was Bravenet wherein you upload all the files for your website and they will host it for free in exchange for banner ads they would put on every page of your site. This and GeoCities are very common web hosts for IT students during our time. Sometimes, the banner ads ruin the design of our web pages because we already put images on top of our web page as our banners. But we’ve figured out a trick to place the banner ads at the bottom of the page. The <body> tag of every html code of our page should be placed just before the closing tag of <html>.  Put all the contents and its coding right after the </head> tag. So the coding looks like this,

<html>

<head>

<title></title>

</head>

<h1>Put everything you would like to see on the web page here before the opening tag of the body section. </h1>

<body>
</body>

</html>

I tell you, I’m getting nostalgic reviewing this code.

When Facebook Killed MySpace and the “Beloved” Friendster

facebook-login-1475585_1920

By the time Facebook was introduced to IT students like us, we couldn’t stand leaving Friendster immediately. Not until Friendster itself decided to leave social media service and focus in gaming. We had to sign-up for Facebook accounts to stay connected with friends and relatives abroad. By that time, I was already busy with some other important events in my life.

After a while, I decided to continue my journey with web designing. By this time, I came into blogging. It’s more convenient because I don’t need to code every web page of my site. I just need my ideas and imagination to work together, with a little bit of originality to carry on.

4 Basic Skills for Web Designers

student-849825_1920

Surely, if you’re a beginner, you need to learn these essential skills in web designing:

  1. Web page layout – you should understand at least the basics of html and designing a web page.
  2. Content production – “content is king” as they say, but it’s better to say “content is life”.
  3. Graphic design – believe me, I’m not a Photoshop expert but you should at least learn how to cut, resize, recolor and put text in a picture to be used on a web page.
  4. SEO – stands for “Search Engine Optimization”. Well, it doesn’t mean you need to spend a lot of money but you need to be acquainted with internet marketing to boost traffic on your website. When I say “boost traffic”, it means number of internet users visiting your website.

We don’t know how long or how far the World Wide Web can go. One thing is for sure, we need to accept changes and adapt to it. I am confident that there will be another type of technology craze in the future. If you know the basics of web designing, you do not need to be jack-of-all-trades. Learning is a continuous process. We just have to be passionate about it.

 

 

Did you like this post and want more posts in the future related with this topic? Click “Follow” or “Subscribe” via email to receive free updates on my future posts. Don’t forget to share this to your friends on social media. Feel free to express your ideas by using the “Leave Reply” option below.

View all other posts by tapping the menu below:

Advertisements

2 thoughts on “How to Make a Website?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s