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 2

    How to Contact Us Our main office The Software Centre (UK, Europe): PO Box 2000, Nottingham, NG11 7GW, UK Main:...

  • Page 3

    This User Guide, and the software described in it, is furnished under an end user License Agreement, which is included...

  • Page 4

    TrueType 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 10

    2 Welcome

  • Page 11

    Welcome 3 Welcome! Welcome to WebPlus X4 from Serif—the easiest way to get your business, organization, or household on...

  • Page 12

    4 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 14

    6 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 16

    8 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 18

    10 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 20

    12 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 22

    14 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 24

    16 Welcome

  • Page 25: Getting Started

    Getting 2 Started

  • Page 26

    18 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 28

    20 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 30

    22 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 32

    24 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 34

    26 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 36

    28 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 38

    30 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 40

    32 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 42

    34 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 44

    36 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 46

    38 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 48

    40 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 50

    42 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 52

    44 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 54

    46 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 56

    48 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 58

    50 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 60

    52 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 62

    54 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 64

    56 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 66

    58 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 68

    60 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 70

    62 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 72

    64 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 74

    66 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 76

    68 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 78

    70 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 80

    72 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 82

    74 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 84

    76 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 86

    78 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 88

    80 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 90

    82 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 92

    84 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 94

    86 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 96

    88 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 98

    90 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 100

    92 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 102

    94 Developing Sites and Pages

  • Page 103: Working with Text

    Working 4 with Text

  • Page 104

    96 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 106

    98 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 108

    100 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 110

    102 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 112

    104 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 114

    106 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 116

    108 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 118

    110 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 120

    112 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 122

    114 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 124

    116 Working with Text

  • Page 125: Formatting Text

    Formatting 5 Text

  • Page 126

    118 Formatting Text

  • Page 127

    Formatting Text 119 Setting text properties WebPlus gives you a high degree of control over the fine points of...

  • Page 128

    120 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 130

    122 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 132

    124 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 134

    126 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 136

    128 Formatting Text

  • Page 137: Working with Tables

    Working 6 with Tables

  • Page 138

    130 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 140

    132 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 142

    134 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 144

    136 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 146

    138 Working with Tables

  • Page 147: Editing Objects

    Editing 7 Objects

  • Page 148

    140 Editing Objects

  • Page 149

    Editing Objects 141 Selecting an object Before you can change any object, you need to select it using one...

  • Page 150

    142 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 152

    144 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 154

    146 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 156

    148 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 158

    150 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 160

    152 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 162

    154 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 164

    156 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 166

    158 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 168

    160 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 170

    162 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 172

    164 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 174

    166 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 176

    168 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 178

    170 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 180

    172 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 182

    174 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 184

    176 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 186

    178 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 188

    180 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 190

    182 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 192

    184 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 194

    186 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 196

    188 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 198

    190 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 200

    192 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 202

    194 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 204

    196 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 206

    198 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 208

    200 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 210

    202 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 212

    204 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 214

    206 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 216

    208 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 218

    210 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 220

    212 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 222

    214 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 224

    216 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 226

    218 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 228

    220 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 230

    222 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 232

    224 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 234

    226 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 236

    228 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 238

    230 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 240

    232 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 242

    234 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 244

    236 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 246

    238 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 248

    240 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 250

    242 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 252

    244 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 254

    246 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 256

    248 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 258

    250 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 260

    252 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 262

    254 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 264

    256 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 266

    258 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 268

    260 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 270

    262 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 272

    264 Adding Hyperlinks and Interactivity

  • Page 273: Adding Dynamic Content

    Adding Dynamic 12 Content

  • Page 274

    266 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 276

    268 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 278

    270 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 280

    272 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 282

    274 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 284

    276 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 286

    278 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 288

    280 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 290

    282 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 292

    284 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 294

    286 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 296

    288 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 298

    290 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 300

    292 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 302

    294 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 304

    296 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 306

    298 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 308

    300 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 310

    302 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 312

    304 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 314

    306 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 316

    308 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 318

    310 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 320

    312 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 322

    314 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 324

    316 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 326

    318 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 328

    320 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 330

    322 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 332

    324 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 334

    326 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 336

    328 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 338

    Index

  • Page 339

    Index 2D objects to text, 159 filter effects, 175 audio files, 223, 225 3D automatic publishing, 323 filter effects,...

  • Page 340

    Index 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 342

    Index 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 344

    Index 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 346

    Index 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