First Steps

<print>

In this tutorial you will learn how to use the basic WebYep elements, how to apply them to an example page and how to test this example page.

Please use a website with WebYep installed for this tutorial (see Installation).

Creating the page, inserting the WebYep Elements

1. Create a new document called "wy-yesy.php".

2. Insert three empty paragraphs.

3. Position the cursor in the first line.

4. Click the WebYep Short Text Element in Dreamweaver's Object Palette (category "WebYep"). This will insert that element into your page at the current cursor position.

5. Position the cursor in the second line.

6. Insert (right one after the other) a WebYep Image Element (fourth from left in the object palette) and a WebYep Text Element (third from left).

7. Position the cursor in the third line.

8. Insert a WebYep Logon Button (left most in the object palette).

You should now see four WebYep Elements in your page (tiny yellow/orange icons) - please make sure that you have enabled the display of the "Invisible Elements" (see Tutorials Introduction).

Configuring the WebYep Elements

1. Click on the WebYep Element (the yellow icon) in the first line: The Short Text Element.

2. In the inspector panel (menu "Windows", item "Properties") the properties of the WebYep Short Text Element are displayed.

3. Enter "Title" as the "Fieldname".

4. Click the first WebYep Element in the second line: The Image Element

5. Enter "Photo" as the image name. For "HTML-Attributes" enter:

align="left" hspace="20"

6. Click the second WebYep element in the second line: The Long Text Element.

7. Enter "Text" as the fieldname.


To Top of Page

Testing the page

Please make sure you have transferred the webyep-system folder to your web server and have prepared WebYep (see Installation).

1. Transfer the page (wy-test.php) to your web server (upload via FTP).

2. Open the page in your web browser by entering the appropriate address (URL) - e.g.:

http://www.mywebsite.com/wy-test.php

3. Click the lock icon in the page (the WebYep Logon Button).

4. When the logon window pops up, enter the username and password you configured when installing WebYep (default is username "admin" and no password).

5. Several edit icons (with a pen symbol) should appear - click them to edit the content of your page.


To Top of Page
© 2009, Objective Development