Clicking on the site name/header (if available) will open the actual site in a new window.
Clicking on an image, below, will display a larger image.

Bud Sanders Appraisals

This was the first website I ever attempted. My father wanted a presence on the web and asked if I could do it. I started with his stationary, creating the logo, banner and background images, as well as the navigation buttons.

NOTE: While the actual content has not changed much over the years, the look and way the pages are processed has.

Noted changes
(most technical)

1. First Iteration

   1. Created logo and banner from stationary.
   2. Wrote original copy for most of website.

2. Second Iteration

   1. Created 3-Dimensional buttons
   2. Found a JavaScript to switch images (so buttons appeared pressed when cursor rolled over them)
   3. Used frames for the first time. (Originally used MS Borders)
   4. Slightly modified the banner
   5. Added new pages
   6. Changed background.

3. Third Iteration

   1. Changed frameset.
   2. Changed background color (the yellow was not that appealing)
   3. Created a placard to go with the buttons.

4. Fourth Iteration

   1. Removed frames. (We didn't like that in Frame-mode, only the main URL is available. Businesses couldn't save the Order Form as a favorite.)
   2. Changed whole site to more effectively use external CSS
      1. Created buttons using JavaScript and CSS (Button images sometimes took too long to load.)
      2. Changed page format to use Divisions.

5. Fifth Iteration (Current Version)

   1. Changed "ownership" information. (Bud retired, selling business and site to Paul Middaugh.) Server problems kept changes from being shown onsite for a while, but they're there, now.
   2. (5.1) Minor change - Removed "BS" logo from left of page.

 

back to top

---

LYAO-Online

From late 1997 through today, I have been sending a joke/story letter out consisting of mostly of the jokes, stories and other textural items I had received via email, cleaned up (no forwarding) both in format and grammatically.

In Early 1998, I designed and created the LYAO banner you see below, and the background of the webpage, with the thought that even if I couldn't use it on a website, I could use it in the email. Well, too many people at the time only had text-based emails, and they were set to the side. (At this time, I also created the OFP website banner. Again, though, it was set to the side, because of work and personal time constraints.)

I wanted a way to "put it on the web," but lacked the knowledge and experience to do it correctly. The idea was that visitors were going to be able to create their own "LYAO" newsletter to send to friends, using rated and categorized jokes, stories, urban legends, etc. from a database. Around mid-2001, a friend designed the programming using PHP and MySQL around my database design and idea, and I created the graphics. It was on the web for a short while, then, in late 2001 or early 2002, the server it was on was replaced, and the friend pulled it to work on it. It did not make it back to the web for some time.

In January, 2006, I created an email stationary that I now use to send out LYAO emails. Then, in March, 2006, I began going through the old LYAOs (starting in 1998) and putting them into a new format... The whole joke-letter is going online, re-cleaned and in a new format based on the original LYAO-Online and my LYAO Stationary. I began using SSIs (Server-Side Includes) for the header, footer, and sidebar, and believe this is a GOOD thing! ;-) I still use JavaScript for a few items, but most are all included on the page, itself, so should have little or no affect on those browsers that allow scripts. I've also created a Print CSS, containing all the formats, but printing in black and white (except for the header), and ignoring the sidebar (not needed for printing). I'm publishing it at http://lyao.orangefrogproductions.com (an OFP sub-domain) and will forward LYAO-Online.com to it, there. It will also include some audio and pictures for sure, and possibly a few movies (depending).

On the top is what the online home page originally looked like, and below are the splash and archive index (home) pages of the new version. Check it out. Have some fun!

back to top

---

Sanders Rentals

