Serif WPX4-HFMINI-ENG-STA-1 Fiche technique

2 Welcome

92 Developing Sites and Pages When you register, you'll have to wait for Google to check that your website is considered suitable. You'l

Developing Sites and Pages 93 4. Click OK. 5. You'll see the mouse pointer change to the Paste cursor. Position the cursor where you

94 Developing Sites and Pages

Working with Text 4

96 Working with Text

Working with Text 97 Importing text from a file Importing text from a word-processor file is a quick way to build up text content for your site

98 Working with Text 3. From the Open dialog, select the format of the source file to be imported and locate the file itself. (See below for detai

Working with Text 99 The text in a frame is called a story. • When you move a text frame, its story text moves with it. • When you resize a te

100 Working with Text HTML or Creative frames Two types of frame can be added to the WebPlus page—the HTML text frame and the Creative text frame.

Working with Text 101 So how do you tell the difference between an HTML and Creative frame? Simply, HTML frames will always possess dark blue co

Welcome 3 Welcome! Welcome to WebPlus X4 from Serif—the easiest way to get your business, organization, or household on the web! To make life so m

102 Working with Text (See Editing text on the page on p. 110.) Pasting via the Clipboard: At an insertion point in the text, press Ctrl+V. Drag a

Working with Text 103 To edit frame properties directly: • Select the frame, then drag column guide lines to adjust the boundaries of the colum

104 Working with Text If you see this, you can choose to leave the text Hidden, let it Overflow, or let all the text be viewable with the help of a

Working with Text 105 • If the text runs out before the last frame, you'll have some empty frames. These frames will be filled with text i

106 Working with Text • embed inline images. • apply filter effects and rotate/flip. • use proofing options such as AutoSpell/Spell Checker, Pro

Working with Text 107 Once you've created an artistic text object, you can select, move, resize, delete, and copy it just as you would with

108 Working with Text Putting text on a path "Ordinary" straight-line artistic text is far from ordinary—but you can extend its creative

Working with Text 109 3. Bring the cursor very close to the line. When the cursor changes to include a curve, click the mouse where you want th

110 Working with Text 2. Create a line on the page. Your line appears as a path with an insertion point at its starting end (for a curved path you

Working with Text 111 Double-, triple-, or quadruple-click selects a word, paragraph or all text, respectively. You can also make use of the Ctr

4 Welcome Key features Before you get started with WebPlus, we recommend you take the opportunity to familiarize yourself with WebPlus key features

112 Working with Text To repeat a text action: • Choose Repeat from the Edit menu, or press Ctrl+Y. For example, if you've applied new format

Working with Text 113 (A) Left Indent; (B) 1st Line Indent; (C) Right Indent. • The Left indent is set in relation to the object's left m

114 Working with Text Working with Unicode text WebPlus fully supports Unicode, making it possible to incorporate foreign characters or special sym

Working with Text 115 for case-sensitive search. Select Regular expressions to treat the contents of the Find box as an expression, rather than

116 Working with Text

Formatting Text 5

118 Formatting Text

Formatting Text 119 Setting text properties WebPlus gives you a high degree of control over the fine points of typographic layout, whether you&a

120 Formatting Text Font assignment is very simple in WebPlus, and can be done from the Fonts tab, Text context toolbar, or in the Character dial

Formatting Text 121 • Search for installed fonts via search box. • Hover-over preview of fonts applied to your site's text (optional). •

Welcome 5 pages from indexing by using search engine sitemap or robot files—protect confidentiality while offering potential web visitors accurate

122 Formatting Text Styles can be applied to characters or paragraphs using either the Text context toolbar or the Text Styles tab. Both paragraph

Formatting Text 123 A character style includes only font attributes (name, point size, bold, italic, etc.), and you apply it at the character le

124 Formatting Text The Text Style tab highlights the paragraph or character style applied to any selected text. As both paragraph and character f

Formatting Text 125 Take care when deleting styles. Styles based on a checked "parent" style will be checked for deletion. Creating

126 Formatting Text To create a simple bulleted or numbered list: 1. Select one or more paragraphs. - or - Click in a paragraph's text. 2.

Formatting Text 127 Turn off list formatting by clicking the Text context toolbar's or buttons again. To restart list numbering (Creat

128 Formatting Text

Working with Tables 6

130 Working with Tables

Working with Tables 131 Creating text-based tables Tables are ideal for presenting text and data in a variety of easily customizable row-and-col

6 Welcome Pictures • Import Pictures Import commonly-used standard file formats, including all the latest RAW digital camera formats and Photoshop

132 Working with Tables Solid fill and border colour  Gradient and bitmap fill  HTML-compliant Styles  Transparency  1Borders  1

Working with Tables 133 To create a table: 1. On the Standard Objects toolbar, choose either the HTML Table Tool or Creative Table Tool from

134 Working with Tables Inserting a calendar The Calendar Wizard helps you design month-at-a-glance calendars for use on your web page. The calend

Working with Tables 135 To insert a calendar: 1. Click the Table flyout on the Standard Objects toolbar and choose Insert Calendar. 2. Clic

136 Working with Tables already configured in the Calendar Event Manager (to modify personal events, click the Events button). Adding public holiday

Working with Tables 137 To add an event: 1. Select a calendar. 2. Click Calendar Events on the context toolbar. 3. (Optional) Check Show even

138 Working with Tables

Editing Objects 7

140 Editing Objects

Editing Objects 141 Selecting an object Before you can change any object, you need to select it using one of these tools from the Tools toolbar:

Welcome 7 • Podcasts Create your own podcast feeds and broadcast your own audio and video episodes frequently and easily. Web visitors can subscr

142 Editing Objects • Double-, triple-, or quadruple-click to select a word, paragraph, or all text. • To select only the text frame, click the

Editing Objects 143 Alternatively, hold down the Shift key and click each object in turn. To add or remove objects from a multiple selection: •

144 Editing Objects Click on an object to select it and choose Select Similar from the Edit menu. Copying, pasting, and replicating objects Besides

Editing Objects 145 To duplicate an object: 1. Select the object, then press the Ctrl key. 2. Drag the object via the Move button to a new

146 Editing Objects 3. Specify Line length (the number of objects including the original) in the arrangement, or the Grid size. Note that you can u

Editing Objects 147 To constrain the movement of an object to horizontal or vertical: • Select the object and use the keyboard arrows (up, down

148 Editing Objects You can also make fine resizing adjustments from the Transform tab. To resize freely: • Drag from a corner (or line end) han

Editing Objects 149 3. Hold the mouse button down and drag the cursor in the direction in which you want to rotate the object, then release (u

150 Editing Objects To change the rotation origin: 1. Select the Rotate Tool on the Tools toolbar and click to select the object. 2. Move the ro

Editing Objects 151 To crop using the object's original outline: 1. Select the object, then select the Square Crop Tool from the Tools to

8 Welcome • Instant 3D with On-screen Transforms Transform 3D objects in-situ with 3D editing from a context toolbar. Apply multi-coloured lighting

152 Editing Objects To uncrop (restore full visibility): • Click the Remove Crop button on the Crop context toolbar. Cropping one shape to another

Editing Objects 153 Combining is a quick way to create a mask or stencil cutout: QuickShapes Convert to Curves Combine Curves Drop Shadow

154 Editing Objects To join outlines (selected via marquee selection): • Select from the Join Outlines submenu on the Arrange menu. Add Creates one

Editing Objects 155 Exclude Merges two or more objects into a composite object, with a clear transparent “hole” where their filled regions over

156 Editing Objects Alignment controls are available in either the Align tab or from Arrange>Align Objects... As other alignment options, tools

Editing Objects 157 Snapping The Snapping feature simplifies placement and alignment by "magnetizing" moved or resized objects to grid

158 Editing Objects For alignment For resizing To switch on dynamic guides: • Click the down arrow on the Snapping button (Hintline) and

Editing Objects 159 Attaching objects to text WebPlus lets you position shapes, pictures, or gallery objects in relation to your site's tex

160 Editing Objects 3. From the dialog, choose a positioning option: Either, for a floating object: 1. Enable Float with text. This is the default

Editing Objects 161 5. Once positioned, you can specify the Distance from text: the "standoff" between the object's outline and

Welcome 9 functionality, and support year update, inline personal events, and public holidays! • Find & Replace Search through story text for

162 Editing Objects Creating groups You can easily turn a multiple selection into a group object. When objects are grouped, you can position, resize

Editing Objects 163 To select an individual object within a group: • Ctrl-click the object. Updating and saving defaults Object defaults are th

164 Editing Objects Or, for line and fill colours, including line styles: 1. With no object selected, choose the required line and/or fill colours

Lines, Shapes, and Effects 8

166 Lines, Shapes, and Effects

Lines, Shapes, and Effects 167 Drawing and editing lines WebPlus provides Pencil, Straight Line, and Pen tools for drawing freehand, straight, a

168 Lines, Shapes, and Effects Any curved line can be closed (by joining line ends) to create a custom shape (see Drawing and editing shapes on

Lines, Shapes, and Effects 169 3. To extend the line, position the cursor over one of its red end nodes. The cursor changes to include a plus s

170 Lines, Shapes, and Effects • For a Bézier segment, click again for a new node and drag out a control handle from it. Click again where you wan

Lines, Shapes, and Effects 171 To change line properties of a selected object: • Use the Swatches tab to change the line's colour and/or

10 Welcome New features • Exciting new Navigation Bars (p. 45) Use Flash or JavaScript-driven navigation bars for site-wide page navigation. Flexib

172 Lines, Shapes, and Effects (Tab only) For calligraphic lines of variable width (drawn as if with a square-tipped pen held at a certain angle),

Lines, Shapes, and Effects 173 QuickShapes The QuickShape flyout contains a wide variety of commonly used shapes, including boxes, ovals, arrows

174 Lines, Shapes, and Effects To adjust the appearance of a QuickShape: 1. Click on the QuickShape to reveal one or more sliding handles around t

Lines, Shapes, and Effects 175 To break open a line or shape: 1. With the Pointer Tool, select the node where you want to break the shape. 2.

176 Lines, Shapes, and Effects Gaussian Blur Zoom Blur Radial Blur Motion Blur Colour Fill Feather Outline Reflection The Studio’

Lines, Shapes, and Effects 177 To apply 2D filter effects: 1. Select an object and click the Filter Effects button on the Tools toolbar’s Effe

178 Lines, Shapes, and Effects As with all effects you can switch the outline effect on and off. You'll be able to apply a combination of 2D o

Lines, Shapes, and Effects 179 Once you've created a shadow, you can also fine-tune it as needed using the Filter Effects dialog. Using 3D

180 Lines, Shapes, and Effects There you’ll see a variety of remarkable 3D surface and texture presets in various categories (Glass, Metallic, Woo

Lines, Shapes, and Effects 181 1. Adjust the "master control" sliders here to vary the overall properties of any individual 3D effect

Welcome 11 • Earn money for your website with Google AdSense (p. 91) Add Google-driven advertising space on your website, while Google pays you..

182 Lines, Shapes, and Effects • viewing: rotate your object in three dimensions. • material: controls the extent to which lighting has an effect

Lines, Shapes, and Effects 183 To add dimensionality: 1. Select an object and click the Instant 3D button from the Tools toolbar's Effect

184 Lines, Shapes, and Effects Adding borders A border is a repeating, decorative element that can be set to enclose objects, such as text frames,

Lines, Shapes, and Effects 185 To remove a border, select None from the top of the list. 3. Select a border Weight (width) for your border. Y

186 Lines, Shapes, and Effects • Select an Alignment setting to fit the border to the Outside, Inside, or Middle of the object's bounding box

Lines, Shapes, and Effects 187 Using object styles Object styles benefit your design efforts in much the same way as text styles and colour sche

188 Lines, Shapes, and Effects The Styles tab contains multiple galleries of pre-designed styles that you can apply to any object, or customize to

Lines, Shapes, and Effects 189 The Styles tab displays the gallery thumbnail for the object's style. Normally, a site's object styles

190 Lines, Shapes, and Effects 6. Click the Browse... button to select the gallery category where you want to locate the style thumbnail, and opti

Images, Animation, and Multimedia 9

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

12 Welcome Ease of Use • QuickBuilder Bar (p. 24) The simple way to get started with WebPlus—drag pages, navigation bars, text frames, images, Flas

192 Images, Animation, and Multimedia

Images, Animation, and Multimedia 193 Adding picture frames Not to be confused with a decorative border, a picture frame is a shaped container

194 Images, Animation, and Multimedia To add a borderless picture frame: 1. For an empty square frame, choose Picture>Empty Frame... from the In

Images, Animation, and Multimedia 195 • Click the button to rotate the photo in 90 degree anti-clockwise increments. • Click the button to

196 Images, Animation, and Multimedia You can also acquire images directly from PhotoCDs or via TWAIN devices (scanners or digital cameras). Inserti

Images, Animation, and Multimedia 197 In WritePlus: • Choose Picture File... from the Insert menu. 3. Use the Import Picture dialog to select t

198 Images, Animation, and Multimedia To replace an image: • Click the Replace Picture button directly under the selected image, locate and selec

Images, Animation, and Multimedia 199 To alter frame properties: 1. Right-click on a cropped image and choose Frame Properties... - or - Sele

200 Images, Animation, and Multimedia To preselect embedding or linking based on file size: 1. Choose Options... from the Tools menu. Select the Ge

Images, Animation, and Multimedia 201 You can import an unlimited number of photos by file or by whole folders, and whether photos are embedded

Welcome 13 Pictures • Stunning Photo Galleries (p. 229) Choose from three Photo Gallery types—powered by SlideShowPro™ (Flash), Flash, and JavaSc

202 Images, Animation, and Multimedia To save a temporary album to a named album: 1. Click the down arrow on the Add To button. From the menu, sel

Images, Animation, and Multimedia 203 To load a saved album: • Select a saved album name from the bar's top-right drop-down menu. The albu

204 Images, Animation, and Multimedia • Any image you inserted as a GIF, JPEG, or PNG is exported as the original file, using its original file nam

Images, Animation, and Multimedia 205 3. In the Resampling section, choose a resampling method to give Best Quality, Sharper, or Smoother image

206 Images, Animation, and Multimedia PNGs. Then preview your site and determine if you want to vary the global settings or try a different output f

Images, Animation, and Multimedia 207 navigate to the folder where you want to save the exported image. The file format used will be that set in

208 Images, Animation, and Multimedia To set up your TWAIN device for importing: • See the documentation supplied with your scanner for operating i

Images, Animation, and Multimedia 209 • Powerful filter combinations Create combinations of mixed adjustment, retouching, and effect filters fo

210 Images, Animation, and Multimedia To launch PhotoLab: 1. Select the picture that you want to apply a filter to. 2. Click PhotoLab on the Pic

Images, Animation, and Multimedia 211 3. Adjust sliders (or enter input values) until your filter suits your requirements. Some filters offer

14 Welcome Installation System Requirements Minimum: • Pentium PC with DVD/CD drive and mouse • Microsoft Windows® XP (32 bit), Windows®Vista, or

212 Images, Animation, and Multimedia To reorder filters: • Drag and drop your filter into any position in the stack. A dotted line indicates the

Images, Animation, and Multimedia 213 To apply a mask: 1. From the Mask drop-down menu, select New Mask. 2. In the Tool Settings pane, selec

214 Images, Animation, and Multimedia The mask button changes to yellow when a mask is applied (i.e., ). It's also possible to create additio

Images, Animation, and Multimedia 215 If you want to further manage your favourites into user-defined categories, click the option on the Tab M

216 Images, Animation, and Multimedia The white initial background is discarded, leaving interim checkerboard transparency, from which another image

Images, Animation, and Multimedia 217 To create an alpha-edged bitmap: 1. Select Alpha-edged Bitmap from the Output Type drop-down menu. 2. (O

218 Images, Animation, and Multimedia Background Colour For Show transparent mode, a different Background colour can be set (at bottom of the Studio

Images, Animation, and Multimedia 219 Click Reset if you want to revert your selected areas and start your cutout again. Refining your cuto

220 Images, Animation, and Multimedia Adding animation WebPlus lets you add several varieties of eye-catching animation effects to any web page: ani

Images, Animation, and Multimedia 221 To see some Flash files in action, the Gallery tab hosts a stunning collection of Flash banners (each with

Welcome 15 First-time install To install WebPlus, simply insert the Program CD into your DVD/CD drive. The AutoRun feature automatically starts th

222 Images, Animation, and Multimedia To edit a Flash banner: 1. Double-click your Flash movie. 2. (Optional) Change Export Options... and whether

Images, Animation, and Multimedia 223 Image" banners, Pic1URL, Pic2URL, and Pic3URL represents the first, second and third pictures listed

224 Images, Animation, and Multimedia Sound • There are actually two sound playback options—background sound, where a sound loads and plays automat

Images, Animation, and Multimedia 225 you'll no longer have to worry about juggling separate files or the chance of accidentally deleting o

226 Images, Animation, and Multimedia • Inline: A media "player" will be visible on your published web page (rather than appearing after

Images, Animation, and Multimedia 227 - or - Choose Media from the Insert menu and select YouTube Video... from the submenu. 4. From the dialo

228 Images, Animation, and Multimedia 7. To insert the video at a default size, simply click the mouse. - or - To set the size of the inserted vid

Images, Animation, and Multimedia 229 Using the Photo Gallery The simultaneous expansion of digital camera usage and Broadband services has crea

230 Images, Animation, and Multimedia During import, you have the option to manage multiple selected photos simultaneously. • Reorder your photos i

Images, Animation, and Multimedia 231 4. Click Next. From the dialog, choose whether to: • Add individual files Click the Add Files button to

16 Welcome

232 Images, Animation, and Multimedia • To add a caption, click the Caption column and input text, numbers and characters. • To create captions

Images, Animation, and Multimedia 233 Blur amount controls how much blurring occurs between photos. AutoPlay will automatically start photo disp

234 Images, Animation, and Multimedia Linking remote images It is possible to connect to any image currently available on the Internet. However, to

Colour, Fills, and Transparency 10

236 Colour, Fills, and Transparency

Colour, Fills, and Transparency 237 Applying solid colours You can use the Colour tab, Swatches tab or a dialog box to apply solid colours to a

238 Colour, Fills, and Transparency 3. Click the Fill or Line, or Text button at the top of the tab to determine where colour will be applied

Colour, Fills, and Transparency 239 Object tinting can also be applied via the Swatches tab—adjust Tint via slider or direct input. WebPlus au

240 Colour, Fills, and Transparency Schemes that have been modified are stored with the site, although custom colour schemes can also be saved glo

Colour, Fills, and Transparency 241 Each scheme also includes adjunct colours which apply specifically to hyperlinks (default H, followed F, ac

Getting Started 2

242 Colour, Fills, and Transparency Adjunct colours As well the five basic scheme colours, each scheme includes six adjunct colours which control

Colour, Fills, and Transparency 243 Applying scheme colours to objects If you create new objects in a web template site, or start a site from sc

244 Colour, Fills, and Transparency The scheme is updated with the new colour. Repeat to modify other scheme colours. 4. To apply the scheme to

Colour, Fills, and Transparency 245 Working with gradient and bitmap fills Gradient fills provide a gradation or spectrum of colours spreading b

246 Colour, Fills, and Transparency 2. For gradient fills, select Linear, Elliptical or Conical as the gradient type from the Gradient button&apos

Colour, Fills, and Transparency 247 Transparencies work rather like fills that use "disappearing ink" instead of colour. The more tran

248 Colour, Fills, and Transparency represent more transparency (expressed as percentage Opacity). - or - For gradient transparency, choose the Gr

Adding Hyperlinks and Interactivity 11

250 Adding Hyperlinks and Interactivity

Adding Hyperlinks and Interactivity 251 Adding hyperlinks and anchors Hyperlinking an object such as a box, some text, or a picture means that a

18 Getting Started

252 Adding Hyperlinks and Interactivity To add a hyperlink: 1. Use the Pointer Tool to select the single or grouped object or highlight the region

Adding Hyperlinks and Interactivity 253 • Document Frame: The link destination is shown in a previously created frame (using the Framed Documen

254 Adding Hyperlinks and Interactivity Inserting an anchor An anchor is a specific location on a page that can serve as the target for a hyperlink

Adding Hyperlinks and Interactivity 255 automatically in series for each page, and using prefixes for each type of object. However, you may find

256 Adding Hyperlinks and Interactivity The two objects will still be separate, so you can easily delete the shape if it's no longer needed

Adding Hyperlinks and Interactivity 257 By editing the inner outline, you can convert rectangular hotspots into freeform shapes that closely mat

258 Adding Hyperlinks and Interactivity Rollover options Adding rollovers is basically a matter of deciding which rollover state(s) you'll wan

Adding Hyperlinks and Interactivity 259 4. Check Embed files in site if you want to incorporate the image(s) in the site. 5. Check either Norm

260 Adding Hyperlinks and Interactivity and show the same or a different image made larger in the hover over state; compare this with WebPlus rollo

Adding Hyperlinks and Interactivity 261 To create a popup rollover: 1. Click the Popup Rollover button on the Standard Objects toolbar's

Getting Started 19 Startup Wizard Once WebPlus has been installed, you'll be ready to start. Setup adds a Serif WebPlus X4 item to the (All

262 Adding Hyperlinks and Interactivity • Normal Selection: a Normal image is selected and shows a green border. • Over Selection: an Over image

Adding Hyperlinks and Interactivity 263 To add captioning to Over images: 1. In the Rollover Graphic dialog, check Display caption with Over im

264 Adding Hyperlinks and Interactivity

Adding Dynamic Content 12

266 Adding Dynamic Content

Adding Dynamic Content 267 Creating HTML pages HTML code is the underlying tagged code which your website visitor's Internet browser reads,

268 Adding Dynamic Content From this point, editing of the "template" HTML structure is required. Typically, text is inserted (by typing

Adding Dynamic Content 269 To return to Design View: • Select Design View on the context toolbar. Attaching HTML code In WebPlus, you can cre

270 Adding Dynamic Content the list above is unique to a page's source and won't appear for an object or HTML fragment. Any code can be i

Adding Dynamic Content 271 Use the scrollable code window. Enter one or more HTML code fragments into the appropriate field. 5. (Optional) If t

20 Getting Started • WebPlus hosting, to host your published WebPlus site with Serif. • Learning Zone, to access videos, tutorials, support inform

272 Adding Dynamic Content Code showing placeholder Code after added JavaScript This example illustrates where simple code is placed in a source

Adding Dynamic Content 273 To attach code to an HTML fragment or object: 1. Select an existing HTML fragment or object. 2. From the Format me

274 Adding Dynamic Content At any point, you can Add, Delete, and change Export Options for any file. To attach code to a page: 1. Click Attach H

Adding Dynamic Content 275 Any object ID can be edited once the object is on the web page. A different name can be used or, if you don't wa

276 Adding Dynamic Content Form Structure The building blocks of a form comprise a mixture of text, graphics and form controls. Form controls are i

Adding Dynamic Content 277 Where is data sent? After submission, form data can be sent to one of the following: • an email address (of the web

278 Adding Dynamic Content Creating forms Several methods exist for creating forms: you can create a pre-defined ready-to-go standard form (opposi

Adding Dynamic Content 279 4. Click Next>. 5. In the next screen, choose to add, modify or delete controls. • To add, click a button in

280 Adding Dynamic Content To create a custom form (via Form Wizard): 1. Click the Form Wizard on the Web Objects toolbar's Form flyout. 2.

Adding Dynamic Content 281 7. To insert the form at a default size, position the form place cursor where you want the form to appear on the pa

Getting Started 21 Design templates come in two types—theme layouts, where you pick your own pictures, or ready-to-go templates which are alread

282 Adding Dynamic Content Combo Box For selection from a list of items in a drop-down menu where only one item can be selected by default, e.g.

Adding Dynamic Content 283 Would you like to be notified of any upcoming events in the near future? Radio Button Good for selection of a singl

284 Adding Dynamic Content Hidden objects can be added as a form control if you use the Form Wizard. Although the web visitor does not see the fiel

Adding Dynamic Content 285 Especially useful if there is no local or remote scripting in place. This is an unsecure submission method—any priv

286 Adding Dynamic Content Rainbow_WWW: Contact Details. • Add a Confirmation message which will be displayed to the web visitor after they click

Adding Dynamic Content 287 initiates form submission. 2. Choose a submission method, encoding type, and target window/frame. Incidentally, t

288 Adding Dynamic Content Script file from my hard drive This option is for experienced web developers with scripting expertise. To set up a loc

Adding Dynamic Content 289 RSS feeds and podcasts Really Simple Syndication (RSS) feeds are streams of constantly changing news and information

290 Adding Dynamic Content RSS feeds and podcasts can be configured in a very similar way in WebPlus. In fact, the process for creating your own R

Adding Dynamic Content 291 • Internet Explorer 7.0 (or later) • Mozilla Firefox (all versions) • Opera 8.0 (or later) If you are using a prev

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

22 Getting Started 3. From the dialog, select a theme or template design from the main pane. Templates are grouped into subject-based categorie

292 Adding Dynamic Content You'll notice a series of episodes listed under the podcast feed (Bluewood School Podcast). We'll look at how

Adding Dynamic Content 293 To add or update articles or episodes: 1. Click the RSS Feed Tool button on the WebPlus's Web Objects toolbar.

294 Adding Dynamic Content Submission of podcast feeds For podcasts via iTunes, as a broadcaster you'll need to have your podcast submitted to

Adding Dynamic Content 295 Your published RSS feed or podcast offers a clickable subscription button, e.g. This lets you add the feed to your

296 Adding Dynamic Content New episodes can be downloaded via GET or GET ALL buttons next to each episode or feed, respectively (you can also righ

Adding Dynamic Content 297 Here's an example of a financial RSS feed added to a WebPlus web page: To include an RSS feed or podcast on y

298 Adding Dynamic Content 6. (Optional) Set the local time zone for your site in the Time Zone drop-down list. 7. (Optional) Change the Date For

Adding Dynamic Content 299 E-Commerce Understanding e-commerce E-commerce entails the buying and selling of goods on the Internet. It's dif

300 Adding Dynamic Content To setup a shopping cart provider: 1. Click the Configure E-Commerce button on the Web Objects toolbar's E-Commer

Adding Dynamic Content 301 For example, if you are a trader wishing to sell a quantity of bricks you could create an E-Commerce button (as a Buy

Getting Started 23 5. Pick a Colour Scheme from the drop-down list at the top of the dialog (for theme layouts, the first three schemes are des

302 Adding Dynamic Content To insert an e-commerce object: 1. Click the Insert an E-Commerce object button on the Web Objects toolbar's E-Co

Adding Dynamic Content 303 • Item ID: Add an easily identifiable string to track the item through PayPal. • Currency: Set the currency in whic

304 Adding Dynamic Content 8. In the Item Details dialog, set a default quantity in the input box, or check the box to let the user specify an amo

Adding Dynamic Content 305 13. To insert the form or button, position the cursor where you want it to appear on the page, then simply click th

306 Adding Dynamic Content Name Use Active Viewers Use to show how many people are currently viewing the web page. Blog A blog acts as a persona

Adding Dynamic Content 307 Users can view number of topics, posts, and last post submitted, and obviously post to the forum. Hit Counter A stra

308 Adding Dynamic Content • Create user groups (with optional user sign-up, auto-login, and connection to Smart objects). • Add, remove, suspend

Adding Dynamic Content 309 To clear Account details: • Go to Tools>Options and click Clear Account Details shown from the Options>Genera

310 Adding Dynamic Content To create Smart object profiles: 1. From the main Smart Objects dialog, click the Manage Profiles button at the bottom

Adding Dynamic Content 311 The named object will be shown in a list in the My Smart Objects Library left-hand pane. Here's an example of a

24 Getting Started Starting a site from scratch Although design templates can simplify your design choices, you can just as easily start out from sc

312 Adding Dynamic Content Editing Smart objects Once an object is created it can be edited either in the My Smart Object Library or directly on th

Adding Dynamic Content 313 To manage a Smart object from your library: • From the Smart Objects dialog, click the Manage button at the bottom o

314 Adding Dynamic Content Deleting Smart objects To delete an object from the library: • Select the object's entry in the My Smart Objects L

Previewing and Publishing 13

316 Previewing and Publishing

Previewing and Publishing 317 Previewing your site Previewing your site in a web browser is an essential step before publishing it to the web. I

318 Previewing and Publishing 2. Use the dialog to make changes as needed: • Click Auto Detect to refresh the list automatically, or click Add to

Previewing and Publishing 319 • Total size: (e.g., 153 KB) • Download time on a 56k modem: (e.g., 40 seconds) • Download time on 512k ADSL br

320 Previewing and Publishing • The Account name. This can be any name of your choice. You'll use it to identify this account in WebPlus (in

Previewing and Publishing 321 You can also use the Upload to Server dialog at this point to Add... another account, and Copy..., Edit or Delete

Getting Started 25 Opening an existing site You can open an existing WebPlus site from the Startup Wizard, via the Standard toolbar, or via the

322 Previewing and Publishing In the dialog, check the option to Delete unused remote files if you want WebPlus to automatically remove any unused

Previewing and Publishing 323 To save FTP account details in your site: 1. From the Publish to Web dialog, click Accounts... 2. In the dialog

324 Previewing and Publishing With this enabled you can also select Check remote files to prompt WebPlus to manually check each file before replac

Previewing and Publishing 325 Viewing your published site Once your site has been published, you have the option to View Site Online on the St

326 Previewing and Publishing • Select the FTP account you want to use from the drop-down menu. To update account settings, or add a new account,

Previewing and Publishing 327 2. In the Publish to PDF dialog assign a File name, browse to the folder in which you want to save your PDF and c

328 Previewing and Publishing To activate web hosting: 1. Either: 1. Click the Smart Objects Tool on the Web Objects toolbar. 2. In the dialog,

Index 14

Index

Index 2D filter effects, 175 3D filter effects, 179 Instant 3D, 181 access control, 67, 307 adding users in, 71 for Smart objects, 76 signing up

26 Getting Started Working with more than one site If you have multiple websites open at the same time it's easy to jump between them using dif

Index colour gradient fill, 245 schemes, 239 solid fill, 237 tinting, 238 Colour Scheme Designer, 239 Colour Schemes assigning, 243 modifying, 243 pr

Index Fit Text to Curve, 109 Flash banners, 85 movies, 220 navigation bars, 46 Font Manager, 66 fonts, 119 setting, 119 WebSafe, 120 formatting t

Index IDs HTML, 274 Image Cutout Studio, 215 Image Export Manager, 204 importing pictures, 195 text, 97 TWAIN images, 207 Include in Navigation, 52 i

Index customizing, 49 dynamic, 53 editing, 48 styles, 50 Navigation Manager, 53, 66 new features, 10 News (Smart object), 307 numbered lists, 125

Index PayPal adding forms and buttons to, 300 configuring, 299 PDF, 326 Pen Tool, 167 Pencil Tool, 167 Photo Gallery, 229 creating, 230 editing, 233

Index resampling, 206 Resource Booker (Smart object), 307 Resource Manager, 66 retouching (pictures), 212 reverting to saved version, 25 robots,

Index sites opening existing, 25 previewing, 317 properties of, 59 saving, 26 starting from scratch, 24 structure, 29 working with multiple, 26 size

Index special effects, 175, 179 Unicode, 114 using gradient and bitmap fills, 245 Text Manager, 66 text styles, 121 theme layouts, 20 tinting, 23

Developing Sites and Pages 3

28 Developing Sites and Pages

Developing Sites and Pages 29 Understanding site structure and navigation Unlike a printed publication, a website doesn't depend on a line

30 Developing Sites and Pages In WebPlus, the Site Structure tree (in the Site tab) provides a visual aid that lets you organize the content on you

Developing Sites and Pages 31 Incidentally, WebPlus also supports HTML pages and offsite links which can be inserted into the Site Structure as

TrueType font samples from Serif FontPacks © Serif (Europe) Ltd. Microsoft, Windows, and the Windows logo are registered trademarks of Microsoft Cor

32 Developing Sites and Pages Understanding pages and master pages Pages are the basic unit of web design. WebPlus lets you structure your site&apos

Developing Sites and Pages 33 By placing a design element on a master page and then assigning several pages to use that master page, you ensure

34 Developing Sites and Pages keep elements that are being prepared or waiting to be positioned on the page area. When you publish your site, anythi

Developing Sites and Pages 35 Switching between pages WebPlus provides a variety of ways of getting quickly to the part of your site you need t

36 Developing Sites and Pages • On the Studio's Site tab, double-click the entry for the page (or master page) you want to view. The Site St

Developing Sites and Pages 37 Adding, removing, and rearranging pages Using the Studio's Site tab, you can quickly add or delete standard

38 Developing Sites and Pages • Specify the position of the new page in the Site Structure. In the Placement section, insert the page Before, Afte

Developing Sites and Pages 39 4. WebPlus lets you control if an associated master page is copied with the page. Pick from the top-left drop-

40 Developing Sites and Pages To add an HTML page: 1. In the Pages Window (Site Structure tree) of the Studio's Site tab, select a page after

Developing Sites and Pages 41 To add a new master page: 1. On the Studio's Site tab, ensure the Master Pages> button is clicked to ex

Contents Contents 1. Welcome ... 1 Welcome! ...

42 Developing Sites and Pages Rearranging pages Besides using the Site Structure tree to add or delete pages, you can use it to rearrange pages as n

Developing Sites and Pages 43 To assign an individual master page to a page: • On the Studio's Site tab, click on the master page thumbna

44 Developing Sites and Pages To assign multiple master pages to a web page: 1. From the Site tab, select the page which will have multiple master

Developing Sites and Pages 45 To reorder the page content and master pages: • Select the entry in the tab and click the Up or Down button. T

46 Developing Sites and Pages You can easily install navigation bars at any level of your site, reconfigure them to link to a particular part of the

Developing Sites and Pages 47 When adding a navigation bar, you can choose navigation Type, Options, and a set Style. Once added, the bar can b

48 Developing Sites and Pages • Depending on the main selection, you can opt to include the child page, anchors, home page, parent page, and/or Hide

Developing Sites and Pages 49 To create a new navigation bar from an existing navigation bar: 1. From the dialog's Type tab, enable Copy

50 Developing Sites and Pages (Optional) Click Reset to revert the navigation tree back to its original structure. Export Options... let you contro

Developing Sites and Pages 51 To edit a navigation bar style: 1. From the Style tab, use the flyouts and drop-down menus to create a unique st

Contents Adding Google maps ... 87 Adding advertising ...

52 Developing Sites and Pages To exclude a page from navigation: • On the Studio's Site tab, right-click the page in the Site Structure tree a

Developing Sites and Pages 53 Using dynamic navigation bars Up to now, we've assumed that navigation bars are based on your site structure

54 Developing Sites and Pages The Manager displays the bar's page location, names, its navigation tree, and style, listed by page number. Using

Developing Sites and Pages 55 The Guides tab lets you fine-position ruler guides by specifying absolute pixel positioning (guides can also be d

56 Developing Sites and Pages • To lock ruler guides, choose Tools>Options... and select the Layout option, then check Lock guide lines. • For

Developing Sites and Pages 57 want finer control or smaller snapping increments, click a zoom button to magnify the page. Adjusting rulers By d

58 Developing Sites and Pages To restore the original ruler position and zero point: • Double-click the tab marker on the ruler intersection. To lo

Developing Sites and Pages 59 To turn the dot grid on and off: • Enable (or disable) the Dot Grid button on the View menu. You can also set th

60 Developing Sites and Pages Tab Property Options (default) Default page alignment Lets you set a default width and height for web pages. Default

Developing Sites and Pages 61 Publishing Site URL Defines the full URL address. This is a requirement for search engine optimization with sitem

Contents Joining object outlines ... 153 Ordering objects ...

62 Developing Sites and Pages To set the site-wide page dimension settings: • On the dialog's Options tab, select different Width and/or Heigh

Developing Sites and Pages 63 Tab name Property Navigation (default) Page, title, and file name Each page has a "visible" page name

64 Developing Sites and Pages Effects Page Entry/Exit Transitions Page entry and exit transitions can be applied as you navigate from one web page t

Developing Sites and Pages 65 Using Site Manager WebPlus's Site Manager hosts a whole range of useful site-wide information available from

66 Developing Sites and Pages A quick summary gives an indication of what each management feature can do for you. Type of Management Lets you... P

Developing Sites and Pages 67 Access control Access control lets you apply security to your site, either to restrict access to specific pages o

68 Developing Sites and Pages • Blogs: for adding and removing articles via an Editors group. • CMS: for managing articles in your CMS. Access con

Developing Sites and Pages 69 To create a User List smart object: 1. Click the Smart Object Tool button on the Web Objects toolbar. 2. Logi

70 Developing Sites and Pages 5. Enter a redirect URL in the Redirect after login box if you want to direct the user to a specific web page after s

Developing Sites and Pages 71 Adding users (manual or self-registration) adding users manually Typically, adding users manually is great for co

Contents 10. Colour, Fills, and Transparency ... 235 Applying solid colours ...

72 Developing Sites and Pages With Require activation checked, an activation link will be emailed to the user along with an auto-generated passwor

Developing Sites and Pages 73 To enable self-registration user sign up: This method requires a process requires a login box to be added to th

74 Developing Sites and Pages Enabling access control To enable access control on your web page: 1. With the web page currently in view, click Pag

Developing Sites and Pages 75 Adding a login box WebPlus lets you add a login/logout input box onto a page in your website. This means that a

76 Developing Sites and Pages Any user can be deleted or temporarily suspended for breaking site rules (e.g., for posting defamatory statements on a

Developing Sites and Pages 77 2. To set up a forum Moderator group, you'll need to create a moderator group, add moderators manually, man

78 Developing Sites and Pages By default, the contents of each published web page (especially heading text) will be indexed. However, in an Internet

Developing Sites and Pages 79 Whether you are using Meta tags, robots, or sitemaps independently or in combination, WebPlus makes configuration

80 Developing Sites and Pages 4. In the next window, enter any number of keywords (separated by commas) that you think fairly categorize your site.

Developing Sites and Pages 81 Excluding pages from indexing (Robots file) The objective of this method is the same as that for using a robots m

Welcome 1

82 Developing Sites and Pages One requirement of using search engine sitemaps is the need to declare an absolute URL. This allows the proper URL a

Developing Sites and Pages 83 Prioritizing text with Heading HTML tags It is possible to assign paragraphs (or text styles) in your HTML frame

84 Developing Sites and Pages The search results show a hyperlinked page name heading plus associated web page text for reference. Simply click the

Developing Sites and Pages 85 Add the search object to the top of your master page to allow site-wide access to the search feature. Site sea

86 Developing Sites and Pages The Gallery tab can store your own designs in the ready-to-go My Designs category—the design is made available in any

Developing Sites and Pages 87 To add, delete, or rename custom sub categories: • To add, select a category and click Add Sub Category... from

88 Developing Sites and Pages Each map will allow up to 10 markers to be placed on the map to identify each location. A more advanced Map feature i

Developing Sites and Pages 89 5. In the dialog, enter a Marker name and text for the marker, and click OK. The marker appears on the map previ

90 Developing Sites and Pages Using Advanced Google Maps Try the Advanced Google Maps if you've a need for greater than 10 map markers and are

Developing Sites and Pages 91 Adding advertising Google Adsense is a free Google service which allows you to place advertising space on your w