Web Basics – What is a Website?

After a brief discussion with everyone yesterday we decided to create a new series of posts called “Web Basics.” We agreed that we needed to take a step back for you, our friends and family, and stop talking about all this technical stuff. Web people have a habit of using web speak. I suppose, like most professions, we use the slang and acronyms pertaining to our industry; but we know this doesn’t help. It only succeeds in turning your eyes into the back of your heads and gets you frustrated…

Well no more!

So, what is a website?

I think a website can really be explained on two fundamental levels, the literal and the potential. For now lets concentrate on the literal. A website is literally a collection of information beamed to you through the Internet and reassembled through a host of very complicated processes (most of which we won’t get into). It is a series of codes, written in a language your computer can understand, that is automatically assembled revealing the pretty boxes and do-hickey’s you see on screen.

Your average website has 4 fundamental components. Backend Code, XHTML, CSS, Javascript

F!@(), Zach! You promised you wouldn’t use any of those fancy acronyms…

Yes, I know, but wait…. (I like to talk to myself)

Websites are a lot like any physical building or construction project. You have a base, a foundation of cement and steel beams on top of which you layer design elements. On top of the cement foundation and vertical wooden planks you add drywall, paint, molding, pictures, etc. Additionally, components are added to allow you to interact with the building. Doors are bolted on, windows are added, allowing light and entry into your new building.

Websites are just like buildings.

Construction Family' style=

The basis of any website, its foundation is called XHTML (eXtensible Hypertext Markup Language). It is literally the support beams and concrete that holds everything up and together. On top of this base you layer on CSS (Cascading Style Sheets). CSS is the design element, it is a file that dictates how everything will look, what color paint will go here, what pictures will go there. Finally Javascript are the doors, the elements that control interaction – the fancy hover effects, the cool popups, the scrolling.

And finally, the backend code for any website really just spits out the XHTML, you can think of it as the mixer of the cement that will be used as the base or foundation.

In additional Web Basics posts we plan to explain more about the basics of XHTML, CSS, Javascript, web marketing, and much more. But, we’d love to hear from you. This whole series was really the culmination of input we received from friends, relatives, and clients and we want more. If you have any ideas for a post or have been wanting to learn something about the web or technology in general, please contact us and let us know.

——-

Zach Katkin
Zach Katkin
Zach Katkin is the co-founder & CEO of Atilus. He is a Certified Google Professional, author, and lover of technology. He helps Atilus stay out ahead of online marketing trends and loves driving results for Atilus' clients.

Leave a Comment

 

Comments
  • kitchen faucets
    Reply

    I am a young builder working for a small building contractor locally.I have learnt many things over the years & feel it is time to move on, on my own.A mate of mine that I have worked for is moveing soon.kitchen faucets

Recent Posts

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.