Basics

The basic intend of WebYep is to make parts of a web page editable for a "user" - someone accessing the page using a web browser, who provided the right username/password. You as the web designer only need to insert the appropriate WebYep element in place of a static text or image in the page and install the webyep-system folder in your website.

Quick setup guide:

  1. If you're using Adobe® Dreamweaver®, install the WebYep Dreamweaver Extension: Double click the webyep.mxp file coming with the WebYep package. This will launch the Extension Manager and start the installation.
  2. Copy the webyep-system folder coming with the WebYep package into the root folder of your website (where your homepage - index.html - resides).
  3. Set the username and password in the file config-inc.php inside the webyep-system folder (switch to Code View after opening it with Dreamweaver - this file is PHP code only!) and save it.
  4. Upload the whole webyep-system folder to your webspace (via FTP).
  5. Prepare WebYep (see What does "Preparation" mean?)

Creating pages - a quick guide:

  1. Create a normal HTML page but use ".php" as the file's extension, not ".html".
  2. Insert any static (non-editable) content to design the page.
  3. In place of text or images that should be editable, insert the appropriate WebYep Elements.
    When using Dreamweaver, choose the WebYep Elements from its object palette, category "WebYep". Otherwise insert the appropriate PHP code fragment manually – see Reference section, especially also the item about "The Init Code") .
  4. Also insert the WebYep Element "Logon Button" somewhere in your page.
  5. Save and upload your page to the webspace (via FTP).
  6. Open the uploaded page up in your web browser.

More under "Reference" and "Tutorials".


To Top of Page

Technical details

What does "Preparing" mean?

To "prepare" WebYep in Dreamweaver, right click the webyep-system folder in the Remote Site file list and choose "Prepare WebYep" in the appearing popup menu. To see how to prepare WebYep using other applications, see "Preparing WebYep on the server, Technical Details", for further details see "Installation".

What are "WepYep Elements"?

WebYep Elements are little fragments of PHP code, that are embedded in the HTML code. When using Dreamweaver and the WebYep Dreamweaver Extension these Elements can be inserted by using the object palette (tab "WebYep") or the "Insert" menu. But you can also insert the necessary PHP code fragments directly - see the reference for each WebYep Element for details.

Layout of the webyep-system folder

  • webyep-system
    • config-inc.php (this is where you set up the username and password)
    • info.php (shows system information, installed licenses and WebYep status)
    • program contains all WebYep program scripts and data
    • data (contains the data entered/uploaded by the users)
      • documents (list of pages using WebYep)
      • license (license codes)
      • ... various files containing all data entered by the users (texts, images, ...)
    The "data" folder should be backed up from time to time (see "Backup").

To Top of Page
© 2009, Objective Development