Serif WebPlus X4 WPX4-HFMINI-ENG-STA-1 User Manual

Product codes
WPX4-HFMINI-ENG-STA-1
Page of 347

Summary of Contents of user manual for Serif WebPlus X4 WPX4-HFMINI-ENG-STA-1

  • Page 1
  • Page 2How to Contact Us Our main office The Software Centre (UK, Europe): PO Box 2000, Nottingham, NG11 7GW, UK Main:...
  • Page 3This User Guide, and the software described in it, is furnished under an end user License Agreement, which is included...
  • Page 4TrueType font samples from Serif FontPacks © Serif (Europe) Ltd. Microsoft, Windows, and the Windows logo are registered trademarks of...
  • Page 5 Contents Contents 1. Welcome .......................................................... 1 Welcome! .................................................................................. 3 Key features .............................................................................. 4 New features ........................................................................... 10 Installation ..................................................................................
  • Page 6 Contents Adding Google maps ...............................................................87 Adding advertising ...................................................................91 4. Working with Text........................................... 95 Importing text from a file ..........................................................97 Understanding...
  • Page 7 Contents Joining object outlines ........................................................... 153 Ordering objects .................................................................... 155 Aligning and distributing objects............................................ 155 Snapping ............................................................................... 157 Attaching...
  • Page 8 Contents 10. Colour, Fills, and Transparency ................... 235 Applying solid colours ............................................................237 Using colour schemes ............................................................239 Working with gradient and...
  • Page 9: Welcome Welcome 1
  • Page 102 Welcome
  • Page 11 Welcome 3 Welcome! Welcome to WebPlus X4 from Serif—the easiest way to get your business, organization, or household on...
  • Page 124 Welcome Key features Before you get started with WebPlus, we recommend you take the opportunity to familiarize yourself with...
  • Page 13 Welcome 5 pages from indexing by using search engine sitemap or robot files— protect confidentiality while offering potential web...
  • Page 146 Welcome Pictures • Import Pictures Import commonly-used standard file formats, including all the latest RAW digital camera formats and...
  • Page 15 Welcome 7 • Podcasts Create your own podcast feeds and broadcast your own audio and video episodes frequently and...
  • Page 168 Welcome • Instant 3D with On-screen Transforms Transform 3D objects in-situ with 3D editing from a context toolbar. Apply...
  • Page 17 Welcome 9 functionality, and support year update, inline personal events, and public holidays! • Find & Replace Search through...
  • Page 1810 Welcome New features • Exciting new Navigation Bars (p. 45) Use Flash or JavaScript-driven navigation bars for site-wide page...
  • Page 19 Welcome 11 • Earn money for your website with Google AdSense (p. 91) Add Google-driven advertising space on your...
  • Page 2012 Welcome Ease of Use • QuickBuilder Bar (p. 24) The simple way to get started with WebPlus—drag pages, navigation...
  • Page 21 Welcome 13 Pictures • Stunning Photo Galleries (p. 229) Choose from three Photo Gallery types—powered by SlideShowPro™ (Flash), Flash,...
  • Page 2214 Welcome Installation System Requirements Minimum: • Pentium PC with DVD/CD drive and mouse • Microsoft Windows® XP (32 bit),...
  • Page 23 Welcome 15 First-time install To install WebPlus, simply insert the Program CD into your DVD/CD drive. The AutoRun feature...
  • Page 2416 Welcome
  • Page 25: Getting Started Getting 2 Started
  • Page 2618 Getting Started
  • Page 27 Getting Started 19 Startup Wizard Once WebPlus has been installed, you'll be ready to start. Setup adds a Serif...
  • Page 2820 Getting Started • WebPlus hosting, to host your published WebPlus site with Serif. • Learning Zone, to access videos,...
  • Page 29 Getting Started 21 Design templates come in two types—theme layouts, where you pick your own pictures, or ready-to-go templates...
  • Page 3022 Getting Started 3. From the dialog, select a theme or template design from the main pane. Templates are grouped...
  • Page 31 Getting Started 23 5. Pick a Colour Scheme from the drop-down list at the top of the dialog (for...
  • Page 3224 Getting Started Starting a site from scratch Although design templates can simplify your design choices, you can just as...
  • Page 33 Getting Started 25 Opening an existing site You can open an existing WebPlus site from the Startup Wizard, via...
  • Page 3426 Getting Started Working with more than one site If you have multiple websites open at the same time it's...
  • Page 35: Developing Sites and Pages Developing 3 Sites and Pages
  • Page 3628 Developing Sites and Pages
  • Page 37 Developing Sites and Pages 29 Understanding site structure and navigation Unlike a printed publication, a website doesn't depend on...
  • Page 3830 Developing Sites and Pages In WebPlus, the Site Structure tree (in the Site tab) provides a visual aid that...
  • Page 39 Developing Sites and Pages 31 Incidentally, WebPlus also supports HTML pages and offsite links which can be inserted into...
  • Page 4032 Developing Sites and Pages Understanding pages and master pages Pages are the basic unit of web design. WebPlus lets...
  • Page 41 Developing Sites and Pages 33 By placing a design element on a master page and then assigning several pages...
  • Page 4234 Developing Sites and Pages keep elements that are being prepared or waiting to be positioned on the page area....
  • Page 43 Developing Sites and Pages 35 Switching between pages WebPlus provides a variety of ways of getting quickly to the...
  • Page 4436 Developing Sites and Pages • On the Studio's Site tab, double-click the entry for the page (or master page)...
  • Page 45 Developing Sites and Pages 37 Adding, removing, and rearranging pages Using the Studio's Site tab, you can quickly add...
  • Page 4638 Developing Sites and Pages • Specify the position of the new page in the Site Structure. In the Placement...
  • Page 47 Developing Sites and Pages 39 4. WebPlus lets you control if an associated master page is copied with the...
  • Page 4840 Developing Sites and Pages To add an HTML page: 1. In the Pages Window (Site Structure tree) of the...
  • Page 49 Developing Sites and Pages 41 To add a new master page: 1. On the Studio's Site tab, ensure the...
  • Page 5042 Developing Sites and Pages Rearranging pages Besides using the Site Structure tree to add or delete pages, you can...
  • Page 51 Developing Sites and Pages 43 To assign an individual master page to a page: • On the Studio's Site...
  • Page 5244 Developing Sites and Pages To assign multiple master pages to a web page: 1. From the Site tab, select...
  • Page 53 Developing Sites and Pages 45 To reorder the page content and master pages: • Select the entry in the...
  • Page 5446 Developing Sites and Pages You can easily install navigation bars at any level of your site, reconfigure them to...
  • Page 55 Developing Sites and Pages 47 When adding a navigation bar, you can choose navigation Type, Options, and a set...
  • Page 5648 Developing Sites and Pages • Depending on the main selection, you can opt to include the child page, anchors,...
  • Page 57 Developing Sites and Pages 49 To create a new navigation bar from an existing navigation bar: 1. From the...
  • Page 5850 Developing Sites and Pages (Optional) Click Reset to revert the navigation tree back to its original structure. Export Options......
  • Page 59 Developing Sites and Pages 51 To edit a navigation bar style: 1. From the Style tab, use the flyouts...
  • Page 6052 Developing Sites and Pages To exclude a page from navigation: • On the Studio's Site tab, right-click the page...
  • Page 61 Developing Sites and Pages 53 Using dynamic navigation bars Up to now, we've assumed that navigation bars are based...
  • Page 6254 Developing Sites and Pages The Manager displays the bar's page location, names, its navigation tree, and style, listed by...
  • Page 63 Developing Sites and Pages 55 The Guides tab lets you fine-position ruler guides by specifying absolute pixel positioning (guides...
  • Page 6456 Developing Sites and Pages • To lock ruler guides, choose Tools>Options... and select the Layout option, then check Lock...
  • Page 65 Developing Sites and Pages 57 want finer control or smaller snapping increments, click a zoom button to magnify the...
  • Page 6658 Developing Sites and Pages To restore the original ruler position and zero point: • Double-click the tab marker on...
  • Page 67 Developing Sites and Pages 59 To turn the dot grid on and off: • Enable (or disable) the Dot...
  • Page 6860 Developing Sites and Pages Tab Property Options Default page alignment (default) Lets you set a default width and height...
  • Page 69 Developing Sites and Pages 61 Publishing Site URL Defines the full URL address. This is a requirement for search...
  • Page 7062 Developing Sites and Pages To set the site-wide page dimension settings: • On the dialog's Options tab, select different...
  • Page 71 Developing Sites and Pages 63 Tab name Property Navigation Page, title, and file name (default) Each page has a...
  • Page 7264 Developing Sites and Pages Effects Page Entry/Exit Transitions Page entry and exit transitions can be applied as you navigate...
  • Page 73 Developing Sites and Pages 65 Using Site Manager WebPlus's Site Manager hosts a whole range of useful site-wide information...
  • Page 7466 Developing Sites and Pages A quick summary gives an indication of what each management feature can do for you....
  • Page 75 Developing Sites and Pages 67 Access control Access control lets you apply security to your site, either to restrict...
  • Page 7668 Developing Sites and Pages • Blogs: for adding and removing articles via an Editors group. • CMS: for managing...
  • Page 77 Developing Sites and Pages 69 To create a User List smart object: 1. Click the Smart Object Tool button...
  • Page 7870 Developing Sites and Pages 5. Enter a redirect URL in the Redirect after login box if you want to...
  • Page 79 Developing Sites and Pages 71 Adding users (manual or self-registration) adding users Typically, adding users manually is great for...
  • Page 8072 Developing Sites and Pages With Require activation checked, an activation link will be emailed to the user along with...
  • Page 81 Developing Sites and Pages 73 To enable self-registration user sign up: This method requires a process requires a login...
  • Page 8274 Developing Sites and Pages Enabling access control To enable access control on your web page: 1. With the web...
  • Page 83 Developing Sites and Pages 75 Adding a login box WebPlus lets you add a login/logout input box onto a...
  • Page 8476 Developing Sites and Pages Any user can be deleted or temporarily suspended for breaking site rules (e.g., for posting...
  • Page 85 Developing Sites and Pages 77 2. To set up a forum Moderator group, you'll need to create a moderator...
  • Page 8678 Developing Sites and Pages By default, the contents of each published web page (especially heading text) will be indexed....
  • Page 87 Developing Sites and Pages 79 Whether you are using Meta tags, robots, or sitemaps independently or in combination, WebPlus...
  • Page 8880 Developing Sites and Pages 4. In the next window, enter any number of keywords (separated by commas) that you...
  • Page 89 Developing Sites and Pages 81 Excluding pages from indexing (Robots file) The objective of this method is the same...
  • Page 9082 Developing Sites and Pages One requirement of using search engine sitemaps is the need to declare an absolute URL....
  • Page 91 Developing Sites and Pages 83 Prioritizing text with Heading HTML tags It is possible to assign paragraphs (or text...
  • Page 9284 Developing Sites and Pages The search results show a hyperlinked page name heading plus associated web page text for...
  • Page 93 Developing Sites and Pages 85 Add the search object to the top of your master page to allow site-...
  • Page 9486 Developing Sites and Pages The Gallery tab can store your own designs in the ready-to-go My Designs category—the design...
  • Page 95 Developing Sites and Pages 87 To add, delete, or rename custom sub categories: • To add, select a category...
  • Page 9688 Developing Sites and Pages Each map will allow up to 10 markers to be placed on the map to...
  • Page 97 Developing Sites and Pages 89 5. In the dialog, enter a Marker name and text for the marker, and...
  • Page 9890 Developing Sites and Pages Using Advanced Google Maps Try the Advanced Google Maps if you've a need for greater...
  • Page 99 Developing Sites and Pages 91 Adding advertising Google Adsense is a free Google service which allows you to place...
  • Page 10092 Developing Sites and Pages When you register, you'll have to wait for Google to check that your website is...
  • Page 101 Developing Sites and Pages 93 4. Click OK. 5. You'll see the mouse pointer change to the Paste cursor....
  • Page 10294 Developing Sites and Pages
  • Page 103: Working with Text Working 4 with Text
  • Page 10496 Working with Text
  • Page 105 Working with Text 97 Importing text from a file Importing text from a word-processor file is a quick way...
  • Page 10698 Working with Text 3. From the Open dialog, select the format of the source file to be imported and...
  • Page 107 Working with Text 99 The text in a frame is called a story. • When you move a text...
  • Page 108100 Working with Text HTML or Creative frames Two types of frame can be added to the WebPlus page—the HTML...
  • Page 109 Working with Text 101 So how do you tell the difference between an HTML and Creative frame? Simply, HTML...
  • Page 110102 Working with Text (See Editing text on the page on p. 110.) Pasting via the At an insertion point...
  • Page 111 Working with Text 103 To edit frame properties directly: • Select the frame, then drag column guide lines to...
  • Page 112104 Working with Text If you see this, you can choose to leave the text Hidden, let it Overflow, or...
  • Page 113 Working with Text 105 • If the text runs out before the last frame, you'll have some empty frames....
  • Page 114106 Working with Text • embed inline images. • apply filter effects and rotate/flip. • use proofing options such as...
  • Page 115 Working with Text 107 Once you've created an artistic text object, you can select, move, resize, delete, and copy...
  • Page 116108 Working with Text Putting text on a path "Ordinary" straight-line artistic text is far from ordinary—but you can extend...
  • Page 117 Working with Text 109 3. Bring the cursor very close to the line. When the cursor changes to include...
  • Page 118110 Working with Text 2. Create a line on the page. Your line appears as a path with an insertion...
  • Page 119 Working with Text 111 Double-, triple-, or quadruple-click selects a word, paragraph or all text, respectively. You can also...
  • Page 120112 Working with Text To repeat a text action: • Choose Repeat from the Edit menu, or press Ctrl+Y. For...
  • Page 121 Working with Text 113 (A) Left Indent; (B) 1st Line Indent; (C) Right Indent. • The Left indent is...
  • Page 122114 Working with Text Working with Unicode text WebPlus fully supports Unicode, making it possible to incorporate foreign characters or...
  • Page 123 Working with Text 115 for case-sensitive search. Select Regular expressions to treat the contents of the Find box as...
  • Page 124116 Working with Text
  • Page 125: Formatting Text Formatting 5 Text
  • Page 126118 Formatting Text
  • Page 127 Formatting Text 119 Setting text properties WebPlus gives you a high degree of control over the fine points of...
  • Page 128120 Formatting Text Font assignment is very simple in WebPlus, and can be done from the Fonts tab, Text context...
  • Page 129 Formatting Text 121 • Search for installed fonts via search box. • Hover-over preview of fonts applied to your...
  • Page 130122 Formatting Text Styles can be applied to characters or paragraphs using either the Text context toolbar or the Text...
  • Page 131 Formatting Text 123 A character style includes only font attributes (name, point size, bold, italic, etc.), and you apply...
  • Page 132124 Formatting Text The Text Style tab highlights the paragraph or character style applied to any selected text. As both...
  • Page 133 Formatting Text 125 Take care when deleting styles. Styles based on a checked "parent" style will be checked for...
  • Page 134126 Formatting Text To create a simple bulleted or numbered list: 1. Select one or more paragraphs. - or -...
  • Page 135 Formatting Text 127 Turn off list formatting by clicking the Text context toolbar's or buttons again. To restart list...
  • Page 136128 Formatting Text
  • Page 137: Working with Tables Working 6 with Tables
  • Page 138130 Working with Tables
  • Page 139 Working with Tables 131 Creating text-based tables Tables are ideal for presenting text and data in a variety of...
  • Page 140132 Working with Tables Solid fill and border colour   Gradient and bitmap fill   HTML-compliant Styles ...
  • Page 141 Working with Tables 133 To create a table: 1. On the Standard Objects toolbar, choose either the HTML Table...
  • Page 142134 Working with Tables Inserting a calendar The Calendar Wizard helps you design month-at-a-glance calendars for use on your web...
  • Page 143 Working with Tables 135 To insert a calendar: 1. Click the Table flyout on the Standard Objects toolbar and...
  • Page 144136 Working with Tables already configured in the Calendar Event Manager (to modify personal events, click the Events button). Adding...
  • Page 145 Working with Tables 137 To add an event: 1. Select a calendar. 2. Click Calendar Events on the context...
  • Page 146138 Working with Tables
  • Page 147: Editing Objects Editing 7 Objects
  • Page 148140 Editing Objects
  • Page 149 Editing Objects 141 Selecting an object Before you can change any object, you need to select it using one...
  • Page 150142 Editing Objects • Double-, triple-, or quadruple-click to select a word, paragraph, or all text. • To select only...
  • Page 151 Editing Objects 143 Alternatively, hold down the Shift key and click each object in turn. To add or remove...
  • Page 152144 Editing Objects Click on an object to select it and choose Select Similar from the Edit menu. Copying, pasting,...
  • Page 153 Editing Objects 145 To duplicate an object: 1. Select the object, then press the Ctrl key. 2. Drag the...
  • Page 154146 Editing Objects 3. Specify Line length (the number of objects including the original) in the arrangement, or the Grid...
  • Page 155 Editing Objects 147 To constrain the movement of an object to horizontal or vertical: • Select the object and...
  • Page 156148 Editing Objects You can also make fine resizing adjustments from the Transform tab. To resize freely: • Drag from...
  • Page 157 Editing Objects 149 3. Hold the mouse button down and drag the cursor in the direction in which you...
  • Page 158150 Editing Objects To change the rotation origin: 1. Select the Rotate Tool on the Tools toolbar and click to...
  • Page 159 Editing Objects 151 To crop using the object's original outline: 1. Select the object, then select the Square Crop...
  • Page 160152 Editing Objects To uncrop (restore full visibility): • Click the Remove Crop button on the Crop context toolbar. Cropping...
  • Page 161 Editing Objects 153 Combining is a quick way to create a mask or stencil cutout: Convert to Combine Drop...
  • Page 162154 Editing Objects To join outlines (selected via marquee selection): • Select from the Join Outlines submenu on the Arrange...
  • Page 163 Editing Objects 155 Exclude Merges two or more objects into a composite object, with a clear transparent “hole” where...
  • Page 164156 Editing Objects Alignment controls are available in either the Align tab or from Arrange>Align Objects.... As other alignment options,...
  • Page 165 Editing Objects 157 Snapping The Snapping feature simplifies placement and alignment by "magnetizing" moved or resized objects to grid...
  • Page 166158 Editing Objects For alignment For resizing To switch on dynamic guides: • Click the down arrow on the Snapping...
  • Page 167 Editing Objects 159 Attaching objects to text WebPlus lets you position shapes, pictures, or gallery objects in relation to...
  • Page 168160 Editing Objects 3. From the dialog, choose a positioning option: Either, for a floating object: 1. Enable Float with...
  • Page 169 Editing Objects 161 5. Once positioned, you can specify the Distance from text: the "standoff" between the object's outline...
  • Page 170162 Editing Objects Creating groups You can easily turn a multiple selection into a group object. When objects are grouped,...
  • Page 171 Editing Objects 163 To select an individual object within a group: • Ctrl-click the object. Updating and saving defaults...
  • Page 172164 Editing Objects Or, for line and fill colours, including line styles: 1. With no object selected, choose the required...
  • Page 173: Lines, Shapes, and Effects Lines, Shapes, 8 and Effects
  • Page 174166 Lines, Shapes, and Effects
  • Page 175 Lines, Shapes, and Effects 167 Drawing and editing lines WebPlus provides Pencil, Straight Line, and Pen tools for drawing...
  • Page 176168 Lines, Shapes, and Effects Any curved line can be closed (by joining line ends) to create a custom shape...
  • Page 177 Lines, Shapes, and Effects 169 3. To extend the line, position the cursor over one of its red end...
  • Page 178170 Lines, Shapes, and Effects • For a Bézier segment, click again for a new node and drag out a...
  • Page 179 Lines, Shapes, and Effects 171 To change line properties of a selected object: • Use the Swatches tab to...
  • Page 180172 Lines, Shapes, and Effects (Tab only) For calligraphic lines of variable width (drawn as if with a square-tipped pen...
  • Page 181 Lines, Shapes, and Effects 173 QuickShapes The QuickShape flyout contains a wide variety of commonly used shapes, including boxes,...
  • Page 182174 Lines, Shapes, and Effects To adjust the appearance of a QuickShape: 1. Click on the QuickShape to reveal one...
  • Page 183 Lines, Shapes, and Effects 175 To break open a line or shape: 1. With the Pointer Tool, select the...
  • Page 184176 Lines, Shapes, and Effects Gaussian Blur Zoom Blur Radial Blur Motion Blur Colour Fill Feather Outline Reflection The Studio’s...
  • Page 185 Lines, Shapes, and Effects 177 To apply 2D filter effects: 1. Select an object and click the Filter Effects...
  • Page 186178 Lines, Shapes, and Effects As with all effects you can switch the outline effect on and off. You'll be...
  • Page 187 Lines, Shapes, and Effects 179 Once you've created a shadow, you can also fine-tune it as needed using the...
  • Page 188180 Lines, Shapes, and Effects There you’ll see a variety of remarkable 3D surface and texture presets in various categories...
  • Page 189 Lines, Shapes, and Effects 181 1. Adjust the "master control" sliders here to vary the overall properties of any...
  • Page 190182 Lines, Shapes, and Effects • viewing: rotate your object in three dimensions. • material: controls the extent to which...
  • Page 191 Lines, Shapes, and Effects 183 To add dimensionality: 1. Select an object and click the Instant 3D button from...
  • Page 192184 Lines, Shapes, and Effects Adding borders A border is a repeating, decorative element that can be set to enclose...
  • Page 193 Lines, Shapes, and Effects 185 To remove a border, select None from the top of the list. 3. Select...
  • Page 194186 Lines, Shapes, and Effects • Select an Alignment setting to fit the border to the Outside, Inside, or Middle...
  • Page 195 Lines, Shapes, and Effects 187 Using object styles Object styles benefit your design efforts in much the same way...
  • Page 196188 Lines, Shapes, and Effects The Styles tab contains multiple galleries of pre-designed styles that you can apply to any...
  • Page 197 Lines, Shapes, and Effects 189 The Styles tab displays the gallery thumbnail for the object's style. Normally, a site's...
  • Page 198190 Lines, Shapes, and Effects 6. Click the Browse... button to select the gallery category where you want to locate...
  • Page 199: Images, Animation, and Multimedia Images, Animation, 9 and Multimedia
  • Page 200192 Images, Animation, and Multimedia
  • Page 201 Images, Animation, and Multimedia 193 Adding picture frames Not to be confused with a decorative border, a picture frame...
  • Page 202194 Images, Animation, and Multimedia To add a borderless picture frame: 1. For an empty square frame, choose Picture>Empty Frame......
  • Page 203 Images, Animation, and Multimedia 195 • Click the button to rotate the photo in 90 degree anti-clockwise increments. •...
  • Page 204196 Images, Animation, and Multimedia You can also acquire images directly from PhotoCDs or via TWAIN devices (scanners or digital...
  • Page 205 Images, Animation, and Multimedia 197 In WritePlus: • Choose Picture File... from the Insert menu. 3. Use the Import...
  • Page 206198 Images, Animation, and Multimedia To replace an image: • Click the Replace Picture button directly under the selected image,...
  • Page 207 Images, Animation, and Multimedia 199 To alter frame properties: 1. Right-click on a cropped image and choose Frame Properties.......
  • Page 208200 Images, Animation, and Multimedia To preselect embedding or linking based on file size: 1. Choose Options... from the Tools...
  • Page 209 Images, Animation, and Multimedia 201 You can import an unlimited number of photos by file or by whole folders,...
  • Page 210202 Images, Animation, and Multimedia To save a temporary album to a named album: 1. Click the down arrow on...
  • Page 211 Images, Animation, and Multimedia 203 To load a saved album: • Select a saved album name from the bar's...
  • Page 212204 Images, Animation, and Multimedia • Any image you inserted as a GIF, JPEG, or PNG is exported as the...
  • Page 213 Images, Animation, and Multimedia 205 3. In the Resampling section, choose a resampling method to give Best Quality, Sharper,...
  • Page 214206 Images, Animation, and Multimedia PNGs. Then preview your site and determine if you want to vary the global settings...
  • Page 215 Images, Animation, and Multimedia 207 navigate to the folder where you want to save the exported image. The file...
  • Page 216208 Images, Animation, and Multimedia To set up your TWAIN device for importing: • See the documentation supplied with your...
  • Page 217 Images, Animation, and Multimedia 209 • Powerful filter combinations Create combinations of mixed adjustment, retouching, and effect filters for...
  • Page 218210 Images, Animation, and Multimedia To launch PhotoLab: 1. Select the picture that you want to apply a filter to....
  • Page 219 Images, Animation, and Multimedia 211 3. Adjust sliders (or enter input values) until your filter suits your requirements. Some...
  • Page 220212 Images, Animation, and Multimedia To reorder filters: • Drag and drop your filter into any position in the stack....
  • Page 221 Images, Animation, and Multimedia 213 To apply a mask: 1. From the Mask drop-down menu, select New Mask. 2....
  • Page 222214 Images, Animation, and Multimedia The mask button changes to yellow when a mask is applied (i.e., ). It's also...
  • Page 223 Images, Animation, and Multimedia 215 If you want to further manage your favourites into user-defined categories, click the option...
  • Page 224216 Images, Animation, and Multimedia The white initial background is discarded, leaving interim checkerboard transparency, from which another image can...
  • Page 225 Images, Animation, and Multimedia 217 To create an alpha-edged bitmap: 1. Select Alpha-edged Bitmap from the Output Type drop-down...
  • Page 226218 Images, Animation, and Multimedia For Show transparent mode, a different Background colour Background can be set (at bottom of...
  • Page 227 Images, Animation, and Multimedia 219 Click Reset if you want to revert your selected areas and start your cutout...
  • Page 228220 Images, Animation, and Multimedia Adding animation WebPlus lets you add several varieties of eye-catching animation effects to any web...
  • Page 229 Images, Animation, and Multimedia 221 To see some Flash files in action, the Gallery tab hosts a stunning collection...
  • Page 230222 Images, Animation, and Multimedia To edit a Flash banner: 1. Double-click your Flash movie. 2. (Optional) Change Export Options......
  • Page 231 Images, Animation, and Multimedia 223 Image" banners, Pic1URL, Pic2URL, and Pic3URL represents the first, second and third pictures listed...
  • Page 232224 Images, Animation, and Multimedia Sound • There are actually two sound playback options—background sound, where a sound loads and...
  • Page 233 Images, Animation, and Multimedia 225 you'll no longer have to worry about juggling separate files or the chance of...
  • Page 234226 Images, Animation, and Multimedia • Inline: A media "player" will be visible on your published web page (rather than...
  • Page 235 Images, Animation, and Multimedia 227 - or - Choose Media from the Insert menu and select YouTube Video... from...
  • Page 236228 Images, Animation, and Multimedia 7. To insert the video at a default size, simply click the mouse. - or...
  • Page 237 Images, Animation, and Multimedia 229 Using the Photo Gallery The simultaneous expansion of digital camera usage and Broadband services...
  • Page 238230 Images, Animation, and Multimedia During import, you have the option to manage multiple selected photos simultaneously. • Reorder your...
  • Page 239 Images, Animation, and Multimedia 231 4. Click Next. From the dialog, choose whether to: • Add individual files Click...
  • Page 240232 Images, Animation, and Multimedia • To add a caption, click the Caption column and input text, numbers and characters....
  • Page 241 Images, Animation, and Multimedia 233 Blur amount controls how much blurring occurs between photos. AutoPlay will automatically start photo...
  • Page 242234 Images, Animation, and Multimedia Linking remote images It is possible to connect to any image currently available on the...
  • Page 243: Colour, Fills, and Transparency Colour, Fills, and 10 Transparency
  • Page 244236 Colour, Fills, and Transparency
  • Page 245 Colour, Fills, and Transparency 237 Applying solid colours You can use the Colour tab, Swatches tab or a dialog...
  • Page 246238 Colour, Fills, and Transparency 3. Click the Fill or Line, or Text button at the top of the tab...
  • Page 247 Colour, Fills, and Transparency 239 Object tinting can also be applied via the Swatches tab—adjust Tint via slider or...
  • Page 248240 Colour, Fills, and Transparency Schemes that have been modified are stored with the site, although custom colour schemes can...
  • Page 249 Colour, Fills, and Transparency 241 Each scheme also includes adjunct colours which apply specifically to hyperlinks (default H, followed...
  • Page 250242 Colour, Fills, and Transparency Adjunct colours As well the five basic scheme colours, each scheme includes six adjunct colours...
  • Page 251 Colour, Fills, and Transparency 243 Applying scheme colours to objects If you create new objects in a web template...
  • Page 252244 Colour, Fills, and Transparency The scheme is updated with the new colour. Repeat to modify other scheme colours. 4....
  • Page 253 Colour, Fills, and Transparency 245 Working with gradient and bitmap fills Gradient fills provide a gradation or spectrum of...
  • Page 254246 Colour, Fills, and Transparency 2. For gradient fills, select Linear, Elliptical or Conical as the gradient type from the...
  • Page 255 Colour, Fills, and Transparency 247 Transparencies work rather like fills that use "disappearing ink" instead of colour. The more...
  • Page 256248 Colour, Fills, and Transparency represent more transparency (expressed as percentage Opacity). - or - For gradient transparency, choose the...
  • Page 257: Adding Hyperlinks and Interactivity Adding Hyperlinks 11 and Interactivity
  • Page 258250 Adding Hyperlinks and Interactivity
  • Page 259 Adding Hyperlinks and Interactivity 251 Adding hyperlinks and anchors Hyperlinking an object such as a box, some text, or...
  • Page 260252 Adding Hyperlinks and Interactivity To add a hyperlink: 1. Use the Pointer Tool to select the single or grouped...
  • Page 261 Adding Hyperlinks and Interactivity 253 • Document Frame: The link destination is shown in a previously created frame (using...
  • Page 262254 Adding Hyperlinks and Interactivity Inserting an anchor An anchor is a specific location on a page that can serve...
  • Page 263 Adding Hyperlinks and Interactivity 255 automatically in series for each page, and using prefixes for each type of object....
  • Page 264256 Adding Hyperlinks and Interactivity The two objects will still be separate, so you can easily delete the shape if...
  • Page 265 Adding Hyperlinks and Interactivity 257 By editing the inner outline, you can convert rectangular hotspots into freeform shapes that...
  • Page 266258 Adding Hyperlinks and Interactivity Rollover options Adding rollovers is basically a matter of deciding which rollover state(s) you'll want...
  • Page 267 Adding Hyperlinks and Interactivity 259 4. Check Embed files in site if you want to incorporate the image(s) in...
  • Page 268260 Adding Hyperlinks and Interactivity and show the same or a different image made larger in the hover over state;...
  • Page 269 Adding Hyperlinks and Interactivity 261 To create a popup rollover: 1. Click the Popup Rollover button on the Standard...
  • Page 270262 Adding Hyperlinks and Interactivity • Normal Selection: a Normal image is selected and shows a green border. • Over...
  • Page 271 Adding Hyperlinks and Interactivity 263 To add captioning to Over images: 1. In the Rollover Graphic dialog, check Display...
  • Page 272264 Adding Hyperlinks and Interactivity
  • Page 273: Adding Dynamic Content Adding Dynamic 12 Content
  • Page 274266 Adding Dynamic Content
  • Page 275 Adding Dynamic Content 267 Creating HTML pages HTML code is the underlying tagged code which your website visitor's Internet...
  • Page 276268 Adding Dynamic Content From this point, editing of the "template" HTML structure is required. Typically, text is inserted (by...
  • Page 277 Adding Dynamic Content 269 To return to Design View: • Select Design View on the context toolbar. Attaching HTML...
  • Page 278270 Adding Dynamic Content the list above is unique to a page's source and won't appear for an object or...
  • Page 279 Adding Dynamic Content 271 Use the scrollable code window. Enter one or more HTML code fragments into the appropriate...
  • Page 280272 Adding Dynamic Content Code showing placeholder Code after added JavaScript This example illustrates where simple code is placed in...
  • Page 281 Adding Dynamic Content 273 To attach code to an HTML fragment or object: 1. Select an existing HTML fragment...
  • Page 282274 Adding Dynamic Content At any point, you can Add, Delete, and change Export Options for any file. To attach...
  • Page 283 Adding Dynamic Content 275 Any object ID can be edited once the object is on the web page. A...
  • Page 284276 Adding Dynamic Content Form Structure The building blocks of a form comprise a mixture of text, graphics and form...
  • Page 285 Adding Dynamic Content 277 Where is data sent? After submission, form data can be sent to one of the...
  • Page 286278 Adding Dynamic Content Creating forms Several methods exist for creating forms: you can create a pre-defined ready-to-go standard form...
  • Page 287 Adding Dynamic Content 279 4. Click Next>. 5. In the next screen, choose to add, modify or delete controls....
  • Page 288280 Adding Dynamic Content To create a custom form (via Form Wizard): 1. Click the Form Wizard on the Web...
  • Page 289 Adding Dynamic Content 281 7. To insert the form at a default size, position the form place cursor where...
  • Page 290282 Adding Dynamic Content Combo Box For selection from a list of items in a drop- down menu where only...
  • Page 291 Adding Dynamic Content 283 Would you like to be notified of any upcoming events in the near future? Radio...
  • Page 292284 Adding Dynamic Content Hidden objects can be added as a form control if you use the Form Wizard. Although...
  • Page 293 Adding Dynamic Content 285 Especially useful if there is no local or remote scripting in place. This is an...
  • Page 294286 Adding Dynamic Content Rainbow_WWW: Contact Details. • Add a Confirmation message which will be displayed to the web visitor...
  • Page 295 Adding Dynamic Content 287 initiates form submission. 2. Choose a submission method, encoding type, and target window/frame. Incidentally, the...
  • Page 296288 Adding Dynamic Content This option is for experienced web developers with scripting expertise. Script file To set up a...
  • Page 297 Adding Dynamic Content 289 RSS feeds and podcasts Really Simple Syndication (RSS) feeds are streams of constantly changing news...
  • Page 298290 Adding Dynamic Content RSS feeds and podcasts can be configured in a very similar way in WebPlus. In fact,...
  • Page 299 Adding Dynamic Content 291 • Internet Explorer 7.0 (or later) • Mozilla Firefox (all versions) • Opera 8.0 (or...
  • Page 300292 Adding Dynamic Content You'll notice a series of episodes listed under the podcast feed (Bluewood School Podcast). We'll look...
  • Page 301 Adding Dynamic Content 293 To add or update articles or episodes: 1. Click the RSS Feed Tool button on...
  • Page 302294 Adding Dynamic Content Submission of podcast feeds For podcasts via iTunes, as a broadcaster you'll need to have your...
  • Page 303 Adding Dynamic Content 295 Your published RSS feed or podcast offers a clickable subscription button, e.g. This lets you...
  • Page 304296 Adding Dynamic Content New episodes can be downloaded via GET or GET ALL buttons next to each episode or...
  • Page 305 Adding Dynamic Content 297 Here's an example of a financial RSS feed added to a WebPlus web page: To...
  • Page 306298 Adding Dynamic Content 6. (Optional) Set the local time zone for your site in the Time Zone drop-down list....
  • Page 307 Adding Dynamic Content 299 E-Commerce Understanding e-commerce E-commerce entails the buying and selling of goods on the Internet. It's...
  • Page 308300 Adding Dynamic Content To setup a shopping cart provider: 1. Click the Configure E-Commerce button on the Web Objects...
  • Page 309 Adding Dynamic Content 301 For example, if you are a trader wishing to sell a quantity of bricks you...
  • Page 310302 Adding Dynamic Content To insert an e-commerce object: 1. Click the Insert an E-Commerce object button on the Web...
  • Page 311 Adding Dynamic Content 303 • Item ID: Add an easily identifiable string to track the item through PayPal. •...
  • Page 312304 Adding Dynamic Content 8. In the Item Details dialog, set a default quantity in the input box, or check...
  • Page 313 Adding Dynamic Content 305 13. To insert the form or button, position the cursor where you want it to...
  • Page 314306 Adding Dynamic Content Name Use Use to show how many people are currently viewing the web page. Active Viewers...
  • Page 315 Adding Dynamic Content 307 Users can view number of topics, posts, and last post submitted, and obviously post to...
  • Page 316308 Adding Dynamic Content • Create user groups (with optional user sign-up, auto-login, and connection to Smart objects). • Add,...
  • Page 317 Adding Dynamic Content 309 To clear Account details: • Go to Tools>Options and click Clear Account Details shown from...
  • Page 318310 Adding Dynamic Content To create Smart object profiles: 1. From the main Smart Objects dialog, click the Manage Profiles...
  • Page 319 Adding Dynamic Content 311 The named object will be shown in a list in the My Smart Objects Library...
  • Page 320312 Adding Dynamic Content Editing Smart objects Once an object is created it can be edited either in the My...
  • Page 321 Adding Dynamic Content 313 To manage a Smart object from your library: • From the Smart Objects dialog, click...
  • Page 322314 Adding Dynamic Content Deleting Smart objects To delete an object from the library: • Select the object's entry in...
  • Page 323: Previewing and Publishing Previewing 13 and Publishing
  • Page 324316 Previewing and Publishing
  • Page 325 Previewing and Publishing 317 Previewing your site Previewing your site in a web browser is an essential step before...
  • Page 326318 Previewing and Publishing 2. Use the dialog to make changes as needed: • Click Auto Detect to refresh the...
  • Page 327 Previewing and Publishing 319 • Total size: (e.g., 153 KB) • Download time on a 56k modem: (e.g., 40...
  • Page 328320 Previewing and Publishing • The Account name. This can be any name of your choice. You'll use it to...
  • Page 329 Previewing and Publishing 321 You can also use the Upload to Server dialog at this point to Add... another...
  • Page 330322 Previewing and Publishing In the dialog, check the option to Delete unused remote files if you want WebPlus to...
  • Page 331 Previewing and Publishing 323 To save FTP account details in your site: 1. From the Publish to Web dialog,...
  • Page 332324 Previewing and Publishing With this enabled you can also select Check remote files to prompt WebPlus to manually check...
  • Page 333 Previewing and Publishing 325 Viewing your published site Once your site has been published, you have the option to...
  • Page 334326 Previewing and Publishing • Select the FTP account you want to use from the drop-down menu. To update account...
  • Page 335 Previewing and Publishing 327 2. In the Publish to PDF dialog assign a File name, browse to the folder...
  • Page 336328 Previewing and Publishing To activate web hosting: 1. Either: 1. Click the Smart Objects Tool on the Web Objects...
  • Page 337: Index Index 14
  • Page 338Index
  • Page 339 Index 2D objects to text, 159 filter effects, 175 audio files, 223, 225 3D automatic publishing, 323 filter effects,...
  • Page 340Index colour shopping cart gradient fill, 245 hyperlinking to, 251 schemes, 239 E-Commerce Manager, 66 solid fill, 237 effects tinting,...
  • Page 341 Index Fit Text to Curve, 109 FTP settings, 319 Flash Gallery tab (Studio), 85 banners, 85 glow effect, 175...
  • Page 342Index IDs changing colour or shading, 237 HTML, 274 drawing, 168 Image Cutout Studio, 215 editing, 170 Image Export Manager,...
  • Page 343 Index customizing, 49 page margins, 54 dynamic, 53 page security, 64 editing, 48 pages styles, 50 adding, 37 Navigation...
  • Page 344Index PayPal hyperlinking to, 251 adding forms and buttons to, iTunes submission of, 294 300 subscribing to, 294 configuring, 299...
  • Page 345 Index resampling, 206 selecting objects, 141 Resource Booker (Smart object), Send to Back command, 155 307 Serif web hosting,...
  • Page 346Index sites Straight Path Text Tool, 109 opening existing, 25 styles previewing, 317 font, 119 properties of, 59 HTML-compliant, 83...
  • Page 347 Index special effects, 175, 179 Square Crop, 151 Unicode, 114 Straight Line, 167 using gradient and bitmap fills, Transparency,...
downloadlike
ArtboardArtboardArtboard
Report Bug