The Xara Xone Tutorials XARA XONE XTREME PRO TUTORIALS 5
0  1  2  3  4  5  6  7  8  9  10  11  Download Zipped Tutorial 

THE XARA XONE | XARA.COM | THE XARA CONFERENCES

Xara Xtreme Website Creation Tutorial

Right click on the new HOME button and select Web Address... from the pop up menu. Key in ##1 (the HTML shortcut for the first page on the website) and press Change. This links the HOME button to the home page. It is not really necessary because the visitor is already on the home page. But we do want the visitor to see our zippy house symbol and if she or he presses the button it will just reload the page.

 

Xara Xtreme Website Creation Tutorial

Copy and Paste in Place (Edit menu or press Shift Ctrl v) the other buttons onto their corresponding layers. Add elliptical fills using the colors shown. Change the Web Addresses as indicated on the left.

    NOTE: Xtreme has two Paste options. If you press Ctrl v or Edit > Paste, Xtreme pastes the contents of the clipboard in the center of the screen. If you select Edit > Paste in Place or Shift Ctrl v, Xtreme pastes a copy in the same position from which it was copied.

Center the remaining symbols grouped with white circles on the appropriate and selected Layers. The question mark goes on the ABOUT US layer, the circle i goes on the OUR SERVICES layer, the dollar sign (or Euro or Yen or Won or Peso, or whatever currently sign you used) goes on the OUR FEES layer and the yellow lightning bolt symbol goes on the CONTACT US layer.

The last button, CONTACT US could link to a new page with various contact information. The web address would be ##5. However we can also use the CONTACT US button to simply launch the visitor's e-mail program using the HTML mailto: command.

Key in the command as shown above. Substitute your e-mail address in place of name@domain.com

Follow the e-mail address with a question mark (?) followed by (with no spaces) subject=Website Feedback. Replace Website Feedback (spaces between the words here are OK) with whatever message you want automatically placed in the Subject line of your visitor's e-mail message.

In the above example, when your visitor clicks the CONTACT US button, her or his e-mail program will automatically open with a new message addressed to your e-mail address and with the subject line Website Feedback automatically entered in the Subject: box.

To review where we are so far. We have a single home page with five buttons that serve two functions. On mouse over the button changes from gray to a glowing color and displays a 3D symbol in a matching color.

When any of the buttons is pressed, the browser will go to that page. So for example, if I mouse over OUR SERVICES, the button will have an orange glow and display the Info circle I symbol. If I press the OUR SERVICES button, the browser will load the third page (##3) and display its content.

Only thing is, we don't have a page 3 let alone a page 2 or any of the other pages. Yet.