HTML5/CSS3 in Dreamweaver CS5Tips
Make sure to
save both your .html pages and your .css page
before shutting down. Peopletend to forget to save the .css page.2.
cannot type in Design view
, press the
Each time you log onto the computer, you must
define a new site
to bring in your folder.4.
Create page for one browser preferably not IE. Firefox, Netscape, Opera, and Safari are W3Cstandards compliant.
Testing in Firefox works well
with PCs and Macs.
Header, footer, and wrap all the same pixel length across (960px).
left and right padding affect padding within the box size; marginsaffect space outside of the box.
Add margins to boxes (photos).
Make sure you #wrapper and #main-content match your primary color of your Web page8.
Line-height > 150%
= 1.5 spaces between sentences.9.
Font size should be around 12-16 pixels.
Always check to see if you have closing tags such as </div>.2.
File > Empty Cache
. (Stores earlier pages) in Safari. In Firefox, Tools > Clear Private Data.3.
There should be no spaces in your labels or attributes.4.
You may have forgotten an
marks for your string.5.
You placed tags outside the <body></body> tag.6.
You added padding, but did not subtract the left and right padding from the width.7.
Link to saved .css style sheet if changes do not appear when testing in browser. Link chainlocated by Add New Style Sheet Icon in CSS palette.8.
Display > Block. This helps fill up space in big boxes.9.
Use figure tags for images, and position them.
Create a new HTML5 page
File > New > <none> > HTML5
Creating Two-Column Layout with HTML5 and CSS using Dreamweaver.
You will create an external style sheet in CSS. The <div> tag stands for division and the <span> tagcovers a span. In DW, use the HTML5 tag to create invisible boxes in code view.1.
You want to first create giant box to hold all of your content including your <div> tags. Start with angle bracket in the code view of DW. The code hints will appear to help you rememberto tags. Type <div
Give it any ID name.
is unique, which means it is used once.2.
Next you want to create the header, nav, main-content, article, aside and footer tags