From the course: Dreamweaver CS5 Essential Training
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Adding structure to text - Dreamweaver Tutorial
From the course: Dreamweaver CS5 Essential Training
Adding structure to text
When designing a new page, one of the first tasks you'll need to do is to create the basic structure of your page's HTML. If you're typing in your content directly into Dreamweaver, you can add that structure as you type. If you are importing content from programs like Word, you can either preserve the text's structural formatting or reassign content to specific tags. Whatever approach you take, Dreamweaver makes it incredibly easy to add basic structure to your HTML. In this exercise, we'll take a resource file, which has been stripped down to the barebones, and add meaning to the text by formatting it within specific tags. Keep in mind that in this exercise we are focusing on the main content region of the page, not the layout or the secondary areas. The markup we would use for page layout will be covered a little bit later on. So here I have my resource file open from the 05_02 folder. Now it would be really easy to look at this file and say it doesn't have any structure at all…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
Understanding style sheets2m 16s
-
The anatomy of a CSS rule1m 48s
-
Setting CSS preferences6m 36s
-
The CSS Styles panel10m 2s
-
Controlling CSS through the Properties Inspector5m 14s
-
Using the Code Navigator7m 20s
-
Using CSS Enable6m 45s
-
Understanding element selectors8m 11s
-
Understanding class selectors8m 49s
-
Understanding ID selectors5m 59s
-
Understanding descendant selectors6m 51s
-
Attaching external style sheets7m 44s
-
-
-
Working with units of measurement7m 11s
-
Declaring font families9m 39s
-
Controlling font sizing9m 9s
-
Controlling weight and style8m
-
Controlling line height8m 29s
-
Controlling vertical spacing with margins12m 3s
-
Controlling spacing with padding5m 38s
-
Aligning text8m 26s
-
Transforming text5m 36s
-
Writing global styles15m 42s
-
Writing targeted styles17m 37s
-
-
-
Understanding image types5m 3s
-
Managing assets in Dreamweaver12m 51s
-
Setting image accessibility preferences4m 20s
-
Setting external image editing preferences3m 52s
-
Placing images on the page7m 37s
-
Photoshop integration5m 54s
-
Modifying Smart Objects5m 51s
-
Alternate Photoshop workflows8m 8s
-
Modifying image properties11m 14s
-
Styling images with CSS7m 11s
-
Using background graphics9m 3s
-
Positioning background graphics11m 6s
-
-
-
CSS structuring basics2m 56s
-
The Box Model13m 21s
-
Understanding floats6m 53s
-
Clearing and containing floats8m 56s
-
Using relative positioning4m 8s
-
Using absolute positioning7m 18s
-
Creating structure with div tags12m 7s
-
Styling basic structure10m 34s
-
Creating a two-column layout10m 37s
-
Using Live View and CSS Inspect7m 51s
-
Using Browser Lab9m 39s
-
-
-
How forms work3m
-
Reviewing form design3m 2s
-
Creating accessible forms7m 33s
-
Setting form properties4m 6s
-
The fieldset and legend tags4m 32s
-
Inserting text fields5m 58s
-
Inserting list menu items5m 26s
-
Inserting checkboxes7m 50s
-
Inserting radio button groups6m 22s
-
Inserting text areas4m 12s
-
Inserting submit buttons3m 37s
-
Basic form styling12m
-
Form element styling8m 52s
-
Styling form layout11m 49s
-
Adding form interactivity2m 47s
-
Using Spry validation widgets12m 49s
-
-
-
Planning for templates10m 51s
-
Creating a new template10m 37s
-
Using editable attributes13m 43s
-
Creating optional regions6m 23s
-
Creating new pages from a template9m 16s
-
Applying templates to existing pages6m 9s
-
Working with nested templates7m 56s
-
Working with repeating regions12m 58s
-
Modifying templates5m 41s
-