Web2Consult

Gadgets, Services and Tips for the Online Professioanal
Home     Office Live Tips     Toolbox     Solutions     Services     Professional 2.0     Blog     Contact Us     Feedback      
Website Tips     Business Apps     General Tips     Integration      

 Website

Tips to make the most of Page Editor and Site Designer


 
Want to make the most of Office Live's website design tools. Take a look at the Tips below to find out how to make the most of new Version 2 features, use the Table Module to help with page design and easily create slideshows from Powerpoint slides.
 
 
Tip Ease Key Features
Version 2 Checklist for Accounts started before 12 Feb 2008.   Easy  
To take advantage of new Office Live Version 2 features:-  
 
1. Use the new create/edit hyperlink option within your text to open your external links in a new browser window. Worth re-visiting any hyperlinks you already have to make sure these work OK - I have found multiple http://s  being created. Try out www.linktiger.com to check out your links and look for http://http:// entries!
 
2. Update your Contact Us module to send your email contacts to Business Contact Manager. May need you to delete and re-set up.
 
3. Add RSS feeds and display options to your data displays (List Publisher) and collect data (Form Designer) modules. May need you to delete and re-publish these modules to access these features.
 
4. Check out any HTML code, widgets or gadgets you have pasted into HTML modules. If they don't display or perform correctly, use the "adjust to content" option if needed or edit as required.
 
Use Tables for Overall Page Design   Easy  
Use a simple one row by one column table to hold all your content on a page or key areas of content that you wish to re-use elsewhere on your site. Select, copy and paste the complete table to other pages as needed. Hide or show the border and choose a background or upload an image as needed.
 
Image links with alt text   Medium  
To have an image that provides a link to another page / external site with easy to read text instructions for the user when their cursor rests on the image. Upload your image using Image Uploader. Open up an html module. Paste in and edit the code below to include yourimage file and your message and yourpage.
 
<a href="yourpage.aspx"><img alt = "your message" border= "0" src="/images/yourimage.gif" ></a>
 
Font and Alignment problems   Easy  
Iterative format changes can leads to format errors and unintended font sizes / colours. Look for empty spaces that may be holding old font definitions using your cursor stepping forwards and backwards through the page and backspace any you find. If all else fails copy the text you have created into Notepad, clear the page entry out and paste back in.
 
Aligning Gadgets and other items   Easy  
If you copy and paste html code from a Gadget into an HTML module, you may find that the Gadget image does not align properly (left, right, centre) on the page. Once you've checked it works within an HTML module, paste the Gadget code straight into the page where you want it and align with the Page Editor commands to get your alignment OK.
 
Use Tables within Tables   Easy  
To make sure pictures or content are aligned properly, copy it into a table with the right mix of rows and columns and then copy this table into another table's cell as needed. You can also change the background colour of each cell of the table or add a background image to fit your design needs.
 
Save Powerpoint 07 Slides as pictures for your Slideshow   Easy  
If you have a powerpoint presentation that you would like to show on your website then use the Save As >  Other Formats option to save as a GIF or JPEG. The save process will create a folder with all your slides as pictures in which can then be uploaded using the Image Uploader and displayed using the SlideShow module.
 
Redirect a page   Medium  
If you want a menu option to redirect the user to another site or page away from Office Live then set up a page including an html module with the following code in it, replacing targetsite with your target site. A word of warning - if you need delete this option - delete the page - do not open in Page Editor.
 
<script type=""text/javascript"">
parent.location.replace('http://targetsite.com');
</script>
 
 
 
The Tips showcased above are a subset of those we use on Microsoft® Office Live Small Business.
 
If you have a specific need that you would like help with please make contact.
 
Types of Tips and Tricks
 

Easy  

Simple to understand and apply just by using normal Office Live options.

Medium

Need a little effort to learn and apply new features within or outside Office Live

Hard

Relatively complex - need Advanced Design features or developer type skills.