weblium

SUBSCRIBE TO OUR NEWSLETTER

Other Design News

9 Best Multipurpose WordPress Themes (2021 updated)

Flexibility, potent website building tools, great customer support, and impressive sales figures are to be expected in top-tier multipurpose WordPress themes. You may or may not choose to invest in a multipurpose WordPress theme for a single website-building project. You’ll save lots of time and money by investing in one when you’re designing websites for […]

Read More at 9 Best Multipurpose WordPress Themes (2021 updated)

learn to code like a professional website designer part 2

learn to code like a professional website designer part 2 image Article by: Jonathan Service | picture Courtesy of: Pexa | pixalbay.com | Posted on: Wed Mar 03 2021


In part 1 of learn to code like a professional website designer, we looked at the types of programs you would need to use in your efforts to design a website and I specifically chose Bluefish for its ease of use and as it was Open source software. I can say at this point what program you use is entirely your choice you could even use notepad that comes with windows or opt for notepad++, let us move on to the nitty-gritty.

So let's start with the basics

Below we are creating a basic code to show our users, the code below when rendered by your browser will not be styled. Save this in a file called index.html. Scroll down to the next step for the layout.

Step 1 - Basics

We will now add the CSS (Cascading Stylesheet)

The most important part of website coding is adding the stylesheet, best practice here is to attach it to your code and call it in like so: it is never a good idea to add styles inline or on the same page as your main index or another HTML file that is client-facing.

Step 2 - The CSS

This applies all text to the center it quite basic but a step close to what we need, that's it for part 2 lookout for learn to code like a professional website designer part 3 coming soon!