4Contents
Chapter 5: Tutorial: Adding Content to Pages . . . . . . . . . . . . . . . 73
Locate your files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Insert images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Insert and play a Flash file . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Insert Flash Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Insert text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Create links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Preview your page in a browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Chapter 6: Tutorial: Formatting Your Page with CSS . . . . . . . . .99
Locate your files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Learn about CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Create a new style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Attach a style sheet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Explore the CSS Styles panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Create a new CSS rule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Apply a class style to text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113
Format the navigation bar text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114
(Optional) Center the contents of the page . . . . . . . . . . . . . . . . . . . . . . 125
Chapter 7: Tutorial: Publishing Your Site. . . . . . . . . . . . . . . . . . . 129
Learn about remote sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Define a remote folder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Upload your local files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Troubleshoot the remote folder setup (optional) . . . . . . . . . . . . . . . . . 134
PART 3: ADVANCED TUTORIALS
Chapter 8: Tutorial: Working with Code. . . . . . . . . . . . . . . . . . . . 139
Look at the code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Switch to the coding workspace (Windows only) . . . . . . . . . . . . . . . . 142
Add a tag with the Tag Chooser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Edit a tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145
Look up information about a tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Add an image with code hints. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Check your changes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151
Print your code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
