Learning Adobe Muse电子书

Learning Adobe Muse

Table of Contents

Learning Adobe Muse

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example text and image

Errata

Piracy

Questions

1. Welcome to Muse

What is this Muse you speak of?

Where to find Muse

The Muse workspace

The Welcome screen

To open a recent site

To create a new site

Views

Saving your site

Opening a page in Design view

The toolbar

Using the tools

The Control Panel

Panels

Expanding and collapsing panels

Hide all panels

Open a panel

Rearranging panels

The document window

Rulers, guides, and grids

Header and footer guides

Grid overlay

Zooming

Changing magnification

Undoing actions

Getting help and more resources

Muse updates

Summary

2. The Muse Workflow

Print workflow versus web workflow

Pre-Muse planning

Browser battles

Resolution

Download speed

Where to find more information?

The Muse workflow

Create a site

Why 960 instead of 1024?

Plan your site

Design your site

Preview your site

Publish your site

Reviewing and testing a website

Adobe Business Catalyst

A brief overview of publishing

Domain names

Acquire server space

Uploading your site

Summary

3. Planning Your Site

Page layouts

Bread and butter layouts

What appears on a typical web page?

Logo

Navigation bar

Content

Footer

Wireframes

What to include in a wireframe?

Wireframes with Muse

Site structure with Plan view

Working with thumbnails in the Plan view

Working with wireframes

Saving the graphic style

Using placeholder images

Updating placeholder images with final site graphics

Adding dummy text and paragraph styles

Where are the files generated by Muse?

Exercise

Summary

4. Powerful Pages

Pages

Master pages

Working with pages within your site

Adding a sibling page

Adding a child page

Creating a duplicate page

Deleting a page

Renaming a page

Rearranging pages

Editing page properties

Page sizes

Opening, saving, and closing a page

Working with Master pages

Creating a new Master page

Applying a Master page to a web page

Header and footer guides

Adding text to a page

Creating links

Creating a link to a page in our site

Creating a link to an external web page

Creating a link anchor

Creating an e-mail link

Understanding two different types of links

Changing the color of links

Editing and deleting links

To edit a link

To delete a link

Creating a navigation bar

Tips for navigation links

Zooming in, out, and about

Zooming in

Zooming out

Fit page to window

Making page to its actual size

Summary

5. The Joy of Rectangles

Working with rectangles

Setting up a master background rectangle

Creating a rectangle on individual pages

Deleting a rectangle

Adjusting a rectangle

Rotating a rectangle

Cutting, copying, and pasting rectangles

Duplicating a rectangle

Adding color – fills and strokes

Adding a stroke

Stroke alignment

Stroke widths

Changing rectangle fill

Setting a gradient fill

Adding an image to a rectangle

Adding effects to rectangles

Adding a drop shadow

Adding a bevel effect

Adding a glow

Change stacking order of rectangles

Creating a mixture of round and square corners

Creating full width rectangles

Summary

6. Typography, Muse, and the Web

The power of text

Anatomy of type

Creating text frames

Clear, compelling, and correct content

Editing text

Creating and applying paragraph styles

Creating and applying character styles

Using the Context menu in the Character and Paragraph Styles panels

Headings

Content organization and hierarchy

Headings and accessibility

Headings and SEO

Creating headings

Change text case

Text wrapping

Web-safe fonts

Metadata – the hidden text on your page

Summary

7. Working with Images

Hello web-friendly images

Choosing the best file format

JPEG

GIF

PNG

Web-safe colors – a thing of the past?

Getting images onto your page

Placing an image

Adding alternative text

The image context menu

Manipulating images

Resizing an image

Rotating an image

Positioning an image

Duplicating an image

Cropping an image

Adding effects to an image

Pasting an image from another program

Working with background images

Adding a logo

Adding a link to a logo

Using a tiled image as a background

Using a photographic image as a background image

Pinning an image

Taking care of site files with the Assets panel

Group objects together to work with them as a single object

Grouping objects

Summary

8. Customizing with Widgets—Menus and Panels

Working with widgets

Adding a widget to the page

How menu widgets work

Adding a menu bar

Selecting the widget and its subelements

Setting widget options

Formatting each menu item

Adding states

Transferring a style

Horizontal menus

Vertical menus

Accordion panels

Adding a panel

Editing Accordion widget elements

Editing Accordion widget options

Tabbed Panels

Deleting a panel

Summary

9. More Widgets—Compositions and Slideshows

Composition widgets

Creating a simple photo gallery using a blank composition

Add content to a target area

Changing Composition widget options

Another way to create triggers and targets with multiple images

Slideshow widgets

Creating a slideshow presentation

Insert arbitrary HTML

Adding a Google Map to your page

Adding a Twitter (or any other type of) feed to your site

Summary

10. Muse, Meet the Adobe Creative Suite

Adding a Photoshop rollover button

States

Creating a rollover button with multiple states in Photoshop

Placing the Photoshop button

Adding a Photoshop image that's not a button

Editing our Photoshop file

Paste an image from another program

Embedding rich media content

Summary

11. Previewing and Testing Your Site

Previewing pages

Completing the site

Preview a page in Muse

Preview a page in a browser

Preview the entire site in a browser

Export HTML for browser testing

Viewing your home page on an installed browser

What to test for?

Test your website on multiple browsers and platforms

Which browsers and platforms to test?

Test page optimization

View pages on a variety of displays

View pages on different screen resolutions

Check for adequate color contrast

Test the functionality of all your widgets

Test all links, including navigation

Test all downloads

Test the site's accessibility conformance

Proofread all content

Usability testing

Creating a device-friendly website

Summary

12. Publishing Your Site

Adobe ID

Publishing a temporary site

Remind me what the .muse file is again

Editing and updating a site

Upgrading and launching

Register a domain name

Upgrade to a published site

Associating the domain name with your Muse site

Re-delegating your domain name

Alternative hosting

File Transfer Protocol (FTP)

FTP clients

Summary

Index