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
Support folders
Some documents which are used to create websites need to reference external files which cannot be
embedded in the .xar design file. For example you may have a Flash (.swf) file which is used on your
website and so you'll want to keep that file with the design file because you can't export a fully working
website from the design file without also having the Flash file. And if you were to send the design to
someone else, or move it to another computer, you'd want the referenced Flash file to go along with the
main design file.
So Xara Web Designer 7 Premium uses an optional "support folder" right alongside the design file to hold
these important external files.
Support folder naming
The design file and its corresponding support folder are tied together by their names. The support folder
for "mySite.xar" is always "mySite_xar_files". This naming convention makes it obvious which support
folder belongs to which design file. So if you rename, copy or move a design file, always remember to do
the same to the corresponding support folder, if it exists! And if you send a design file to someone else,
send any support files folder along with it.
If you load a design that has a support folder, and then subsequently do a Save As
to save another copy of that design, Xara Web Designer 7 Premium will copy the whole support folder
too, if there is one.
Support folder contents
When you use the Placeholder Tab
of the Web Properties dialog to insert a reference to an external file into your website design (using the
Browse buttons), Xara Web Designer 7 Premium will automatically copy that file into the design's
support folder for you. If the support folder doesn't already exist, it will be created.
Note that if you subsequently change a placeholder object to reference a different file, the original file will
not be automatically deleted from the support folder. So if a file is no longer needed, you need to remove
it manually.
You can also manually copy any files you like into the support folder of a design, creating the folder
manually if required. Xara Web Designer 7 Premium will never delete any files from it, whether or not
they are referenced from the corresponding design file. The reason for this is that there are many different
ways in which a design may reference an external file. For example you may insert a complex piece of
HTML code into your design, which somewhere references an external file which you've placed in the
support folder. Or perhaps one of the external files references another external file! There's no way that
Xara Web Designer 7 Premium can be sure that a file is not used by the website, so it never deletes files.
Exporting websites with support folders
When you export a website document, any files in the corresponding support folder are copied to the
folder which contains all the generated images for your website. So if you export "mySite.xar" to
"index.htm", then any files in folder "mySite_xar_files" are copied into the "index_htm_files folder".
Page 274










