newbie wants to learn - brand new website

[u2krazie]

I apologize if this question is common. But I don't know where to begin. I just found out about w3. I look at tutorials and want to experiment.

I am using blogspot. Instead of using their template, how can I start out with a template from w3. I want my website to meet w3 standard.

Please point me in the right direction. Thank you.

 

 

[justsomeguy]

I'm not familiar with blogspot hosting, but you may need a different hosting plan where you can just upload all of your own files instead of using a web-based editor.  Again, I don't know if they offer that or not.

[bikerchris]

On 10/18/2018 at 3:21 PM, u2krazie said:

I apologize if this question is common. But I don't know where to begin. I just found out about w3. I look at tutorials and want to experiment.

I am using blogspot. Instead of using their template, how can I start out with a template from w3. I want my website to meet w3 standard.

Please point me in the right direction. Thank you.

 

 

As someone who's also started using the w3.css, I appreciate your frustration. Just like me though, you do need to start reading the readily available literature, starting with this page:

https://www.w3schools.com/w3css/default.asp

In brief though, you'll have to start by either downloading the w3.css file and placing it on your web hosting, or adding a link to the permanent link to the file hosted on the w3 site, placed between the head tags:

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

Once you've done that, you can then refer to it by using something like:

<div class="w3-container">The heading</div>
<div class="w3-container">The main body text</div>
<div class="w3-container">The footer</div>

The above is very simplified and there are many more features, you do just have to read up as I did. Having done that, I now have 2 web sites that are very mobile friendly - I'm not going to say it was quick, but I'm very pleased with the result and it saves me creating my own css file.

Hope that helps.