Book Image

Learning Adobe Muse

By : Jennifer Farley
Book Image

Learning Adobe Muse

By: Jennifer Farley

Overview of this book

Adobe Muse is an exciting new tool from the world's foremost design software company which allows users to create beautiful and fully functioning websites without writing any code. It provides graphic designers the power to use their print design skills over the Web. This book will help web designers as well as graphic designers to master Adobe Muse quickly. It will provide step-by-step instructions that guide you through building a website with Adobe Muse."Learning Adobe Muse" will teach you how to plan, design and publish websites using Adobe Muse. It starts by covering the tools and interface of the program and moves on to the concepts you'll need to understand for laying out your web pages. You'll learn how to format text using reusable styles, add images, create a clean navigation system, and add interactive elements such as panels and slideshows to your pages and all this without writing a single line of code!By the end of the book you will have created a smartlydesigned, fully-functioning website.
Table of Contents (18 chapters)
Learning Adobe Muse
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface

Working with rectangles


The main purpose of a rectangle in Muse is to act as a layout object on our page. They let us define sections on our page. Once a section or rectangle is created it can be filled with color and/or have a stroke applied around the edge. We can also fill a rectangle with a background image. Although every single web page is essentially made of boxes (whether you're using Adobe Muse or some other web design tool), imaginative use of background images allows us to take the boxiness off a site. We'll talk about images in much more detail in a future chapter.

Another way to take the boxiness off a web page is to make the corners of a rectangle round. We can actually round the corners of a square so completely that it becomes a circle.

In the following screenshot you can see that the rectangles on the left have straight corners while the rectangles on the right, which are exactly the same size, have round corners.

Note

The Grid Overlay has been turned on by choosing View | Grid...