Where can I obtain an editable HTML5 template for a new website?

Looking for template in HTML5 code which I can edit to build new website.

[lfp78]

Hi,

New member here - and haven't worked on a website for nearly a decade. A lot's changed...

I've decided I want to create a new website, which will consist mostly of short articles with links to further useful/interesting/relevent sites (eventually (hopefully) supported by advertising).

I could probably have managed this 10 years ago, but now of course everything has to be HTML5 to work with phones, tablets, etc. and I'm out of my depth!

What I *think* I need is an HTML5 template (NOT Wordpress, Wix, etc.) that I can freely edit in order to end up with a fairly straight-forward homepage which features links to the latest articles, plus an archive page (searchable would be nice) so users can peruse links to older content, and of course a folder holding all the articles - each one its own webpage.

I'm quite willing to pay for it (though free/cheap would be great!) but can't seem to find anything suitable. Any ideas, please?

[not2easy]

Welcome to the forums lfp78!

Someone else had a very similar question just about a week ago in the HTML Forum: [webmasterworld.com...]

Maybe the answers there could help you, too. I found good information at the Bootstrap and Boilerplate sites that are discussed there.

[BeeDeeDubbleU]

There are literally thousands of these available on line, both free and paid. The problem tends to be that they are all much too complex with the designers providing them with 10 or 20 pages when all that is required is one page with lots of options on it. You can try Googling "responsive website templates" and hopefully you will have better luck than me.

[Valdo909]

Boostrap will do the job perfectly: [getbootstrap.com ]
This is the most popular Html5 / CSS3 framework.

The W3Schools tutorials on Bootstrap may be helpful too:[w3schools.com ]


Good luck!

[tangor]

Responsive and Fluid Column stuff is all over the place. A suggestion: Look at stuff that does not require JavaScript to function. Avoid JS for as long as possible. There is a significant (and growing) number of web users that are disabling JS for any number of reasons. IF, on the other hand, you are heading into ecommerce, then jQuery/JS may well be essential and you'll have to make that decision then.

[lfp78]

Thanks for the replies and advice!

I've managed to get a set of Boilerplate files, and the source code for a template I like on Bootstrap, so just need to combine the two...

For which, I'll need an HTML editor. I have an old version of MS Visual Studio, but I'm not sure if this is appropriate for HTML5.
Can anyone recommend a simple (free or inexpensive) modern editor? One that can give previews of the different screen sizes would be nice. I've tried a couple of browser-based ones and couldn't get on with them at all (#) - more to the point, my elderly laptop struggled with them - so it would need to be a downloadable program.

Avoiding JS sounds like a good plan! I want to keep the site as straight-forward as possible, and I'm not going to be selling anything.

So glad I found this forum - I was on the verge of giving up!

(#) I've just had a look at W3Schools, and theirs seems to work ok, though I can't get it to resize the preview.

[not2easy]

You can use browser extensions to resize the view. Look for developer tools for your favorite browser though I doubt there is one for IE, I know there are tools for Firefox, Safari and Chrome with different useful features.

For Windows users I recommend Notepad++ (free download) for editing and viewing html. It is not made for html editing only, but has everything you need.

[tangor]

Second not2easy re: Notepad++, though there are a few free WYSIWYG HTML5 editors available. As for viewport sizes, nearly all modern browsers have something in their "developer" side that will do that. Personally use FireFox for that purpose.

As for HTML5, your older editors can do it quite nicely, as long as you change snippet code and prevent it from attempting to insert deprecated code. I'm still (example) using HomeSite 4.0 for much my coding.... though it took a few weeks to weed out much of the HTML4 stuff it sometimes inserted. If you are NOT a code junkie and willing to get in the pen and play with the pigs and get dirty in the process, then you might want to look at only the LATEST and GREATEST and CERTIFIED HTML5 editors.

As noted above, NOTEPAD++ is NOT an HTML5 editor, though you can create HTML5 files all day long.