AckMe Web Design

Why AckMe? . References . Services . FAQ .


What are the basic HTML tags?
These are the basic HTML tags you will use in your page.  Most tags must have a start and an end tag to work properly.
Break.  This will put the text after the <br> on a new line.
<br>

Paragraph.  This will start a new paragraph with a blank line between.
<p>

Bold.  The text between the tags will be bold.
<b></b>

Image.  The image file will be displayed.  Here are some additional attributes you can set:
<img src="img/my_file.gif"> - default
<img src="img/my_file.gif" align=right> - place image to the right of text.
<img src="img/my_file.gif" border=0> - turn the border on the image off.
<img src="img/my_file.gif" width=200 height=200> - set the size of the image.
<img src="img/my_file.gif" alt="this is my file" > - alternate text for the image.

Header Level.  This will set the header level for the text between the tags.  These are used in outlines and to highlight and offset text.
<h1></h1>
<h3></h3>

Web Link.  This will allow you to link to other web pages on your site or out on the web.
<a href="http://www.ackme.net">AckMe</a> - link to my (external) web site
<a href=page2.htm>My Page Two</a> - link to page2.htm on your site (internal)
<a name=index1>Index One text</a> - Define a page index anchor
<a href=#index1>Goto Index1</a> - Goto index1 on the same page
<a href=page2.htm#index1>Goto Index1</a> - Goto index1 on a different page

Table.  The example below will create a table with 2 rows and 2 columns.
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
 

What is Web Page Manager?
Web Page Manager (wpm.cgi) is an interface which allows you to modify and maintain your website over the web.

How do I run Web Page Manager?
To run WPM, add /wpm.cgi to your domain name (ie. www.<yourdomain>.com/wpm.cgi).  Let me know if you forget or need to change your password.

How do I upload and display new images to my web site?

  • First prepare an image to download on your machine.
  • Be sure the image is "web ready".  This means it is sized and compressed to look good and load fast on a web page.  It should be of type .gif or .jpg, but other type will work.
  • Go to the "Download new image file" section of the page.  Use the Browse... button to find the image file on your local machine.
  • The enter the name you want to use for the file on you web site (host) in the "New host file name" field.  This name is usally the same as the source file name.
    • Here a some rules to follow for host file names.  No spaces or special characters.  Use all lower case.   The file type should be .jpg or .gif.  (ie. "my_file.gif" is good, "My File!GIF" is not good).
  • The downloaded file will be displayed if things go well.  The file will be placed in the "/img" directory on your web site.
  • To display the new image on a web page, insert this HTML tag
    • <img src="img/my_file.gif"> .
    • See the HTML Guide for more image display examples.
How do I change the text of an existing web page?
  • Click on the <page>.htm link under the "Edit Pages" section of WPM.
  • Go to the Variable Field where the text you want to change is.
    • This is usually the BODY section.
  • Change the text as required.
    • Be careful to use proper HTML syntax if adding HTML tags.
    • Be careful not to corrupt existing start and end HTML tags.
  • Press the "Update" button after the last field to create your test page
    • A <page> _test.htm link will appear at the top of the screen.
    • The is a test version of the changes you have made.
  • Click on the <page>_test.htm to verify your changes
    • the changes will appear in a new browser window - BUT - the edit window is still open.  Just go page to the other browser window to continue.
  • Make more changes by repeating above steps if needed.
  • Press the "Generate Live Pages" link once you are happy with your changes.
    • All live pages will be created.
How do I add dates to my calendar?
  • The DATES field has this format:
    • <date1>|<short text1>|<long description1>
    • <date2>|<short text2>|<long description2>
  • One date is on one line.  Each new date is a on a new line.
  • The fields are separated by the | (pipe) character. (shift \)
  • The <date> field has 2 formats:
    • "yyyymmdd" this a standard singe date line entry
      • example: "20010101" is January 1st, 2001
    • <start date>-<end date>-<day of week> - set of dates on a given day of the week.
      • <day of week> is 0-6 where 0=Sat, 1=Sun, ... 6=Fri
      • example: "20010101-20010129-2
        • This shows a set of dates on Mondays in January 2001.
  • The <short text> is what will show on the calendar.  It should be short if possible.
  • The <long description> is what will show on the Day details after the calendars.
    • The long text must be on a single line, but the the HTML can format to multiple lines (with the <br> tag)
    • A substitution variable can be used to simplify and re-use long descriptions

    • Example:
      Define variable field "_HOME" with formatted address info
        My House<br>
        633 Delafield St.<br>
        Waukesha, WI
      Create Date Line:
      "20010101-20010129-2|My House|See you 9am at<br>[V>_HOME<V]"
    • Note that _HOME will expand into the variable contents.
How do I define a new variable field?
  • Go to the page you want to define a variable on
  • Go to New field section
  • Enter the variable name in the first field (Uppercase is suggested - ie FIELD1)
  • Enter the contents in the Field below
  • Press the update button
  • You can edit the page again and use the contents of the field with the syntax
    • [V>FIELD1<V]
AckMe Web Design

2010 - don@ackme.info