Released 17th Nov 2014 • Updated (126.96.36.199) 8th Dec 2015 • Discontinued 6th Jan 7th 2017
With the Release of Affinity Designer for Windows, Serif announced that CraftArtist, DrawPlus X8, PagePlus X9, PhotoPlus X8, Photo Projects, and PanoramaPlus X4 are now legacy products. All are now discounted to £20. WebPlus X8 has since been discontinued, and is no longer sold. I assume that this is because selling it would oblige Serif to continue support for Serif Web Resources. No doubt we will soon see an official announcement about the demise of SWR. As long as there are some still using WebPlus you can get support on CommunityPlus. I plan to continue using it for many years yet as it suits my needs well.
Due to the success of Affinity Photo and Affinity Designer for the MAC, Serif decided to concentrate their efforts on the Affinity range of products. Serif stated long ago that there would be no version of WebPlus to create Responsive web sites, so it comes as no surprise that there won’t now be a WebPlus X9. The wish-list is obsolete, so I have removed it from this page. The older versions of WebPlus are also obsolete so I have merged older content to one section on legacy features.
There will be no Affinity web designer, but Affinity Designer (vector graphics), Affinity Photo (photo-editing and stitching), and Affinity Publisher (desktop publishing) will be ported to Windows in due course. Ask on the Affinity Forum for road-maps and feature sets.
This is a brief summary of the main new features in the final release of WebPlus:
An audio player with ten different skins (selected in Site Properties for the entire site) to play common audio files.
This demo shows the correct pronunciation for a few Pāli words.
Quickly and easily add a magnifying glass to an image for users to zoom in.
Add a multitude of CSS properties to objects by selecting from a menu. I have added a Box Shadow to the Quick Rectangle behind the Audio Player, matching the colour to the pink in the player’s control.
Use any installed font that permits embedding to increase the design possibilities, without the need to do any coding with @FontFace or upload any fonts. WebPlus now does all the hard work for you. Just remember the basic principle of “Less is More.” Don’t overload your site with lots of large fonts, or spoil the design due to inconsistent use of typefaces.
I have used a custom font here just to show-case the feature, but I wouldn’t recommend mixing fonts in the same story without good reason, e.g. to show code in a different typeface. I increased the font size from 12 to 14 point to compensate for the smaller x-height of the Mandala font used for this text compared to that for Verdana.
My free OpenType fonts have lots of symbols for Chess: ♔♛♖♝♘♟ etc. Using custom fonts in this way greatly extends the versatility of WebPlus for foreign languages or special purposes. For me, this feature alone makes it worth upgrading to WebPlus X8 as I develop my own fonts, and need to use lots of Latin Extended characters on my Buddhists sites. It has long been a problem to use correct spellings and still be sure that site visitors can read the texts without downloading and installing special fonts. Even if one needs to use Burmese, Singhalese, or Thai words, as long as one has suitable font that supports those character sets, webPlus will do all of the coding and upload the fonts automatically.
Exclude any page from publication if it is not yet ready to publish. Very useful in the design stage, or when reviewing products not yet ready for sale.
Large video files, PDF files, or archives can be uploaded just once unless the linked resource is updated locally.
Make it easy for site visitors to bookmark items by adding a Pinterest Button
Save a site project file *.wpp as a package, embedding all linked content and fonts. When opening the package on another PC, you will be asked to choose a folder to which to extract the content. This makes it easy to keep the *.wpp project file as small as possible for quick backup to the server by linking all content, while preserving a copy with all of the content for moving the project to a laptop or someone else’s PC. This current site is just 587 Kbytes as a *.wpp project file, but 168 Mbytes when saved as a package with all of the PDF files, Videos, etc.
Secure and encrypted uploading of data and file management on secure servers.
A dedicated studio for designing sliders.
The Serif Web Resources interface was redesigned and improved for easy management of Smart Objects like Forums and Blogs.
The Task Manager Tab replaces the Site-checker with smart reminders of tasks that need to be done to fix site problems. Users can add their own tasks to create a ToDo list.
Improvements to 64-bit scanning already implemented in PagePlus.
Add text or logos to images to watermark them. Users often ask how to protect their images on the Internet. It’s not really possible, but adding a watermark with your web site’s URL or company logo makes them rather less useful to others, and may be helpful if you do decide to take legal action.
I have added a text watermark to the image on the right. It’s easy to change the font, font style, text size, style, colours, drop shadow, position, offset, rotation, etc., or one can use another image as the watermark. Watermarks have no effect on the image that is embedded or linked to the *.wpp file, so they are easily removed. They are combined with the original image on uploading the page to create a new watermarked image.
For me, the benefit of font embedding is the most valuable improvement. My Buddhist sites need Latin Extended Additional characters and I develop my own fonts, so being able to embed fonts easily without writing and testing @fontface code is a huge bonus. The Audio Player also solved problems with playing MP3 files without opening a new tab.
The usual caveats apply when transferring sites from older versions:–
WebPlus X7 improved performance with a 64-bit version, and updated the output code with HTML5 support. Below is a brief summary of some legacy features also found in WebPlus X8.
The feeds-based Startup Assistant helps new users get up and running quicker with video tutorials. The learning page now links directly to Community Plus, Serif’s official Help site.
The Old Serif Forum is archived and may be useful for answers to questions about older versions of Serif products.
The news feed keeps you informed about the latest updates and other Serif News such as Patches, and special offers.
Insert videos using the Flowplayer to play MP4 video without users needing to install Flash player. The player uses your own video files, so your site visitors don’t need to see YouTube or Vimeo ads. The player can be customised in many ways to change its size and appearance on your site. However, there is a small banner on the player, which can only be removed by licensing the player.
Workspaces have been around as long as the Studio Tabs. In previous versions one could save and load customised workspaces to suit different projects. Toolbars and menus could be customised before too, but to backup changes entailed a two-step process of exporting a Windows registry key and copying a file from the %AppData% folder. In WPX7, the toolbars and menus are now saved with the workspace, so the user only needs to copy the relevant *.wtb file from the %AppData%\Workspace Profiles\ folder to an external drive to make a backup. A drop-list on the context toolbar makes it easy to switch workspaces.
Tip: Remember to save any changes made to the toolbars, menus, or studio tab layout to a workspace file before selecting another one.
This is a great time-saver. On starting WebPlus you can now have it load the site or sites you were last working on, display the page you were working on, and resume just where you left off, already zoomed in to fit the page width, or however you prefer to work. See Options, General, On Startup.
When you preview your site in any browser, there is no longer any choice between previewing the current page or the whole site. The current page is previewed automatically, and other pages are generated as and when they are needed if you browse from the current page. This is also a huge time-saver. Instead of having to return to WebPlus, and navigate the site to preview a different page, you just navigate in your browser. If the page is long and complex it make take a few seconds to be generated, but you never have to generate the entire site to preview all pages as in earlier versions.
This view gives an overview of the entire site structure as a tree, and allows pruning and grafting of pages and their child pages to another branch of the tree.
Although it is more user-friendly than the Site Tab, it is far less useful for restructuring a web site than the outline view that the Site Tab provides. Unless your site is less than 10-20 pages it won’t fit the window at a size big enough to read the page titles. NetObjects Fusion does it much better.
The screen shot shows a crop from the Structure View of the current site, for which 14 out of 28 site pages will fit my 1920 x 1080 monitor at a size large enough to tell which page is which from the Titles or page previews.
WebPlus has medium (18 pix) and large (24 pix) icons for those with large monitors or less than perfect eyesight. A new Colour Toolbar makes it easier to apply fill, line, and text colours, and a Studio Toolbar gives quick access to your favourite studio tabs.
The menus have been totally rearranged to give those upgrading something new to learn, and to puzzle new users too no doubt. What flipping objects has to do with formatting is anyone’s guess, and all of the Tools (Spell-check, Thesaurus, and Proof-reader) have been moved to the Text menu. Its not all bad, of course, there are some logical changes, but I recommend spending a few hours customising the menus so that they make sense to you before you start using WebPlus in earnest.
The site navigation combo box in the status line has been improved to make it much easier to navigate large sites. On opening the combo box, the site structure is shown collapsed or expanded in the state it was when last used, making it easy to move around one branch of a large site without scrolling down a long list of pages to find the right one.
Detect if site visitors are using a mobile device and redirect them to another page. WebPlus can produce high quality sites for mobile devices using redirects, but it does not create responsive sites. See the tutorial on Creating Mobile Sites and Pages
A new form control for site visitors to select dates from a calendar.
There are many similarities between PagePlus and WebPlus, so for details of page layout and graphic editing features please refer to the PagePlus review page:
WebPlus lacks some of the finer typographical controls that are not relevant to HTML publishing. For example, OpenType support would not make much sense without @FontFace and Web Font support.
From the file menu, select Preview Site. Edit the Browser Preview List to rearrange the priority of any browsers installed on your system. By default, the shortcut Alt P will preview the site in the current window using Internet Explorer. Shortcuts Alt 1, Alt 2, etc., will preview the current page in the browser of your choice. These options will all view a locally saved copy of the current site. From the same Preview Site menu you can also select the option to view the site online in your default browser.
WebPlus is a WYSIWYG program, which makes it very easy for beginners to use. There is no need to know anything about HTML code, though if you do you can add some extras. Since I learnt web publishing on NetObjects Fusion, and do all of my paper and PDF publishing using PagePlus, it is very for me to create web pages in WebPlus. Layout tools make it easy to arrange text frames, artistic text, images, tables, calendars, and other objects on the page.
Text can be edited directly on the page, or in WritePlus — a powerful text editor built in to WebPlus. WritePlus opens in its own window, and task switching can be used to view the layout on one while editing a text frame on another page. WebPlus has several powerful tools for working with text, whether it is in HTML text frames, Creative text frames, Artistic text, or text in Tables and Calendars.
WebPlus includes the table and calendar features from PagePlus, making it easy to create tabular layouts of club fixtures, competition results, product price lists, and so forth. Automated calendars offer many different layouts, and the calendar format editor extends the default styles to produce all kinds of designs. Tables can be HTML tables, or Creative Tables, but they are not dynamically updated.
A wide range of popular image formats can be imported: BMP, FPX (Kodak Flash Pix), GIF, Animated GIF, ICO, JPG, J2K (JPEG 2000), IMG (Digital Research), PCD (Kodak Photo), PCT (Macintosh PICT), PCX, PNG, Animated APNG (Always use original file for export), PSD (PhotoShop), PSP (PaintShop Pro), RAS, SPP (PhotoPlus), SVG and SVGZ (Exported to bitmap formats), TIF, TGA, WDP (Microsoft HD Photo), EMF, SMF (Serif Metafile), and WMF.
Images can be left floating in the page, placed inline allowing text to wrap around them, or placed to behave as characters that flow with the text. Image export options determine how they are output. Run the Image Export Manager from the Tools menu to set the options for each image.
WebPlus comes with a selection of clip-art and stock photos. Open the Gallery tab on the right to select clip-art, open the Media Bar at the bottom of the window to browse the collection of photos. Add your own photos to new albums in the media bar, and organise them for each project. Drag and drop images onto the page, or into picture frames. Search albums using image tags.
Images can also be scanned directly into WebPlus or inserted from a Photo CD.
Images can be adjusted using the context toolbar, recoloured using the swatches tab, special effects can be applied, and tools can be used to crop, resize, or rotate them. Artistic effects or Pro Edits can be applied using PhotoLab (or edited in PhotoPlus if you prefer), and unwanted parts of photos can be removed using the Image Cutout Studio.
Metafiles can be converted to curves and ungrouped to break them apart. To recolour them, right-click and select the “Colour mapper.” Quick Shapes and lines can be used to create new images or add to existing clip-art. Selected objects can be converted to bitmaps, or exported in popular image formats at the desired resolution.
To insert a photograph inside a shape, place the shape over the photo, select them both, and from the Tools menu, select “Crop to shape.”
To replace an image with another, double-click it, or click the “Replace picture” folder icon at the bottom of a selected image. This will not change the shape or size of the placed picture, so unless the image is replaced with one of the same dimensions ratio it will be distorted. In PagePlus, there is an option to convert a picture to a picture frame, but this option is missing from WebPlus. To work around this, select the square crop tool, and just click on one of the resize handles without dragging it. The picture will become a picture frame, and the picture can then be replaced without being distorted by setting the frame properties to “No scale.”
Another way to show multiple images in one place is to use animated GIF images with a slow frame rate. Animated PNG images (APNG) are supported by Firefox and Opera, but remember to set the export options to “Always use original image file and (never resample).” A rollover or animated marquee is another method (insert web objects).
Insert Shockwave Flash, Video, YouTube Video, or a Google Map. Unless there is a very good reason, avoid embedding sound in web pages. It is more likely to drive users away from your site than make them stay. Embed a media player or clickable link to start playing the audio file.
This are interactive objects like Forums that make use of Serif Web Resources. The content of the Smart Object on the web page updates dynamically as the content is modified by users.
Insert a results field first, then a site search to allow site visitors to search your site.
RSS feeds are indicated by a symbol by clicking on which the user can subscribe to that feed and keep up-to-date with any developments. Podcasts are syndication feeds just like RSS feeds, but offer slightly different options that reflect a podcast's use of digital media such as audio and video files. Put simply, RSS feeds will publish articles, while podcasts will broadcast information as episodes.
Page last updated on 09 January 2017