FORMS
Forms are used in situations where the customer sends information to you via email. Sometimes it gets tough to negotiate through all the fields of information, so to make it easier to followcontact phw web designs we add a simple JavaScript add-in that highlights the field name with the input box. Thus, when the customer tabs through the form, the desired information and text box are highlighted.

Sometimes, the customer hits the "Enter" key before filling out the entire field and you end up getting an email with only some of the information. To prevent this, we mark the field names that are required with a small red *. If any required fields are left blank, or filled out incorrectly, the form will display an error message prompting the user fill in the required information and then reloads the information they have already typed into the appropriate input boxes. The image on the right shows what happens after hitting enter before filling in the required fields.

To see an example, click here to view our contact us page.

BLOGS
A blog (a blend of the term web log) is a collection of web pages maintained by someone in your organization with regular entries of commentary or descriptions of events. Our normal blogs allow you to enter as much text as you desire, and also one image (if your needs for video or more images are necessary, we can accommodate them too).

Not only can you post information to the blog, but your customers can post replies also. To prevent unwanted, trashy comments we require your customers to sign up with a valid email address before they can make a post. There are two options available, one is that a customer signs up and an email is sent to them which must be verified before they can post; the other option has the email sent to your organization and you do a manual check to see if they are indeed legitimate customers. Their comments are entered into an MySQL database so if they use foul language or whatnot, you can ban them form posting any further comments.

As you add your commentary to the blog, the main page grows and grows; so, to make loading the pages quicker, we build an archives page and put a link to it beside the add comment. Also, a view comments link is created with the number of comments submitted to date.

To see one of our blogs in action (and make comments if you desire) Black Hills Raptor Center in Rapid City, SD has given us permission to link up. Click here to visit their site. Feel free to navigate through the various pages,php web design Admin Tools there is also one of our slide shows there.

Creating the blog is really quite simple. You just open a password protected AdminTool™ page and fill out a few fields of information. Clicking the submit link copies your data to your database and it is instantly viewable to the public. User comments are just as simple to add, however they are not given the option to upload images. All of our AdminTools™ are just as easy to use.

SLIDE SHOW - large images, caption overlays bottom of image. Nice.
This Slide Show automatically displays one picture for about 7 seconds, then gets the next one from the database to display, etc. A caption of up to php web designs  slide showabout 50 words slides up from the bottom of the picture, stopping when all the text is displayed.

A mouse over will pause the automatic display feature of the show, moving the mouse off the picture will resume the automatic scrolling.

We feel that a SlideShow should display large images; the trend for display sizes is moving into the "Landscape" size monitor or wide screen. This show was designed for 900px height.

This add-in slide show uses our AdminTools web interface for easy data base access and simple 3 minute changes .
MENUS - Using animation to navigate your web site.
Menus should be both easy to access and un-cluttered. For example, on this page there are two different menus. The first and most obvious is the horizontal menu inside the logo at the top of the page.

drop-down menu This simple menu has only four places to go because the other links are embedded inside the body of the page using an "accordion" style menu system. Even though it is a simple menu, users should get some kind of notification that there is a link, so if you mouse over any of those four tabs, the color changes to indicate a button.

On the accordion menu, notice how when you click on any of the blue title bars, the currently open section closes and the new section opens. This design was used because of the vast amount of information on this particular page. We could have made it so that when a new box was opened, the others remain open on the page; but, we felt that would force the user to have to scroll up or down a long way to find new information and this may cause the user to miss something. Closing the boxes as we go eliminates that extra space requirement.

We have all kinds of menu systems available: horizontal, vertical, accordion and more. In the slideshow above, we show an example of a large web site that has a drop-down horizontal menu. As the cursor hovers over a particular section in the menu, more options drop down. If the category has multiple links available, those are displayed either down and to the left, right or both directions. This type of menu is for webs that contain a lot of information which is broken down into categories.
FOR SALE SHOWS - picture resize click feature / "fold-up" styles.
We have designed several different ways for you to display products on a web page that you have for sale. For example, maybe you have an E-Bay or other type for sale slideshowof auction account which offers a link for viewers to see more information or photos of the item you are selling. We have 3 simple solutions available which display either 2, 3 or 4 images. The images are clickable and will expand each click to 3 different sizes.

Click here to see the 2 image display. This one has an image on the left and right hand sides of the data you want to display whereas the others display the 3 or 4 in a left to right row with the data directly below all of the images..

Of course these jQuery displays are dynamically driven by our AdminTools connected via php and MySQL and they are fully customizable to meet your needs.
PHOTO GALLERY - Mission Mountains (images are framed in a Hickory Frame).
This Photo Gallery is a spring-time visit to the Mission Mountains in Western Montana.

The gallery offers a title and a caption, both displayed to the right of the image beneath the controls. On this sample, only the first image has a title and caption; however, each picture could have their own title and caption.

An interesting part of this gallery is the wood frame simulation, making it appear as if it were shown in an actual gallery. Notice how the light reflects differently from various parts of the frame.

These pictures of the Missions show how much snow we received in the winter/spring of 2011. Enjoy!

SLIDESHOW - Meal time for an Osprey.
an Osprey looking over the menu While on a walk one morning, I came across this Osprey sitting in the top of a cottonwood tree. A short time later, I saw him in the top of an old snag that was probably 120 feet tall and maybe as many years old. He was busy eating a nice sized trout so I took the images for this slide show. I guess he is looking over the menu in this picture.

This slide show doesn't use text, but illustrates a fade-in/fade-out type of show. It is important on this type of show (for the fading to work correctly) that the images be close to the same size. Notice what happens when the images are of a different size as this show displays.




View the slide show
MORE TO COME
More samples will be added soon.