Explore HTML fundamentals, including elements and attributes, and the boxes inside boxes concept, plus how Dreamweaver's reference panel aids building tables and page structures.

Dreamweaver essentials introduces CSSA, cascading style sheets, which sit on the page’s skeletal structure to control text formatting, styles or rules, and overall layout.

Explore the Dreamweaver interface by using the insert bar, document toolbar, code split and design view, and manage panels via the window menu.

Explore the snippets panel to insert pre-created breadcrumbs into your layout, preview their look, and use angle brackets for the path with Kolin as the separator.

Explore the other panels in dreamweaver, focusing on assets, CSA styles, and files, while noting that database binding, server behaviors, and components handle dynamic sites beyond this course.

Create index files in Dreamweaver to define your site’s starting page, naming them index.html or index.htm. Browsers look for these files, and shorter paths keep navigation clean.

Create a local root folder for your web site and define it in Dreamweaver. If you have hosting, add the details and practice uploading a file to the remote site.

Discover the Dreamweaver cssa rule definition dialog box, explore type, background, block, and box categories, and fine-tune font, color, spacing, margins, and layout options with live previews.

Remove the horizontal rule, add a one-pixel top border with a matching color to the copyright notice, then adjust its top padding in Dreamweaver's CSS panel and box model.

Using the box model, this lesson shows how to create a reusable class sidebar in Dreamweaver, with width, padding, margin, border, background, and float right to wrap text.

Redefine ordered and bulleted lists with CSS using tag selectors, switch list types, customize bullets, and adjust spacing with margins for cleaner layouts.

Move internal styles to an external stylesheet in Dreamweaver by selecting all rules, choosing move CSSA rules, and saving as styles.css; update the head link to styles.css.

Learn to move styles between internal and external stylesheets in Dreamweaver, using dragging and copy-paste to organize and reuse rules like emphasis.

Master Dreamweaver table basics by inserting a 3x3 table, setting width to 100 percent, and adjusting borders. Learn merging cells, accessibility options, and viewing HTML code.

Insert content into Dreamweaver tables, including nested tables, and fix width or set column widths in percent or pixels. Use visual aids like the green lines to keep layout stable.

Master traditional table formatting in Dreamweaver by styling individual cells or the whole table. Adjust alignment, width, height, padding, cell spacing, borders, and header rows with colors or background images.

Use images for typography in Dreamweaver by designing text in Photoshop, saving as gif for reliable loading, and inserting the graphic into your layout.