About Summer, 2000, my father thought he wanted a site listing his real-estate rentals in Lafayette, Indiana ... and he had quite a few at one point. Using a picture of his sign as a basis, pictures of the properties, and maps to each, I created the banner and background images, edited the images to work on the site, mapped each location, and created a website for the business. About the time I finished the original site, he started selling properties off in preparation for retirement, and the idea of the site went by the wayside. One property he was keeping for a while had a server, and, using the colors and style of the original idea (see #1, below), I created a two-page site for it and its occupants to use as a homepage. After a short while, this property and server were sold, and the site itself fell by the wayside, too. The pages shown are one of the property pages, showing the design of the site (the right side of each property page was for "selling points"), and the "Elizabeth House" Home Page.

back to top

---

Orange Frog Productions

This site. Descriptions are on the Site Home and Main Section Home pages. Check them out.

back to top

---

Sanders Family Website

We thought seriously about a family site, that would allow us to share pictures, messages to each other, reminders, etc., and I designed a banner, logo and page background, using the family name crest. Work, Dad's and my own websites, and family genealogy kept me busy, and Yahoo! Groups was a way we could do this. So, again, this idea fell by the wayside. But, with the number of scanned and digital images I have of family, I began thinking of resurrecting the site. The first image, below, is the original design. The second is what I have created for the genealogy, which I published to CD/DVD for my family last year. I hope to continue adding pages and pictures.

back to top

---

"Say Cheese" Novel-Ts

My sister and brother-in-law started a photo-transfer business and wanted a website. Using the colors and logo on their business card, I created this site for them.

Recently, I create a "catalog" page using the large pictures, and descriptions using paragraphs instead of the bulleted way they appear on their main pages. Then I created a "store" for Say Cheese in Froogle, created a spreadsheet of all the products, linking to the Catalog page, created the text version required, and uploaded the data to Froogle.

back to top

---

Barrington West Apartments, West Lafayette, Indiana

Using a small part of a picture of a brick wall I took, I created the background of the site. I then used a picture of the complex I had created from two images I took a couple of years ago, current fliers, and information from the owners, and created a web-presence for the complex. I set up the hosting, and used the search engine "blazing" service at GoDaddy, and brought the site up in the same week it was started.

back to top

---

Lafayette Church of the Brethren

I was requested to update the Lafayette (IN) Church of the Brethren website, and make it easier to navigate. For the most part, I used the same content, but renamed and reorganized many of the pages. A version of the completed modified site was installed on OFP by December 24, 2004, so church members could review the changes, and make suggestions for other changes. After the board finally okayed the changes, and server then connection problems were corrected, the site was published mid-June, 2005. I have been updating the site with News, Bulletins, Announcements and Newsletters, since.

Following is the Splash Page created.

1. Original Website Example
   This was the home page and basic format for the original website. As you may be able to see at the bottom of the page, they were beginning to make changes. However, the people running the website left the area, and the webpage remained this way for over a year.
2. Splash/Redirect Example
   While many sites I create use a splash/redirect page where I hide a link to the Site Map (so the search engines can troll the pages), for LCOB I created one using the banner I had created for the site, and a rendering of the COB's Identity Line.
3. New Site Example
   This is the Home Page (and basic style) I created for them. The top of the page contains the banner I created and their address on the left side, and links for all sections on the right. These continue through the site, making navigation easier. The main content of the page remains pretty much the same as it did in the original.

back to top

---

The Corner Place on the Hill, Lafayette, Indiana

My sister wanted to open a shop in Lafayette, Indiana, where they would sell coffees, cappuccinos, pops, teas, snacks, and objects of art made by local artists. I designed the site based on the direction "historic and classy".

The site would have included a menu, a pamphlet about the place, PDF order forms (for artwork that could be duplicated), and artist information - including short bios, pictures and descriptions of their work, and a link to their website, if they had one. (OFP was ready and willing to build the sites. :-) )

The brick-and-mortar shop closed before the site could come to fruition.

Click the header, above, to see the site designed as a "subsite" to OFP. (Done so they could view the site as designed and tell me about what they wanted changed.)

back to top

---

Wi-Cott Appraisals, Lafayette, Indiana

When The Corner Place didn't bring in enough income, my sister decided to part with Bud Sanders Appraisals new owner (my father had retired earlier), "go it alone" and start her own appraisal business. She asked me to create a website for her.

