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
documents
, where dropping a photo on the page will always import it as a new document.
When replacing a photo or bitmap this way, it is sized to best fit in the existing picture outline. If you hold
"Shift" when replacing a photo, the new one will fit into the same dimensions and rotation as the old
photo. This is useful where you've manually adjusted the scale or rotation of a fill and then want to
replace the image with another which has the same aspect ratio. If you hold "Ctrl" down when you drop,
the photo will simply be added to the document and will not replace any existing image.
If there are multiple copies of the same photo on a page, for example a small thumbnail and a larger
version on a pop-up layer, when you drag and drop replace, all copies of the photo on that page will be
replaced by the new one.
Replacing multiple photos at once
Most of the web templates provided in the Designs Gallery will allow you to replace multiple images at
once, by dragging and dropping multiple image files from Explorer onto the canvas. Or use "File" > "
Import"
and select multiple images in the file dialog ("Ctrl + click" adds to the current selection, "Shift + click"
allows you to select a range of files).
The incoming photos are used to replace the images in the document. As when importing single photos,
you will be asked if you want to import reduced size versions if your photos are large. Replacement is
performed left to right and top to bottom (normal reading order). If you don't drag in enough photos to
replace all the replaceable photos, you can go on to import more photo files the same way. Replacement
carries on from the next un-replaced photo. Therefore you can quickly fill the design with your photos.
If you import more photos than can be accommodated on the current page, any following pages in your
design will have their replaceable photos replaced too, using the remaining incoming photos. If that would
still leave a surplus of incoming photo files, then the current page gets duplicated as many times as
necessary to accommodate all your photos.
This means you can very quickly build a photo gallery website showing your photos! Just choose a
gallery template from the Designs Gallery
, then import your set of photo files. The page is copied as many times as required to fit in all your
photos. Make sure you choose the reduced size option when importing a lot of large photos!
Using photos as fills
You can also use any bitmap as a fill style for any drawn shape. Simply drag the file over the shape
(which can be from your file system, or from the Bitmap or Fill galleries), and hold the "Shift" key down
before you drop. This will replace the existing color fill with a bitmap, fitted to the object. Again you can
use the Fill Tool
to adjust the size, angle and position.
Initial Photo size
When you import a JPEG it's initially sized to be 500 pixels wide.
To reduce the size, just drag a corner handle using the Selector Tool, or enter a new width in the
Selector Tool
InfoBar width field.
If you replace a photo using drag and drop, then the photo is sized to exactly fit the container, and this
means its size and resolution will depend on the size of the container.
Page 852










