HTML Boilerplate

User 2997969 Photo


Registered User
24 posts

Hi,

I'm close to completing a prototype web site (my first effort since 2005 - my how things have changed!). Most sources I've looked at suggest that the <script> statements for jquery, popper and bootstrap go at the bottom of the <body> section of the HTML. Others (notably w3schools) place them in the <head> section. Which is correct? Or doesn't it really matter?

On a side note, I started out trying to use Site Designer, but discovered that it would be much easier for me to design the site in the HTML editor. I got frustrated with SD, in large part due to the difficulty in nesting elements. I my have been doing something wrong, but I could never get the elements to nest properly. Anyone else find it easier to just do the work in the HTML editor? Note: I used Bootstrap for components (navbar, buttons and carousel) and many CSS classes.

Thanks,
Robert W
User 122279 Photo


Senior Advisor
14,565 posts
Online Now

To move elements around in Site Designer, open the programme, tool panel to the right and find the Element tree. Above it, top right corner, there is a Help dialog. It has some tabs, and you can open the one saying Keyboard short cuts. In there you will find the key combinations about how to move elements into or out of another element.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,119 posts
Online Now

Robert Wevodau wrote:
Hi,

I'm close to completing a prototype web site (my first effort since 2005 - my how things have changed!). Most sources I've looked at suggest that the <script> statements for jquery, popper and bootstrap go at the bottom of the <body> section of the HTML. Others (notably w3schools) place them in the <head> section. Which is correct? Or doesn't it really matter?

On a side note, I started out trying to use Site Designer, but discovered that it would be much easier for me to design the site in the HTML editor. I got frustrated with SD, in large part due to the difficulty in nesting elements. I my have been doing something wrong, but I could never get the elements to nest properly. Anyone else find it easier to just do the work in the HTML editor? Note: I used Bootstrap for components (navbar, buttons and carousel) and many CSS classes.

Thanks,
Robert W


here is a link to a video about moving elements around in Site Designer, it may help get a better understanding

https://youtu.be/yl1iDbasyGg
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2997969 Photo


Registered User
24 posts

Inger and Wayan,

Thanks for your suggestions. I haven't given up on SD yet. The site I am working on now (almost complete) is kind of a practice session for my primary interest site (a meteorological case study), and I will try to use SD for that. Your suggestions will help.

What about my question on the location of the <script> lines in the html boilerplate? Do they go in the <head> or <body> sections? Or does it not matter?

Thanks,
Robert W
User 122279 Photo


Senior Advisor
14,565 posts
Online Now

Usually, css goes into the head section and js to the bottom of the </body> tag. But there seems to be some js that is better put into the head section. Unfortunately I'm not certain what kind of js they represent, but I guess that someone here will know more of this.

This page has some explanation about where to put the js: https://stackoverflow.com/questions/143 … ode#143527
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,245 posts

Put your js in the foot area of your page in SD if your going to use the built in js that the frame work is using. Some frame works are starting to eliminate the need for jquery from their frame works so we may need to include it ourselves in the future versions. In the HTML Editor I would put it just above the </body> tag at the bottom of the page.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2997969 Photo


Registered User
24 posts

Thanks for the answers. I have tried it both ways and didn't see a difference. Now I know why.

Robert W

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.