Again, she had designed her business card using PrintMaster, and I created a banner based on the look she had created. The colors were simply black and white with a splash of green (the house with the dollar-sign in it). I created a background, using a picture of a house, making it black-and-white and fading it. I put a blank square of the same size beside and under it, and a copy of the house picture "catty-corner" to the other, in the blank space between the two white blanks. A version of this was also used for almost all print-page watermarks, and I also used the banner and background to create email stationary, "printable" stationary, and a WORD template. When we were sure we had the domain name, I added the link to the site to the banner, recreated the splash screen card, and made a smaller version for my sister. In the process, my son helped me, and together (ok... mostly him) we "cleaned up" the green house using Adobe PhotoShop. I created printable Owner Survey and Order forms - based on the FrontPage forms - using WORD. Then I made printable PDF versions for each page of the entire site.

I also created a "Business Folder" containing PDF versions of almost the pages on the site. For some, I had to use WORD, instead of FrontPage, and created the a printable watermark for the legal-size pages, expanding the letter-sized watermark. A "Print Page" with links to the PDFs allows clients to print individual pages, or the whole-site "folder".

Using GoDaddy, we registered the domain name for 10 years, and set up hosting.

back to top

---

General Information

You may notice that many of my sites have the same type of navigation (sidebar buttons and linkbar links above and/or below the content. For the most part, this is a preference of mine, because the easiest-to-navigate sites I've found have them. While most of my sites use small JavaScripts (mostly document.writes) for these bars,  I do realize that there are people out there that don't have JavaScript-enabled browsers (either scripting is "turned off" for a secure felling, or they are using an older browser that doesn't offer scripting). I try to always include a paragraph that only shows in these cases, telling the user, and suggesting they download another browser (such as Firefox), enabling scripting in it, so they can view sites like ours that DO use JavaScript.

And, while it's one of my preferences, that doesn't mean every site MUST have them, or look the same.

Also, please note that NONE of the "buttons" in the sidebar are images. They are all handled by tables (the older sites) or a div and paragraphs. (This way, pages load faster, since only formatted text is being loaded.)

For OFPv2, I have changed to using Server Side Includes (SSIs). These are the

1. Sidebar
   1. Top - Navigation Buttons
   2. Middle - transparent/blank - I had problems getting the lower section to separate correctly. It still doesn't, but it's better.)
   3. Bottom - programs I use
2. Top of Page
   1. The OFP Banner(s) - One per section
   2. Anything else I need to put on each page, there
3. Bottom of Page
   1. Linkbar
   2. Copyright and other info

I also prefer not to use frames, because I don't like the way the user cannot save a page in which they are interested... You will get the home page of most framed sites. Also, I've noticed that when framed sites link out to others, there are a lot of cases where the user is still locked in the frame. Sometimes it's only the top frame, but...

I've never had the opportunity (or time to figure out how to) use a database and, say PHP and/or SQL of any flavor, to create a website. A friend helped set one up, using separate programs for each function, but did not comment the programming, and I had problems following it. This is something I would love to learn, as I can think of many applications for my own use, and for others.

For all of the following sites, I created the majority, if not all, of the graphics. I also learned how to use JavaScripts, and how to use a full-site CSS creating them, which should make it much easier to change at least the base colors.

back to top

---

Send comments/questions about this page to Bill Sanders at:
 

Send email to Bill Sanders ()
with questions or comments about this page or site.

This site, all text and graphics (unless otherwise noted) on it
were designed, developed and published by Bill Sanders of Orange Frog Productions.
It and it's CSS was validated and complies with both the: CSS and HTML 4.01 validators from W3C.
NOTE: All CSS validates except the "New Window Buttons" - Their CSS includes  some invalid code (ie: hacks)
and warnings for using transparent backgrounds when color foregrounds defined.
Copyright © 2003, 2004, 2005, 2006 by Bill Sanders / Full site last modified: July 10, 2006