Introducing Pagespinner: HTML made easy

After learning to write HTML ourselves, we can now graduate to using the HTML assistant, Pagespinner. Thanks to Sean for the step-by-step guide below introduction to Pagespinner. PageSpinner (available as unlimited trial version, Mac only. PC users can try the free CoffeeCup. Pagespinner support page.

The Opening menu offers suggestions for:
New Empty HTML page – gives you a blank page, with the necessary tags, to start a page from.
New Page Assistant – choose an example template ( eg a page with some tables in it, or a page with a long list of sample links included )

Or, from the menu at the top of the screen, clicking File and ‘New Empty Page’ will also get you started..

A few PageSpinner Tips?
Choose ‘Window’ then ’setup’ then ’select browser’ and choose Firefox. This will allow you to test your page in Firefox by pressing the navy icon in the far top right of the Pagespinner code window.

Generally you will work within PageSpinner using page for writing text and code within, and keep a smaller ‘HTML Assistant’ window open beside it. Find this using Pagespinner – window – html assistant. The HTML Assistant can be used to easily insert necessary code for transforming parts of the page.

When starting a new page, use the pull-down menu in the HTML Assistant window and choose ‘document body’. This will give you options for defining the text colour, background colour or a background image for your page.

Want to quickly change the colour of particular text? Highlight your text, then from the top screen menu choose ‘text’, then ‘text colour’ and ‘other’ if you wish to use a colour other than the ones they suggest.

Want to quickly formatting text or photos to be centred? Highlight the text, then click on the ‘centre text’ icon. Change the code from ‘center’ to ‘left’ or ‘right’ if need be.

To delete any code or text from a page, you need to highlight the text, then press ‘command + delete’


~ by eugerino on April 20, 2010.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: