So you have some dropdown menus on your website, but you would like to make them a little fancier.  With just a little effort in your stylesheet, you can add a nice transparency effect to the background of the dropdown list.

The css is usually applied to the style id created for the drop down div.  Perhaps it is something like #subnav or #subnav li (which is the list item inside the div).  Just remember if you start making list items transparent, they may look a bit fuzzy.  So you might need to use darker text like black to remain legible.

Opacity is recognized as part of the whole number 1. 1 stands for 100% solid color.  You can really choose any color as the base background, but you made need to experiment with it as you change the opacity.  So if you decide to create a 70% opaque menu, just add this as your line in the css style:

opacity: 0.7;

But wait, it looks lovely in Firefox yet nothing seems to have happened in Internet Explorer.  Still another bit to add:

filter: alpha(opacity=70);

With these 2 lines you have covered most of the commonly used modern browsers, your menu still works, and you have added a little something nifty to the design.

Sometimes a little bit of javascript is necessary to control certain features in a website, such as a simple slideshow element on a page, which was a better choice over the heavy Flash animation.  But as organic SEO becomes more prominent, we must learn to minimize the presence of javascript among our web page code, and strive for “clean” search-engine-friendly code.

Instead of including your javascript directly on the web page, link to it as a source.

In the head of the page, create the script tag, but instead of including the script code within the container of the script tags, link to an external javascript file.  For best organization, store your javascript file in a /js folder (or /scripts or something similar).  Your linked tag will appear in this format:

<script language=”javascript” src=”js/filename.js” /></script>

Now, as your page code is read, this is referenced on one line and the search engines (or other resources) do not need to wade through a long javascript to get to the important meat of your website – the content.

You may not know it but you see the results of the META title and description tags every time you use a search engine.  The title and short description that is displayed on the Search Engine Results Page (or SERP) is actually taken directly from the META tags coded into your site.

META tags are a part of the underlying HTML code that makes up your website. They provide search engines with important information about your site such as page titles, descriptions, and keywords. Unfortunately, properly optimized META tags are often overlooked as many people are unsure of what benefit they provide.

The above example shows the Search Engine Result for the Google Translate page. Notice that they included a relevant description of the page in the title as well as a brief description of what the page offers.

The key with these META tags is to think of them as your billboard on the Search Engine Results Page. The META Title is the headline that grabs peoples attention and the META Description is the short summary that draws them in.

Here are a few tips for working with your own META title and META description tags:

META Title:

• Give each page a unique title
• Make sure the title is relevant to the content on the page
• For maximum compatibility with all search engine make sure your META title is no more than 65 characters
• Think of this as the heading to your “billboard” on the Search Engine Results Page. Try to make the title enticing to the searcher.

META Description:

• Give each page a unique description
• Make sure your META description is relevant to the page and is enticing to searchers
• For maximum compatibility with all search engine make sure your META title is no more than 155 characters
• Think of this as a short advertisement. Engage the searcher with action words.

It used to be the case that websites were simple text documents that you downloaded to view on your Prodigy or AOL browser. Then again, you also used to be able to have dinner and watch Saved By The Bell by the time it actually downloaded, but the World Wide Web has come a long way since then. Websites are no longer restricted to being online versions of pamphlets. In fact, they run the gamut from expansive social networking services like Facebook, which has many millions of users, to small personal websites that receive maybe 5 visitors a month.

Websites used to be as simple as HTML (Hypertext Markup Language) code embedded in a single file per page. While this was great for simplicity, it didn’t do much in the way of functionality. The pages could only display one static set of information per page. In today’s current version of the internet, one web page can display a variety of different information depending on what the user inputs. These types of websites are known as dynamic websites because they dynamically generate the web pages each time a visitor visits a page, using a set of data that is retrieved from a database.

Here is an example of the way a static HTML page works:

1) You type “www.example.com” in the address bar of your web browser, and your web browser sends a request to the server of “www.example.com” for the contents of the web page.

2) Your web browser downloads the content of the home page at “www.example.com” in the format of an HTML document.

3) Your browser reads this document, and then displays it in your web browser as a web page.

The way a dynamically generated page works is a little different. Let’s take this blog as an example. This blog runs on a popular blogging platform called Wordpress. The Wordpress software uses a combination of PHP code and a mySQL database in order to dynamically generate web pages. PHP is a server-side scripting language, which means that all the processing is done on the web server, as opposed to a client-side script like Javascript that runs on your local machine. The short explanation of mySQL is that it stores data on a database server, which can be retrieved through a series of “queries”. If you would like to know more, you can read about it here: mySQL

Here is an example of the way a dynamically generated web page works:

1) You type “www.webii.net/blog” in the address bar of your web browser, and your web browser sends a request for the contents of the web page.

2) The page “index.php” runs its PHP code on the web server, which includes mySQL queries for information from the database. This includes a query of the “latest posts” which Wordpress stores in the mySQL database. The “index.php” file finishes running its code, and it outputs the result in HTML.

3) Your web browser reads the HTML output of the PHP file, and then displays it in your web browser.

Either way, your browser still receives and displays HTML information, but the manner in which it is retrieved is very different. The “index.php” file can put out different results depending on the user input. When you click on the “about” link in our blog’s navigation bar, you are actually calling the exact same “index.php” file, but this time the page is dynamically generated to display the “About” information that is stored in the mySQL database. Neat, huh?

Dynamic websites are not for every one. If you simply need to display a couple of pages of text and images, then sometimes bare bones HTML pages can suffice. If you need something better for your organization or business (or even just your personal website), dynamically generated web pages can be designed to give multi-tiered security access, allow you to update your web page from anywhere on the web, and many other powerful features that can turn an otherwise uninspired website into a full blown online presence, a tool to help you get things done.

ISES Austin Blog Design

Have you heard? Blogger, a popular community blogging tool, has discontinued FTP support.  What does this mean? It means that you will no longer be able to publish your Blogger blog directly to your website – you will be forced to migrate to a “blogspot” address instead.

Never fear, there are other options.  Your web developer can install a blog software like Wordpress in your website hosting space, and even design a custom theme to match the blog styles with your website or other marketing materials.

WEBii has quite a bit of experience designing customized blogs.  Feel free to ask us if you don’t know where to start.

Do the images on your website have alt tags?  If they do, are the alt tags something like abc123.jpg?  A very basic yet helpful search-friendly design practice is to include alt and title tags in each of your graphics to better describe what they are.  This tells visual impairment devices what those pictures are, and it tells search engines what they are. If the alt tag is “Austin event planning company” instead of “abc123.jpg”, your website is recognized as more relevant to its actual subject matter.

Recently I replied in a discussion forum asking the question, If you could only have one marketing expense for your business what would it be. Naturally, I replied with a great website! Reflecting on this more, what I should have said was, A good professional web designer.

When you hire a professional web designer / web developer, you are getting more than just a beautiful website design; you also gain the knowledge of that professional, which may include web marketing strategies, what types of layouts work best, what types of features your typical customer desires to see, how to make your website more efficient, what practices to avoid that might annoy your web audience, how to design the website with clean code that will attract search engines, and how to convert your visitors to customers.

There are a lot of neat “do-it-yourself” tools out there, but taking on an important marketing project for your company on your own – without all that expert knowledge – could actually hurt you.  What if you unknowingly use a photograph that was copyrighted?  What if you try to add some simple features and the code you used exposes your site with a major security bug?  What if you implement a feature that your mom thought was cool, but your ideal customer hated?

All of these headaches can be avoided if you spend your dollars wisely, on an established professional web design company.

Here’s a quick tip for a first time e-commerce project.  If you plan to support real-time automated credit card transactions, you will be setting up a merchant banking account with a payment gateway (such as Authorize.net, LinkPoint, YourPay, etc.).  If this is a new merchant account or a new gateway service, at some point the bank will want to do an approval process of your website.  What they usually want to see is a posted return policy, a posted privacy policy, and SSL security in place.  So prepare all of these things as early in the development process as possible.

A creative and effective way for your business to help out non-profit organizations and charities is to use your company’s online resources.  Consider some of these ideas:

• If you don’t already have e-commerce features on your site, you can easily set up a pay pal account to accept online donations without having to purchase complex a shopping cart system.
• If your site currently incorporates e-commerce, add an option at check-out to include a donation into the purchase total.
• Use your social media outlets to share your support of your organization and let others know how they can help.
• Link your organization’s website to your own site and social networks to help out their SEO.
• Have an online contest.  For example, whenever your company’s facebook page reaches 1000 fans, you will donate $X to Organization X.

By using these and other tactics, you will not only be supporting a good cause, but you’ll be building your online presence and improving your site’s SEO in the process!

Despite that the average American is dreaming more about their upcoming vacation than their business, December is a time when website owners seek out opportunity to drive sales.  And it isn’t too late to take advantage of the holiday buying frenzy.

Things you can do to make money with your web site this holiday season:

• Add a new product variation to your online store – Shirt now available in teal!
• Make “kit” suggestions and sell them as a bundle package – How about a mug to go with those coffee beans?
• Suggest some creative cross-sell items for people to notice when they are shopping -While you are looking at this hot cocoa mix maybe you’d be interested in a new pair of fuzzy slippers?