7.0
Table Of Contents
- Purchasing and unlocking Xara Web Designer 7 Premium
- Support
- What is new in Xara Web Designer 7 Premium?
- Introduction
- Getting Help
- Getting Started
- Program Layout
- Objects On The Page
- Object Based Web Design
- The Selector Tool
- Website Toolbar
- Creating a website
- Previewing Your Website
- Using Templates, Clipart & Widgets
- Website Colors
- Photos
- Text
- Page Size
- Saving Your Work. Creating A Website
- Stretchy Objects
- Groups
- Repeating Objects
- Links, Buttons & Navigation Bars
- Drawing Tools
- Right-click menus
- Layers, Mouseover (Rollover) & Pop-ups
- Creating Buttons, Banners And Other Web Graphics
- Publishing Your Website
- Document handling
- Starting Xara Web Designer 7 Premium
- Starting a new document
- Opening an existing document
- The Xara Web Designer 7 Premium window
- Opening a second window
- Changing the zoom value
- Sliding the document within the window
- Changing the page size
- Multiple pages in the document
- Saving the document
- Support folders
- Closing the document
- Automatic Backups
- On-screen grid
- Rulers
- View quality
- Galleries
- Displaying a gallery
- Moving and docking a gallery
- Grouping galleries
- Using galleries
- Selecting items
- Re-ordering items in the gallery
- Searching for an item name
- Adding to a gallery
- Deleting sections from a gallery
- Closing a gallery
- Removing a gallery from the workspace
- Restoring the default control bars/galleries
- Undo and Redo
- Object Handling
- The Selector Tool
- Moving objects
- Removing objects from the document
- Duplicating and cloning
- Moving objects forward and backwards
- Rotating objects
- Scaling (resizing) objects
- Flipping objects
- Stretching and squashing objects
- Skewing objects
- The Mold tool
- Snapping
- Guide Objects and Guidelines
- Summary of shortcuts on the numeric keypad
- Grouping and ungrouping objects
- Soft Groups
- Alignment
- Copying Styles: Paste Attributes
- Naming objects
- Repeating Objects
- Drawing Lines and Shapes
- Drawing a line or shape
- The Freehand & Brush Tool
- Editing lines/shapes with the Freehand & Brush Tool
- The Straight Line & Arrow tool
- The Shape Editor tool
- Extending the line
- Finishing the line
- Adding a new point handle
- Selecting multiple point handles
- Deleting points
- Moving point handles—Shape Editor Tool
- Smoothing a line
- Constraining the line
- Changing curves
- Changing a straight line to a curve (and vice versa)
- Joining lines
- Splitting a shape
- Changing the line width (thickness)
- Line Gallery
- Shape Handling
- Color Handling
- The color line
- Applying fill & line colors by drag & drop
- Editing an object’s color
- The Color Editor
- Local colors and Theme colors
- Theme color schemes
- Creating your own color schemes
- Creating new named colors
- Editing named colors
- Normal colors, Tints, Shades and Linked colors
- Creating a Tint, Shade or Linked color
- Text Handling
- Introduction
- Terminology
- The Text Tool
- The Font Menu
- Simple text
- Text in a column
- Text areas
- Text along a curve
- Editing text
- Spell checker
- Find & Replace
- Synchronising Text using Soft Groups
- Tabs, Margins and Indents
- Repelling text objects
- Anchored Graphics
- Applying text styles
- Text links
- Text inside groups for websites
- Copying text styles
- Copying/Pasting formatted text (RTF)
- Seeing fonts in use
- Font embedding
- Browser text compatibility
- The Fill Tool
- Shadows
- Transparency
- Bevels
- Masks
- Web Properties Dialog
- Photo Handling
- Introduction
- Photo Objects
- Photo Groups
- Importing Photos
- Photo resolution
- Zero-memory Copies
- The Bitmap Gallery
- Embedded JPEG files
- Lossless vs. Lossy
- Blending & Merging photos
- Photo display quality
- Saving & Exporting Photos
- Photo Edit Attributes
- Editing the outline of Photos
- Cropping photos
- Cropping photos with a mask
- Cutting objects out of photos
- Screen capture utility
- Coloring photos
- Integration with external Photo Editors
- Resize, rotate and position a photo within its frame
- Horizon Straighten
- Viewing a scaled photo at its full size
- Making a photo its full size
- Optimizing Photos and Bitmaps
- Photo Documents
- Editing Photo Files
- The Photo Tools
- 3D Extrude Tool
- Navigation Bars
- Using template Navbars
- Navigation bar properties dialog
- Site navigation bar
- Buttons & Menus
- Updating your Navbar across all pages
- On canvas editing
- Changing the font on Navbar buttons
- Importing & pasting Navbars
- Creating your own Navigation Bars
- Button margins
- Advanced - Editing a Navbar button design
- Navbars with different first or last buttons
- Website Presentations
- The Presentation toolbar
- Creating a presentation
- Managing presentation steps
- Adding new presentation pages
- Deleting presentation pages
- Linking to next/previous step
- Applying transitions to presentation step links
- Applying presentation step transitions
- Applying presentation page transitions
- Advanced presentation information
- Hosting remote presentation sessions
- Website Widgets
- Page & Layer Gallery
- Animations
- Introduction
- Core Principles
- Your First Animation
- Exporting a Flash File
- Exporting animations as AVI
- The Animation Frame Gallery
- Photos
- Animation Frame Rate and Tween Steps
- Cropping, Clipping and Animation Size
- Animation Speed
- Animation smoothness
- Rotation
- Groups
- What Xara Web Designer 7 Premium features does Flash support?
- Color Transforms—Animating Color Changes
- Transparency
- URLs in Flash
- Advanced Flash Commands
- Xara Web Designer 7 Premium Flash Animation Summary
- Creating animated GIFs
- Animation properties
- Printing
- Importing and Exporting
- Customizing Web Designer Premium
- Changing the blank template document
- Displaying your own icons in browser tabs: favicons
- Options in the Utilities menu
- General tab
- Recent file list size
- Current layer always visible and editable
- Ask before setting current attribute
- Make groups be transparent as a whole.
- Maintain imported layer names
- Marquee Object Selection
- Angle constraint
- Document is intended to be a website
- Show Windows compatible text lengths
- Nudge size
- Duplication distance
- Grid and Ruler tab
- Mouse tab
- Page Size tab
- Backups Tab
- Control bars
- Menus and Keyboard Shortcuts
- Introduction
- File menu
- New (Standard control bar or Ctrl+N)
- New from Designs Gallery
- Open (Standard control bar or Ctrl+O)
- Open recent
- Close (Ctrl+W)
- Save (Standard control bar or Ctrl+S)
- Save As
- Save All
- Save Template
- Import (Ctrl+Alt+I)
- Export (Ctrl+Shift+E)
- Export JPEG
- Export PNG
- Preview web page (F12)
- Preview Website
- Export Website
- Publish Website
- Preview Flash
- Export Animation
- Document Info
- Page Options
- Printer Setup
- Print Options
- Print (Ctrl+P)
- Exit
- Edit menu
- Undo (Standard control bar or Ctrl+Z)
- Redo (Standard control bar or Ctrl+Y)
- Cut (Edit control bar or Ctrl+X)
- Copy (Edit control bar or Ctrl+C)
- Paste (Edit control bar or Ctrl+V)
- Delete (Edit & Standard control bars or Delete)
- Select All (Ctrl+A)
- Clear Selection / Reset current attributes (Esc)
- Duplicate (Edit control bar or Ctrl+Alt+D)
- Clone (Ctrl+K)
- Pages
- Arrange menu
- Move to Layer in Front (Arrange control bar or Ctrl+Shift+U)
- Bring to Front (Arrange control bar or Ctrl+F)
- Move Forwards (Arrange control bar or Ctrl+Shift+F)
- Move Backwards (Arrange control bar or Ctrl+Shift+B)
- Put to Back (Arrange control bar or Ctrl+B)
- Move To Layer Behind (Arrange control bar or Ctrl+Shift+D)
- Group (Arrange control bar or Ctrl+G)
- Ungroup (Arrange control bar or Ctrl+U)
- Apply soft group (Ctrl+Alt+G)
- Remove soft group (Ctrl+Alt+U)
- Alignment (Ctrl+Shift+L)
- Fit Text to Curve/Remove Text From Curve
- Repelling and Anchoring
- Create Navigation Bar
- Repeat on all pages (Shift+Ctrl+Alt+R)
- Stop updating (Shift+Ctrl+Alt+O)
- Utilities menu
- Window menu
- Clear Selection / Reset current attributes (Esc)
- Multiple Page View
- New View
- Arrange Views
- Animation
- Show Scrollbars
- Show Rulers (Ctrl + L)
- Control Bars
- Quality (Standard control bar)
- Show Document Tabs
- Full Screen (8 on numeric keypad)
- Show Grid (#)
- Show Guides (1 on numeric keypad)
- Show Print Borders
- Snap to Grid (. on numeric keypad)
- More about Xara Group
- Legal
Layers
What are layers? Everything in your document has a stacking order - that is new items are placed on top
of older items on the page, in exactly the same way as if you were adding bits of paper onto your
desktop. You can click to select and move any object, but with more complex documents that have
dozens, maybe hundreds or thousands of items, your work area can be become cluttered and difficult to
organize. You might want to work on items hidden by others on top.
Layers are a useful way of organizing more complex pages or drawings that contain many separate parts.
Using layers you can group a collection of items together and then turn the whole collection on or off
(make it visible or hidden) in one easy operation. You can think of a layer like a transparent plastic folder
holding a stack of separate papers. By opening the folder you can access its contents, and re-arrange the
contents. But your desk may have a stack of such folders, and just as you can also re-arrange the
folders, you can similarly re-arrange the layers.
So layers are groups of items. Layers can be made invisible, to hide parts of your document, which
makes your work areas less cluttered and easier to manage. You can give layers names, and you can
easily create new layers or delete them. And just as you can click the small arrow icon to open a page
and view its contents (the layers on the page), you can do the same to each layer to view the contents of
that layer.
When you select any object, the layer it's on is shown on the status line at the bottom of the window.
The steps within a presentation document are actually just different layers within the document.
Presentation layers, however, are named presentation steps. You are given the option to convert layers
into presentation steps when you convert a web document into a presentation. To turn a layer into a
presentation step, click the Presentation layer checkbox in the Web transition tab of the Layer
Properties
dialog. The layer is renamed 'presentation step N', which retains the layer stacking order.
The Current Layer
When you create any new object on the page, it's placed in one of the layers, called the active layer or
simply the current layer. On a blank document this will either just be called Layer 1 or, in the case of web
documents, it's called MouseOff. The current layer is shown with a selection arrow
.
Important: All new drawn items, shapes, photos, text, and all pasted items, are placed on the current
layer marked with the
symbol.
You can change the current layer simply by clicking on its row in the Page & Layer Gallery
. It's important to understand that you can have a selected object on any layer or even multiple layers,
and these need not be the current layer. The current layer, with the arrow, only indicates where new
items will be placed.
Page 1083










