About Classroom in a Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Prerequisites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Installing Muse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Fonts used in this book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Copying the Classroom in a Book files . . . . . . . . . . . . . . . . . . . . . . . 3
To install the Classroom in a Book files 3
Restoring default program preferences . . . . . . . . . . . . . . . . . . . . . . 3
To save current Muse preferences 3
To delete current Muse preferences 4
To restore saved preferences 4
Recommended lesson order . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Jumpstart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Windows versus Mac OS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Additional resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Adobe Certification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
A typical Muse web workflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Create a site concept 10
Create your Muse site file 11
Plan your site 11
Design your pages 12
Preview your pages 13
Publish your site 13
Touring the Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
The Welcome screen 14
Understanding Modes 15
Working in Design mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
The Toolbox 17
The Control panel 18
Adobe Muse ClAssrooM in A book v
Working with panels 19
Zooming and panning 24
Scrolling through a document 26
Preview mode 27
2 Creating Your Site 30
Creating a new site 32
Edit the site properties 33
Creating and editing your site map 35
Adding and deleting pages in your site 36
Arranging pages in the site map 40
Setting page properties 41
Adding page metadata 42
3 Working With MaSter PageS 48
Web design versus print design 50
Resolution 50
Fixed, yet fluid design 50
File size 51
Understand web navigation 51
Design with interactivity in mind 52
Building a master page 52
Editing the page area and browser fill 53
Editing master page properties 57
Editing the master page guides 58
Adding a logo to the header 62
Adding a navigation menu 64
Assigning content to the footer 81
Creating new master pages 83
Applying master pages 84
Testing your pages 86
4 adding and StYling text 88
Inserting text 90
Typing text 90
Placing text 92
Formatting text 94
Adjusting Font Size 95
Selecting a font 96
Changing alignment, leading, and letter spacing 101
Adjusting paragraph indents, margins, and spacing 104
Changing the color and case of text 106
Creating Type Styles 106
Creating and applying paragraph styles 107
Clearing overrides and editing a paragraph style 109
Deleting and duplicating a paragraph style 111
Unlinking a paragraph style 112
Creating and applying a character style 114
Editing a character style 115
Pasting text between Muse sites 116
Rotating a text frame 117
5 Working With ShaPeS and Color 120
Working with shapes 122
Drawing with the Rectangle tool 122
Creating 100% width content 123
Applying a background image to a frame 125
Creating a line 127
Creating a dotted line 128
Working with color 130
Creating and applying a color fill 131
Sampling color 133
Saving and editing a swatch 134
Creating and editing a color stroke 135
Duplicating and deleting a color swatch 137
Working with gradients 138
6 adding iMageS to Your Site 142
Web-image basics 144
Resolution 144
Color
Image formats 144
Importing images 146
Placing an image 147
Placing a Photoshop file ( psd) 148
Working with rounded corners, effects, and opacity 192
Rounding the corners of a frame 192
Applying a Shadow effect 194
Applying a Bevel effect 195
Applying a Glow effect 196
Adjusting opacity 198
viii Contents
Working with graphic styles 200
Creating and applying a graphic style 200
Clearing overrides and editing a graphic style 203
Embedding HTML 205
Adding a Google map 206
Editing the embedded HTML 209
9 Working With Widgets 212
About widgets 214
Inserting a composition widget 215
Inserting a Lightbox Display composition widget 216
Editing composition widget options 217
Adding or deleting a trigger 219
Editing a trigger 220
Adding content to a target area 222
Working with slideshows 226
Adding a Blank slideshow widget 226
10 Publishing and exPorting Your site 232
Understanding Muse publishing 234
Excluding pages from export 234
Publishing your site 235
Making and uploading edits 238
Upgrading a temporary Business Catalyst site 240
Exporting your site as HTML 244