Chances are, if you’re not a complete web geek like me, you’ve heard the term web design plenty of times, but perhaps not the term web development. Here’s the difference:
Web design is the process of designing what the website will look like, from the background color to the font sizes and everything in between. Web development is the process of actually building it using code.
If your organization is going through a website re-design or building a new website, then you don’t have to be in the dark about how it’s done. Yes, you should get a professional web developer or development team to build it for you if you’re not a natural web coder. However, having a basic idea of the process and knowing what’s going on will empower you to make better decisions that affect the success of your organization.
The basic building blocks of a website are HTML and CSS. They work in tandem to make the website look like how you want it to look, and they each have their own specific function.
HTML tells you where to put things on the website, and CSS tells you how those things should look. Here’s an example of them working together:
HTML: “I want the header to be at the top of the page. Inside the header, I want the company logo on the left and the name on the right. Then I want the main paragraphs to be in the body right below the header.”
CSS: “I want the header to be 950 pixels in width and 200 pixels in height, or 950 X 200. I want the background to be light blue and the heading text to be dark blue. I want the company logo to be 200 X 200. The main paragraph font should be Arial with a size of 14 pixels.”
Please note that the HTML and CSS code won’t actually talk to you; I was just using this for illustrative purposes!
This is how the basic website building blocks work. More detail into web development will come soon, as well as a basic web design feature in the Simplified Series.
How does your website help your organization succeed?