The main site root folder should be stored locally (on the desktop or thumb drive for example). The HTML goes in the main site root folder, while CSS, images, etc. should be placed in sub-folders. Dreamweaver needs to be told where the site root folder is located, otherwise it will create one on its own, breaking the code.
The HTML sandwich consists of the doctype, metadata, HTML, and the visible body. The doctype marks the beginning of the sandwich. The metadata comes next, and includes all the information needed by browsers to run a website. This information is invisible to the site user. The HTML is the main portion of the "sandwich", and consists of the body that is visible to the website user. HTML code is linear, and therefore is read from top to bottom. Therefore, the sandwich must be organized in an exact manner so as not to ruin the code.
HTML is generally a series of tags. These tags work in pairs, having a beginning and an end. Tags for type include h1-h6, with h1 being the largest, and h6 being the smallest. Other tags include p for paragraph, b for bold, and i for italic.
CSS, or Cascading Style Sheets, by name determines the stylistic qualities of a site. The best way to deal with CSS is to make a separate CSS sheet, apart from the HTML code.
The HTML code is the content and structure of a website. The site structure is made of of boxes. These boxes include the body, header, footer, etc. After these primary boxes come divisions. Divisions can be created by directly coding them into the CSS code. Types of divisons include .class, which can be used over and over, and #id, which can only be used once per page.