Serif WebPlus Essentials Uživatelská příručka

2 Welcome

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

Working with Text 93 4. Select Match whole word only to match character sequences that have white space (space, tab character, etc.) or punctuation

94 Working with Text

Formatting Text 5

96 Formatting Text

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

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

Formatting Text 99 Websafe fonts are a specially selected and configurable subset of fonts which offer the best font matches between your site (duri

100 Formatting Text Paragraph styles and character styles A paragraph style is a complete specification for the appearance of a paragraph, includin

Formatting Text 101 To apply a named style: 1. Using the Pointer Tool, click in a paragraph (if applying a paragraph style) or select a range of te

Welcome 3 Welcome! Welcome to WebPlus Essentials from Serif—the easy way to get your family, club, organization, or small business on the web! To m

102 Formatting Text 4. Click Apply to update text, or click Close to maintain the style in the site for future use. Alternatively, choose Text Sty

Formatting Text 103 Bulleted list Numbered list To create a simple bulleted or numbered list: 1. Select one or more paragraphs. OR Click in a pa

104 Formatting Text Each time you insert a following return, a new line will begin with the specified symbol or number. In addition, typing two ret

Working with Tables 6

106 Working with Tables

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

108 Working with Tables Sort table contents   Solid fill and border color   Gradient and bitmap fill   HTML-compliant Styles   Transpare

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

110 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 111 3. From the displayed Calendar Wizard, define options for your calendar including setting the year and month, calendar styl

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 Tables Adding public holidays When you create a calendar you can set up the appropriate public holidays for the country you reside

Working with Tables 113 3. (Optional) Check Show events by date to add, edit, or delete events using a traditional calendar layout. Leave unchecked

114 Working with Tables

Editing Objects 7

116 Editing Objects

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

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

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

120 Editing Objects The standard Paste command inserts the object at the insertion point or (for a separate object) at the center of the page. To in

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

Welcome 5 • Exciting Navigation Bars Use navigation bars for site-wide page navigation. Flexible and user configurable, with a host of different de

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

Editing Objects 123 To resize freely: • Drag from a corner (or line end) handle. To constrain a shape, frame object, or table object when resizing:

124 Editing Objects The Pointer Tool can also be used to rotate objects in the same way (with the cursor). To unrotate (restore the original orie

Editing Objects 125 Cropping and combining objects Cropping means masking (hiding) parts of an object, for example to improve composition or to crea

126 Editing Objects • To move a node (control point) where you see the cursor, drag the node. • To move a line segment (between two nodes) wher

Editing Objects 127 To crop one shape to another: 1. Place the "clipping" object in front of the object to be cropped, using the Arrange

128 Editing Objects 4. Select both objects. 5. Choose Combine Curves from the Arrange menu. To restore the original shapes from a combined object:

Editing Objects 129 Subtract Discards the overlap between the top and bottom object. The bottom object is also discarded. Useful as a quick way of

130 Editing Objects Locking an object's size or position To prevent accidentally moving, resizing, flipping, or rotating an object, you can loc

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

6 Welcome • RSS—News and Information Feeds on your page Keep your web visitors up to date with the latest news from your favorite websites (BBC New

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

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

134 Editing Objects • Position inline as character. The attached object is placed as a character in the text and vertically aligned in relation to

Editing Objects 135 Once attached, the object shows an Attach to Text button under the object. Click to edit properties. The Attach Point is a

136 Editing Objects To view attached object properties: 1. Select an attached object. 2. Click Attach to Text shown under the object. The Attache

Editing Objects 137 To ungroup (turn a group back into a multiple selection): • Click the button. The group turns back to a multiple selection.

138 Editing Objects To set local defaults for a particular type of object: 1. Create a single sample object and fine-tune its properties as desire

Editing Objects 139 To save all current defaults as global settings: 1. Select Save Defaults... from the Tools menu. 2. From the dialog, check op

140 Editing Objects

Lines, Shapes, and Effects 8

Welcome 7 • Quick Publish Upload and view a currently displayed page—great for live verification of individual pages as you build your website. •

142 Lines, Shapes, and Effects

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

144 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 145 3. To extend the line, position the cursor over one of its red end nodes. The cursor changes to include a plus symbo

146 Lines, Shapes, and Effects • For a Smart segment, click again for a new node. The segment appears as a smooth, best-fitting curve (without vis

Lines, Shapes, and Effects 147 • Use the Line tab, context toolbar (shown when a line is selected), or Line and Border dialog to change the line&ap

148 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 149 QuickShapes The QuickShape flyout contains a wide variety of commonly used shapes, including boxes, ovals, arrows, p

150 Lines, Shapes, and Effects Closed shapes As soon as you draw or select a line, you'll see the line's nodes appear. Nodes show the end

Lines, Shapes, and Effects 151 Using 2D filter effects WebPlus provides a variety of filter effects that you can use to transform any object. "

8 Welcome • Quick-and-easy Image Cutouts Image Cutout Studio makes light work of cutting out your placed pictures, directly in WebPlus. Use brushes

152 Lines, Shapes, and Effects The Studio’s Styles tab offers a range of 2D filter effects that are ready to use. Its multiple categories each off

Lines, Shapes, and Effects 153 Creating outlines WebPlus lets you create a colored outline around objects, especially text and shapes (as a filter e

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

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

156 Lines, Shapes, and Effects 3. Adjust the "master control" sliders here to vary the overall properties of any individual 3D effects y

Lines, Shapes, and Effects 157 • lathe effects: create contoured objects (e.g., a bottle cork) with the custom lathe profile editor and extrusion c

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

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

160 Lines, Shapes, and Effects 3. Select a border Weight (width) for your border. You may need to experiment to find a width that complements the

Lines, Shapes, and Effects 161 Use the Import button to base your borders on your own bordered picture design. Once you've optimized the design

Welcome 9 • Ready-to-use Styles Choose various filter effects, glows, shadows, textures, and materials from the Styles tab. Customize the preset st

162 Lines, Shapes, and Effects • Any time you want to alter some aspect of the style (for example, change the line color), you simply change the s

Lines, Shapes, and Effects 163 To locate an object's style in the Styles tab: • Right-click the object and choose Format>Object Style>Lo

164 Lines, Shapes, and Effects 5. The Object pane in the preview region shows the currently selected object after applying the defined style. Sele

Images, Animation, and Multimedia 9

166 Images, Animation, and Multimedia

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

168 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 169 • Click the button to rotate the photo in 90 degree counter-clockwise increments. • Click the button to

170 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 171 3. Use the Import Picture dialog to select the image file to open. 4. Select either Embed Picture or Link Pi

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

172 Images, Animation, and Multimedia To replace an image via Media Bar: • Drag an image thumbnail onto an existing image from the currently displa

Images, Animation, and Multimedia 173 To alter frame properties: 1. Right-click on a cropped image and choose Frame Properties... OR Select the im

174 Images, Animation, and Multimedia For dragging images from the Media Bar, images <256 KB are embedded, while images >256 KB are linked. Ho

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

176 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 177 To load a saved album: • Select a saved album name from the bar's top-right drop-down menu. The album&ap

178 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 179 3. In the Resampling section, choose a resampling method to give Best Quality, Sharper, or Smoother images of

180 Images, Animation, and Multimedia Even if you don't change any format settings, you can set a picture title which will normally appear as a

Images, Animation, and Multimedia 181 4. Check the Exclude this picture from optimization.. option if you don't want the image to be combined

Welcome 11 • Tables and Calendars Choose from a range of preset formats or design your own table. Use the convenient Table context toolbar to sort

182 Images, Animation, and Multimedia To import a scanned image: • Choose Picture from the Insert menu, then select TWAIN then Acquire... from the

Images, Animation, and Multimedia 183 • Save and manage favorites Save filter combinations to a handy Favorites tab. • Viewing controls Compare be

184 Images, Animation, and Multimedia Applying a filter Filters are stored in PhotoLab's Favorites, Adjustments, and Effects tabs which group

Images, Animation, and Multimedia 185 To disable: Click , then click to enable again. To reset: Click . Any changes to settings are reverted bac

186 Images, Animation, and Multimedia Retouching PhotoLab offers some useful retouching tools on the main toolbar, each commonly used to correct ph

Images, Animation, and Multimedia 187 3. Adjust the settings to suit requirements, especially adjusting Brush Size to paint larger or more intricat

188 Images, Animation, and Multimedia Saving favorites If there's a specific filter setting (or combination of filters) you want to keep for f

Images, Animation, and Multimedia 189 The latter background removal method is illustrated in the following multi-image example. The white initial b

190 Images, Animation, and Multimedia Zoom into your image to examine its edges; this may influence the output type chosen. Let's look at the

Images, Animation, and Multimedia 191 Selecting areas to keep or discard A pair of brushes for keeping and discarding is used to "paint" a

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 o

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

192 Images, Animation, and Multimedia 3. (Optional) Set a Grow tolerance value to automatically expand the selected area under the cursor (by detec

Images, Animation, and Multimedia 193 To restore or remove portions of your cutout: 1. With your cutout areas already defined, click Preview (Outp

194 Images, Animation, and Multimedia To create an animated marquee: • Click the Insert Animated Marquee button on the Web Objects toolbar's

Images, Animation, and Multimedia 195 easily referenced. Click the Add... button to navigate to then select files for addition (use Ctrl-click or Sh

196 Images, Animation, and Multimedia automatically show the company name set in User Details in your banner—in this case "Flowers-2-Go").

Images, Animation, and Multimedia 197 Adding sound and video WebPlus lets you augment your web pages with sound and video files in a variety of stan

198 Images, Animation, and Multimedia accidentally deleting one of them. When you publish your site, WebPlus takes care of exporting and copying bot

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

200 Images, Animation, and Multimedia Choose Media from the Insert menu and select YouTube Video... from the submenu. 4. From the dialog, paste the

Images, Animation, and Multimedia 201 7. To insert the video at a default size, simply click the mouse. OR To set the size of the inserted video,

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

202 Images, Animation, and Multimedia In WebPlus you can add a Flash™- or JavaScript-based photo gallery to any web page. By using the power of Flas

Images, Animation, and Multimedia 203 Creating the Gallery The Photo Gallery is inserted on the page, just like an individual photo, after collectin

204 Images, Animation, and Multimedia from the drop-down menu. You can also specify a folder in which to save the photos to once they have been acqu

Images, Animation, and Multimedia 205 • To replace a photo, right-click the selected photo and then click Replace image. 6. To include selected p

206 Images, Animation, and Multimedia To edit a Photo Gallery: 1. Select a gallery already present on your web page. 2. Double-click the gallery.

Color, Fills, and Transparency 10

208 Color, Fills, and Transparency

Color, Fills, and Transparency 209 Applying solid colors You can use the Color tab, Swatches tab or a dialog box to apply solid colors to an object

210 Color, Fills, and Transparency 3. Click the Fill or Line, or Text button at the top of the tab to determine where color will be applied.

Color, Fills, and Transparency 211 Object tinting can also be applied via the Swatches tab—adjust Tint via slider or direct input. WebPlus automat

14 Welcome

212 Color, Fills, and Transparency How color schemes work Color schemes in WebPlus work much like a paint-by-numbers system, where various regions

Color, Fills, and Transparency 213 2. From the dialog's Color Schemes tab, double-click a different color scheme sample from the list (or sele

214 Color, Fills, and Transparency Applying scheme colors to objects If you create new objects in a web template site, or start a site from scratch

Color, Fills, and Transparency 215 3. From the dialog, each of the five scheme color numbers (plus the adjunct colors) has its own drop-down menu,

216 Color, Fills, and Transparency (but not to HTML frame text or HTML table text). Using the Fill Tool from the Tools toolbar's Fill flyout (

Color, Fills, and Transparency 217 Setting transparency Transparency effects are great for highlights, shading and shadows, and simulating "ren

218 Color, Fills, and Transparency In WebPlus, transparency effects work very much like grayscale fills. Just like fills... • Transparency effects

Color, Fills, and Transparency 219 To apply gradient transparency with Transparency Tool: 1. Select a colored object. 2. Click the Transparency

220 Color, Fills, and Transparency

Adding Hyperlinks and Interactivity 11

Getting Started 2

222 Adding Hyperlinks and Interactivity

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

224 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 225 To modify or remove a hyperlink: 1. Use the Pointer Tool to select the object, or click for an insertion po

226 Adding Hyperlinks and Interactivity 3. In the dialog, type a name for the anchor. 4. (Optional) Check Include Anchor in Navigation to allow t

Adding Hyperlinks and Interactivity 227 To draw a hotspot: 1. Click the Insert Hotspot button on the Web Objects toolbar. 2. Click and drag to dr

228 Adding Hyperlinks and Interactivity Editing hotspots You can move and resize hotspots on the page, just like other objects. A selected hotspot

Adding Hyperlinks and Interactivity 229 Adding rollovers The term rollover refers to an interaction between a mouse and a screen object. For example

230 Adding Hyperlinks and Interactivity To create a rollover graphic: 1. In a suitable image-editing program, create the variant source images for

Adding Hyperlinks and Interactivity 231 Creating variant source images For each object with at least one activated rollover state, you'll need

16 Getting Started

232 Adding Hyperlinks and Interactivity With respect to states, WebPlus provides two basic choices: • Normal is the "resting" state of t

Adding Hyperlinks and Interactivity 233 The dialog additionally shows any previous popup rollovers in its preview window, and offers previously used

234 Adding Hyperlinks and Interactivity To edit a popup rollover: • Double-click the Normal image on the page, to display the Rollover Graphic dia

Adding Dynamic Content 12

236 Adding Dynamic Content

Adding Dynamic Content 237 Attaching HTML code WebPlus lets you attach HTML code to your WebPlus pages, primarily to expand the capabilities of the

238 Adding Dynamic Content double-check the code you entered and its position on the WebPlus page (resizing if necessary). If you have some grasp o

Adding Dynamic Content 239 At any point, you can Add, Delete, and change Export Options for any file. You can make use of tokens to add a range of

240 Adding Dynamic Content To edit an object ID: 1. Right-click an object and select ID... 2. In the dialog, modify the HTML ID value. 3. (Opti

Adding Dynamic Content 241 From the web visitor's perspective, information is typed into text boxes or selected from check boxes, radio button

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

242 Adding Dynamic Content As is standard in web form management, it is possible to set the encoding type, target window/frames, submission methods

Adding Dynamic Content 243 To create a standard form: 1. Click the Form Wizard on the Web Objects toolbar's Form flyout. 2. In the dialog, c

244 Adding Dynamic Content 7. To insert the form at a default size, position the form place cursor and click the mouse. If you're looking fo

Adding Dynamic Content 245 6. From the next dialog, choose a destination for your form data by clicking a destination button for email, script file

246 Adding Dynamic Content Text Area Use for adding multi-line text, numbers or a mixture of both. Generally used for entering input, either text

Adding Dynamic Content 247 Radio Button Good for selection of a single mutually exclusive item from a grouped subset of choices. For example, a se

248 Adding Dynamic Content In addition, hidden fields can be added by right-clicking on the entire form and selecting Edit Form Properties... The

Adding Dynamic Content 249 To set up email directly: 1. With the icon enabled, add a Form name. 2. Enter the destination Email address (or select

250 Adding Dynamic Content By creating an Edit Box form control for email addresses only, you can also send confirmation emails direct to the web

Adding Dynamic Content 251 Incidentally, the web visitor will receive a basic confirmation page generated by Serif Web Resources to acknowledge succ

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

252 Adding Dynamic Content 4. Optionally, the Export Options... button lets you define a web file name and folder for the script. 5. Choose a sub

Adding Dynamic Content 253 The example shows a constantly updating fictitious school's podcast with clickable links to media (both audio and vi

254 Adding Dynamic Content Creating RSS feeds or podcasts The RSS Feed Tool enables you to create one or more RSS feeds/podcasts from which web vis

Adding Dynamic Content 255 4. To place the feed on the page, position the cursor and simply click the mouse. A or button appears at the cursor

256 Adding Dynamic Content Again, using the above school podcast example, the associated first episode could have been added with the following set

Adding Dynamic Content 257 Subscribing Subscribing to RSS feeds and Podcasts Web visitors can subscribe to these feeds by a variety of methods. Sub

258 Adding Dynamic Content Instead of a direct button, a hyperlink (see p. 223) can be created from anywhere in your site which links directly to y

Adding Dynamic Content 259 The addition of the RSS feed reader to your page automatically subscribes yourself to the chosen RSS feed or podcast. The

260 Adding Dynamic Content 5. (Optional) Select a different color, font, font size, or font style for the feed's Title, Headline, or Summary

Adding Dynamic Content 261 Understanding e-commerce E-commerce entails the buying and selling of goods on the Internet. It's difficult to escap

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

262 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 263 Inserting an e-commerce object (PayPal) The creation of e-commerce objects within WebPlus takes a Wizard-based approach.

264 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 265 • Currency: Set the currency in which the transaction will be made in. • Price: The price for the item. Shown on-screen

266 Adding Dynamic Content 9. In the Extra Customer Information dialog, choose to prompt the customer for an address, don't prompt, or requir

Adding Dynamic Content 267 To convert to a standard form: • Right-click on the existing e-commerce form and choose Convert to Form. Using Smart obj

268 Adding Dynamic Content • Enable CAPTCHA anti-spam protection. • Apply a Visual Styles (theme) to your blog. • Use Editor groups for multi-au

Adding Dynamic Content 269 Shout Box Acts as an interactive chat window similar to Windows Messenger. Let your web visitors chat amongst themselves.

270 Adding Dynamic Content To create a Serif Web Resources account: 1. Click Smart Object Tool on the Web Objects toolbar. 2. In the login dial

Adding Dynamic Content 271 Creating Smart objects Think of a Smart object as being a general term for elements that you'll use on your page—as

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

272 Adding Dynamic Content 5. From the dialog: • Enter your own Name for the object. • (Optional) Select a Profile from the drop-down menu if cr

Adding Dynamic Content 273 To add a Smart object to your web page: 1. From the Smart Objects dialog, select the chosen object from the left-hand pa

274 Adding Dynamic Content Managing Smart objects While editing Smart objects affects how the object operates, managing Smart objects can be used t

Adding Dynamic Content 275 • Enter the Username, i.e. email address, associated with the account. If you're not sure of the exact username, yo

276 Adding Dynamic Content Access control Access control lets you apply security to your site, either to restrict access to specific pages or to co

Adding Dynamic Content 277 • For Smart object security: provides access control for forums and blogs (see p. 267). • Forums: for management of use

278 Adding Dynamic Content 2. Login to Serif Web Resources (See Using Smart objects; p. 267). This assumes you have a valid login; otherwise you w

Adding Dynamic Content 279 3. To switch on self-registration user sign up to the Smart object, check Enable signups to User List. This allows a Sig

280 Adding Dynamic Content Adding users (manual or self-registration) adding users manually Typically, adding users manually is great for controll

Adding Dynamic Content 281 With Require activation checked, an activation link will be emailed to the user along with an auto-generated password.

Getting Started 21 The site opens to the first (Home) page, with the Studio's Site tab displayed on the right, showing the various pages that c

282 Adding Dynamic Content 1. Click the Smart Object Tool button on the Web Objects toolbar. 2. With your User List Smart object selected in th

Adding Dynamic Content 283 Enabling access control To enable access control on your web page: 1. With the web page currently in view, click Page S

284 Adding Dynamic Content Adding a login box WebPlus lets you add a login/logout input box onto a page in your website. This means that a registe

Adding Dynamic Content 285 Advanced user control Some additional features allow you to import/export, suspend, and ban/unban users within user group

286 Adding Dynamic Content WebPlus will automatically create a user group, also called Golf Forum, to allow self-registration user sign up and sign

Previewing and Publishing 13

288 Previewing and Publishing

Previewing and Publishing 289 Previewing your site Previewing your site in a web browser is an essential step before publishing it to the web. It&ap

290 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 291 • Connection speed: Shows download times for 56k dial-up modems or a range of different broadband connection speeds.

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 To help you quickly build a site from scratch, WebPlus offers the QuickBuilder Bar. The tab hosts commonly used objects and featu

292 Previewing and Publishing • The FTP address of your web host will be a specific URL starting with "ftp://" as supplied by your servi

Previewing and Publishing 293 You can choose to Save FTP account details either to your machine (account details will be saved into WebPlus and won&

294 Previewing and Publishing You'll see a message when all files have been successfully copied. Click OK. 10. From the drop-down menu in the

Previewing and Publishing 295 To export all FTP account details: 1. From the Publish to Web dialog, click Accounts... 2. In the dialog's FT

296 Previewing and Publishing 3. To safeguard your site, check the Backup the document to the remote server option. If the site is unsaved you&apo

Previewing and Publishing 297 Quick Publish Quick Publish allows you to quickly upload and view the currently displayed page—useful for live verific

298 Previewing and Publishing If you attempt to use Quick Publish without configuring your account settings first, the Quick Publish Configuratio

Previewing and Publishing 299 OR • Click the Publish site button on the Standard toolbar (or choose Publish Site from the File menu and select P

300 Previewing and Publishing

Previewing and Publishing 301 Index 14

Getting Started 23 Font substitution WebPlus supports automatic font substitution as you open a WebPlus site which has fonts which are not stored on

302 Index

Index 303 2D filter effects, 151 3D filter effects, 154 Instant 3D, 156 absolute URLs, 223 access control, 269, 276 for Smart objects, 285 signing

304 Index solid fill, 209 tinting, 210 color fill effect, 151 Color Scheme Designer, 211 Color Schemes assigning, 214 modifying, 214 presets, 212 c

Index 305 WebSafe, 98 formatting text, 97 Paste Format for, 121 forms, 240 controls editing, 248 controls for, 245 creating, 242 structure, 240 subm

306 Index iTunes, 252 submission of podcasts to, 256 subscribing to, 257 JavaScript, 239 navigation bars, 42 joining outlines, 128 key features, 4

Index 307 joining, 128 locking size or position, 130 measuring, 54 moving, 121 ordering, 130 resizing, 122 rotating, 123 selecting multiple, 118 sel

308 Index borders for, 159 cropped adjusting, 172 effects for, 182 export options for, 177 hyperlinking to, 223 importing, 169 inserting, 170 via M

Index 309 ruler guides, 51 rulers, 52 saving a site, 23 scanned images importing, 181 schemes (color), 211 modifying, 214 search engine descriptors,

310 Index hyperlinking to, 223 Square Crop Tool, 125 Startup Wizard, 17 sticky guides, 52 story text flowing in frame sequence, 83 Straight Line To

Index 311 transparency, 217 Transparency tab (Studio), 218 Transparency Tool, 218 typeface, 97 User List (Smart object), 269, 277 vector images impo

24 Getting Started

Notes

Developing Sites and Pages 3

26 Developing Sites and Pages

Developing Sites and Pages 27 Understanding site structure and navigation Unlike a printed publication, a website doesn't depend on a linear p

28 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 29 Navigation In WebPlus, adding navigation between your web pages is easy with navigation bars, each pre-programmed to

30 Developing Sites and Pages shared by multiple pages, as illustrated below. By placing a design element on a master page and then assigning severa

Developing Sites and Pages 31 Viewing pages The WebPlus workspace consists of a "page" area and a surrounding "pasteboard" area

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 and pasteboard with respect to the main window. The view automatically re-centers itself as you drag objects to the ed

Developing Sites and Pages 33 An eye icon in the master page icon denotes the currently viewed page. This example shows a viewed (but unselected)

34 Developing Sites and Pages • Double-click the icon for the master page you want to view. To switch between the current page and master page: •

Developing Sites and Pages 35 To add a new blank page: 1. Click the down arrow on the Add button directly above the Site tab's Pages window

36 Developing Sites and Pages 3. From the Add New Page from Template... dialog, select a template from the left-hand pane, and check the page for a

Developing Sites and Pages 37 2. Click the down arrow on the Add button directly above the Pages window. From the drop-down menu, choose New Off

38 Developing Sites and Pages To clone a page: • In the Studio's Site tab, right-click on a selected page and choose Clone Page. An identical

Developing Sites and Pages 39 3. (Using drag-and-drop) Drag the page entry up or down and drop it at a new position in the tree. Watch the cursor

40 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 41 To reorder the page content and master pages: • Select the entry in the tab and click the Up or Down button. To te

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

42 Developing Sites and Pages Navigation types WebPlus offers various types of navigation bars depending on the level of functionality and design yo

Developing Sites and Pages 43 3. From the dialog's Type tab, a default gallery of navigation bars appears. For a different navigation type, s

44 Developing Sites and Pages When including anchors in navigation bars, you'll be able to navigate between various sections of long pages or

Developing Sites and Pages 45 navigation bars by creating a custom navigation tree—you can also add, edit, or delete elements which will access a r

46 Developing Sites and Pages Alternatively, you can use the Copy... button to copy the navigation tree used in a navigation bar already in your sit

Developing Sites and Pages 47 Including/excluding pages in navigation By default, all pages in the tree are included in navigation—that is, they ca

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

Developing Sites and Pages 49 Choose Site Manager>Navigation Manager... from the Tools menu. The Site Manager is launched with Navigation Manag

50 Developing Sites and Pages Using layout aids Layout guides are visual guide lines that help you position layout elements, either "by eye&quo

Developing Sites and Pages 51 To show or hide layout guides: • Click or unclick Guide Lines on the View menu. This setting also affects any ruler

Contents 4. Working with Text ... 73 Importing text from a file ...

52 Developing Sites and Pages • For precise ruler guide placement, check Ruler marks in Tools>Options>Layout to snap guides to ruler marks. •

Developing Sites and Pages 53 Adjusting rulers By default, the horizontal ruler lies along the top of the WebPlus window and the vertical ruler alo

54 Developing Sites and Pages Rulers as a measuring tool The most obvious role for rulers is as a measuring tool. As you move the mouse pointer, sma

Developing Sites and Pages 55 Some site properties such as page and search-engine optimization settings are also mirrored on individual pages (via

56 Developing Sites and Pages Serif Web Resources Scheme Matching Applies your site's color scheme to published Smart objects. Navigation Tre

Developing Sites and Pages 57 Setting page size and alignment Default site property settings for Width and Height determine the dimensions of any n

58 Developing Sites and Pages The Site Manager offers a more powerful method of not just viewing but modifying the properties of multiple pages at t

Developing Sites and Pages 59 Width and Height Each master page always determines the size of pages that use it. For individual pages that don&apo

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

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

Contents Attaching objects to text ... 133 Creating groups...

62 Developing Sites and Pages Search engine optimization Indexing involves the automatic collection of information about your web pages by search en

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

64 Developing Sites and Pages 3. In the top window, type in a brief description of your site. Although the description can be any length, the first

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

66 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 67 Prioritizing text with Heading HTML tags It is possible to assign paragraphs (or text styles) in your HTML frame or H

68 Developing Sites and Pages Designs can be added to any pre-supplied category; the My Designs category exists simply for ease of use when storin

Developing Sites and Pages 69 To move or copy an object into the Gallery: 1. Using the Categories drop-down menu, select a category into which you

70 Developing Sites and Pages A more advanced Map feature is also available for more complex mapping requirements, including an unlimited number of

Developing Sites and Pages 71 • To insert the map at the default size, simply click the mouse. OR To set the size of the map to better fit your pa

Contents 10. Color, Fills, and Transparency ... 207 Applying solid colors ...

72 Developing Sites and Pages 3. Paste your copied key from the Google.com website into the dialog's Google Maps key text box. 4. To enter

Working with Text 4

74 Working with Text

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

76 Working with Text To import text from a file: 1. (Optional) If using an existing empty text frame, select the frame. If inserting text into a p

Working with Text 77 What's a text frame? A text frame is effectively a mini-page, with: • Margins and column guides to control text flow. •

78 Working with Text with the Pointer Tool) a blinking insertion point in the frame's text. In this mode, you can edit the text with the Point

Working with Text 79 HTML-compliant Styles   Transparency  1 Borders  1 Warp  1 2D/3D Filter Effects  1 Instant 3D  1 1 If applied

80 Working with Text To delete a frame: • Select the frame and press the Delete key. (If there's a selection point in the text, pressing Dele

Working with Text 81 You can drag the column guides or use a dialog to adjust the top and bottom column blinds and the left and right column margins

Welcome 1

82 Working with Text To edit frame properties using a dialog: 1. Select the Creative frame and click the Frame Setup button on the Frame context

Working with Text 83 It's always a good idea to preview your HTML frames (via Preview in Window or via your browser)—especially if Overflow i

84 Working with Text Using artistic text Artistic text is standalone text you type directly onto a page. Especially useful for headlines, pull quot

Working with Text 85 • Artistic text doesn't flow or link the way frame text does; the Frame context toolbar's text-fitting functions are

86 Working with Text You can also double-click to select a word. Now you can type new text, apply character and paragraph formatting, edit the t

Working with Text 87 The text now flows along the specified path, e.g., for "Path - Top Circle." To add artistic text along an existing l

88 Working with Text To create text and path at the same time: 1. Choose one of the Path Text tools from the Text flyout: The Freehand Path Text

Working with Text 89 Selecting and entering text The selection of frame text, artistic text, and table text follows the conventions of the most up-t

90 Working with Text To flow text to the next column (Column Break) or frame (Frame Break): • Press Ctrl+Enter or press Alt+Enter, respectively.

Working with Text 91 Setting paragraph indents When a text object is selected, markers on the horizontal ruler indicate the left indent, first line