So, my question here is: Which template or templates do you suggest that will best suit my website?
That is entirely up to you. If you feel up to it, start from zero and create your own. If you do not want to re-invent the wheel, then use a framework like Bootstrap. I mention Bootstrap rather than one of the other frameworks mainly because it is included in Dreamweaver.
Bootstrap, like other RWD (responsive web design) frameworks, contain media queries so that the different client screens can be fully utilised. As an extreme example, whee you may have 5 columns for a wide screen, you will fit just one column on a narrow screen. Bootstrap 3 has 4 breakpoints (3 if you do not count a 0px width as a breakpoint, namely extra small, small, medium and large. These breakpoints are created by the media queries inside the CSS file.
For more information go to
OK, thanks.....Oh, I will try to re-invent the wheel, but am sure to get confused. I will also play around with the bootstrap tutorial.
I watched the video you suggested and created it in notepad. I am just a bit confused as to why there is not a separate css file instead of having it all in the html? I think it is called inline? Why use DW if doing it all in notepad? Was this just for experience? Which is alright, I certainly need it. I'm just wondering.
1 person found this helpful
External Stylesheet = a separate physical file to which all your HTML pages are linked. Ideal for sitewide styles.
Embedded Stylesheet = CSS inside <style> tags inside the document's <head> tag. Ideal for page specific styles.
Inline CSS = styles added directly to the HTML code. Rarely if ever used in web pages. Mostly used in HTML emails.
Inline CSS takes priority over embedded and external. Embedded CSS takes prioity over external.
Got it? Not really. In the tutorials I have watched in Dreamweaver, the style sheets are a separate file, making them an External Stylesheet. Correct?
So, Inline is added directly to the HTML code, rarely if ever used in web pages, mostly used in HTML emails and takes priority over embedded and external.
I am so very confused now.
Global styles for every page in your site. Preferred workflow.
Page specific styles. For a contact form that doesn't appear on every page or when you need to override a global style to use a different background on one page.
Don't use inline CSS on web pages.
Can you please just tell me which one to use? Do I use the separate css file in my website, external stylesheet?
I have been at this all day, so think I need to quit for now. I believe I have a brain cramp. Thank you for the help though.
1 person found this helpful
No I can't just say do it this way or that way because it all depends on what you're doing at the moment.
- Use an External stylesheet for the majority of your styles.
- Use Embedded styles when you need them for special situations.
Thank you Nancy...I do understand that.