My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

Welcome to our demo site

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

This is an example of a macro Web site built entirely with the following software

PowerPointreg 2010 from Microsoftreg

ActivePresentationtrade Designer from GMARK PPT2HTML from PPTools

If we needed to explain how to use it wersquod have failedhellip so we wonrsquot

The site itself explains how we built it (in under an hour) though

+ +

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

Wire Frame

All great Web sites start with a well thought out wire frame

The wire frame defines where the various elements of your site go

From this you can decide what is always the same and where the actual content of your site will be placed

This is used as a basis to creating the PowerPoint slide master layouts needed

We decided on a relatively simple wire frame for this demo as shown to the right

Masthead

ActivePresentation Navigation

Left Article

ContentMain Article Content

Footer

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

Slide Master

The following objects are placed on the slide master

1 Masthead image2 Masthead text ldquoMy Web Siterdquo3 Masthead text ldquoCreated usinghelliprdquo4 Footer with hyperlinks for Contact

and About Us

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

Theme

The PowerPoint theme consists of 3 primary elements

1 Color palette2 Fonts3 Effects

Color Palette

We used a default palettecalled Pushpin

Fonts

We used a font family called MetaOT for all titles and body content

Effects

The effect family was set to Opulent

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

Layouts

Layouts were created in the Slide Master to cover the following types of content pages

1 Left navigation plus main article content to the right

2 Two column content3 Two column content with the right

column taking an image4 Content taking the full area

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

ActivePresentation DesignerThe ActivePresentation navigation is built using a 1 level tree as shown in the screenshot to the right

Multiple levels can be used for a site with more pages

Style is set as per the button below and sound is not used as itrsquos not supported by PPT2HTML

View Style Tab

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

ActivePresentation DesignerThe style of the menu bar is created with a custom template that is based on one of the pre-installed templates with a single change to adjust the position to be 8775 units from the top of the slide

View Tree Tab

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

PPT2HTML

The PPT2HTML configuration was changed from one of the pre-installed templates as follows

1 Base = Full Screen2 Modified to delete the navigation

table3 Size changed to 940x705

(Wordpress width)

View Template

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

PPT2HTML

The PPT2HTML template had the following lttablegt removed from the original template FullScreenhtm

lthtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=windows-1252gtltTITLEgtPrefsPageTitleltTITLEgtltheadgtltbody BGCOLOR=000000gtlt-- Diagnostic information --gtInfoComment

lt-- This produces a clickable image map so that your PPT links are also links in HTML --gtNavMap

lt-- This produces an image of the slide --gtltcentergtltimg src=SlideImage WIDTH=SlideImageWidth BORDER=NOgtltcentergtltBR gt

ltbodygtlthtmlgt

View Template

lttablegtltTRgt

ltTDgtltCENTERgt

ltA HREF=NavPreviousOrHomegtPreviousltAgt ltCENTERgt ltTDgt

ltTDgtltCENTERgtNavLinksToAllltCENTERgt

ltTDgtltTDgt

ltCENTERgtltA HREF=NavNextOrHomegtNextltAgt

ltCENTERgtltTDgt

ltTRgtlttablegt

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

AdvantagesBecause PPT2HTML converts your presentation to a set of images (read this image preloading FAQ) you can

1) Design whatever you want in PowerPoint and display exactly the same thing on any browser Therersquos no HTML coding no CSS to understand Just draw and publish

2) Produce highly accessible presentations as required by academic and governmental institutions3) Build easily copyrighted sites because there is no text or separate images to be copied4) Design layouts with ease5) Use any font and never be restricted by the default Arial Verdana type of limitation6) No server side scripting to learn to be able to build modular looking pages7) Very useful for simple sites or prototyping complex ones8) Flash is supported (see this FAQ) and JavaScript is supported (see this FAQ)

Disadvantages

For the same reason as in the advantages the following is what you donrsquot get

9) Optimised pages for narrow bandwidth Internet connections (but read this FAQ)10)PowerPoint animation engine is not supported but you can export builds as individual pages11)Styled hyperlinks are not supported

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |

My Web SiteCreated using PowerPoint ActivePresentation Designer PPT2HTML

Contact AboutCopyright 2011 copy GMARK Ltd||

DownloadIf yoursquore interested in finding out more about how this micro-site was built you can download the following packages

Trial version of ActivePresentation Designer

Trial version of PPT2HTML

PowerPoint file used in this demo

Home Wire Frame Template Theme Layouts ActivePresentation PPT2HTML Advantages Download| | | | | | | |