1 - Valid XHTML Code - Use Valid xhtml. Search engines prefer tidy houses. Use a markup validation service to ensure that your web pages comply with the latest W3C standards. Ideally, you should also consider using CSS style sheets to set up your web site design to cut down on the code vs. content ratio.

2 - Meta Tags - Two parts of the meta tag deserve particular attention – the description meta tag and the title. The description meta tag is the information that users will see in the search engine results. <meta name=“description” content=“Insert description here”>

Your main keyword should be the very first thing you put inside the title tag. Secondary keywords should follow. You should avoid using all capital letters. <title>Insert title content here</title>

3 - Keywords Throughout Page Content - After you have carefully selected your keywords and keyword phrases you should be using them throughout the text on your pages. It is important for your main keywords to have the correct keyword density to rank well in Search Engines. The recommended keyword density is from 3% - 7%, anything above 10% looks allot like keyword stuffing. You should check keyword density after each text change.

4 - Keywords in Image Alt Tags – It is important to include your keywords in these tags, however not just a spam type listing of all of all your keywords. Be as creative as possible here.

5 – Use Heading Tags and Bold Text – Instead of just making a-bit of text bold and bigger use the <H1> and <H2> tags which get special attention from the search engines. Keyword specific bold text and bulleted list items are also favored by the search engines.

6 – Use Internal Anchor Text Links - Search engine spiders still love links. Linking throughout your site with descriptive text allows search engines spiders to find and ultimately index your site easily.

7 - Use an XML Site Map - Search engines love site maps! Create an xml site map to help search engines crawl your web site. Make sure you don't have any broken links.

8 – Write Content for Humans, Not Just Search Engines - You will find that you do better with search engines if your text reads naturally and is written for human eyes.

A Maui Blog From Maui, Hawaii

Just browsing around Maui, Hawaii or looking for something more specific, aloha and welcome to the Maui Blog. Here you will find a Maui blog on and about Maui, Hawaii, Web Design, Website Development, Computers and much more! This Maui Blog is updated regularly so be sure to check back often for related news, stories and articles on Maui. Maui Blog Spot From Maui, Hawaii

Is there a way to have a flash movie play below another layer like an html text heading or div tag?

Answer: Yes, this is actually fairly simple but is a several part process depending on how may different items you would like to position above the flash element.

1. First you must add the wmode parameter transparent to the flash object that is going to be embedded.

Like so...  <param name="wmode" value="transparent" />

(note:) If you are using the swfobject.js method to embed your flash files (recommended) you can add the transparent parameter by simply using the example below to append to your current setup:

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "movie", "700", "300", "#ffffff");
   so.addParam("wmode", "transparent");
   so.write("flashcontent");
</script>

2. Now we need to wrap our flash movie in its own div tag and and apply some css so that we can set the position to be below the header text and description div.
(See example below for xhtml and css code.)

<div id="header">

<div id="flash">flash file goes here.</div>

</div> 

And the accompanying css for the above is:
(note the z-index and absolute position for #flash div)

#flash {
    width: 700px;
    height: 300px;
    position: absolute;
    z-index: 0;
}

#header {
    height: 300px;
    margin-bottom: 30px;
    text-align: left;
}

3. Ok, now lets go ahead and set up the html layers that will be displayed displayed above our flash content. In this case it will be an h1 header and a description that is in its own div that is above the flash media.

(Two items to be positioned over the flash movie)

The h1 css is: (note: feel free to style it however you want or use a different tag, the important thing is the z-index and absolute position.

h1 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #666666;
    font-weight: bold;
    position: absolute;
    z-index: 1;
}

 
Now for the description css which is going to be in its own div tag containing text and will be positioned above the flash element as well: (note the z-index and the absolute position again)

.description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    margin-left: 15px;
    margin-top: 35px;
    padding: 5px;
    font-weight: bold;
    line-height: 14px;
    position: absolute;
    z-index: 1;
}

4. Thats it, the finished code in the body of a web page will look like this:
(note: Code is placed in the header div which has no z-index or absolute position necessary)

<div id="header">

<div id="flash">flash file goes here.</div>

<h1>Heading Text</h1>
<div class="description">Your description text</div>

</div>

And the final accompanying CSS is:

h1 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #666666;
    font-weight: bold;
    position: absolute;
    z-index: 1;
}

.description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    margin-left: 15px;
    margin-top: 35px;
    padding: 5px;
    font-weight: bold;
    line-height: 14px;
    position: absolute;
    z-index: 1;
}

#flash {
    width: 700px;
    height: 300px;
    position: absolute;
    z-index: 0;
}

#header {
    height: 300px;
    margin-bottom: 30px;
    text-align: left;
}


HTML Layers and Flash Position Summary:

How to layer a Flash movie below another html div tag or layer.

To position a flash movie under another html element basically you just need to give the flash move a parameter of wmode transparent and position it absolutely with a z-index of 0. Do this by putting the flash object in its own div and using css. (see examples above)

For the items that you would like positioned above the flash movie set their z-index to 1 and position them absolutely as well. After that it's just a matter of putting it all in the div or container that you would like applying the css and adjusting the margin and padding to your specific needs.  

Using Microsoft Windows Media Player, you can stream music, pictures, and videos from your personal computer to your Xbox 360. The really great thing is you don't need to download and install any additional software. Use the following steps below to connect your Xbox 360 to your home computer. Vista Media Center Connection Guide

Use your XBox 360 to Listen to your Music & Watch Streaming Videos from your PC.

 
Step 1: Open Windows Media Player

• Launch Windows Media Player. Select Start, then Windows Media Player.

 
Step 2: Now Turn on media sharing.

• Click the arrow below the Library tab, and then click Media Sharing.
• In the Media Sharing dialog box, select the Share my media to check box.
• In the list of devices below the Share my media to check box, select your Xbox 360.
• click Allow
• click OK

 
Step 3: Configure your Xbox 360

Xbox 360 Settings

• In the Media section, select Music, Picture or Photos.
• Select Computer, and then press the A button.
• Select YES, Continue, and then press the A button.
• Select your Windows Vista-based PC, and then press the A button.
• Find the music, pictures, or video you want to play, and select an item to play it.

What is PHP based web site form mail? PHP Mail is a communication tool used by Yahoo Hosting that allows you to send email from a form on your website through a PHP script. A site visitor will fill out your email form, click send and then you recieve the message in your email. PHP Mail is available as part of all Yahoo Web Hosting plans.

PHP (Hypertext Preprocessor) is a widely used, general purpose scripting code  language that is especially great for web development design due to the fact that it can be easily embedded into an XHTML document to create dynamic web pages and web mail forms.

Yahoo PHP Web Form Mail 

Web site php form email for Yahoo hosted websites. The Yahoo PHP Web Mail Form will use the Post method for the action of the form. To find out the unique required post field url that you need to input in order to make your Yahoo website form mail work properly, simply follow these simple steps below.

Setup Yahoo PHP Form Email On Your Website:

1. Login to your Yahoo Hosting or Small Business account.

2. Select your "Web Hosting Control Panel." Now select the "Create and Update" tab then scroll down and find "Add-Ons."

3.Now click on "Email Forms." Here you will find Yahoo PHP website email form examples, as well as the necessary code for your own forms Post field action.

4.You can use the form examples found here, or if you have your own website email form already, simply copy and paste the provided form post action code into your Yahoo hosted website form. The Yahoo hosted PHP form mail will be sent to the alternate email address you have listed in your Yahoo account information area.

Yahoo PHP Email Form Actions.

Form Subject:
<input type="hidden" name="subject" value="Your Custom Subject">

Required Fields:
<input type="hidden" name="required_fields" value="Name,URL,Email">

Redirect URL:
<input type="hidden" name="next_url" value="http://yourwebsite.com/">

To see the Yahoo PHP website email form in action, visit Website Design Maui.

(1)  For Windows Vista Virus Protection I highly recommended the software application by Grisoft AVG Free Edition, which is a free anti virus program that works well on the new Windows Vista Operating System. Another user recommended option for complete Windows Vista virus protection is Avast Home Edition, which is also free for personal use. Both are definitely worth checking out if your looking around for a Free Windows Vista Compatible Anti-Virus Solution.

(2)  Scroll open windows with Windows Flip 3D. By pressing WINDOW+TAB on your keyboard you activate the Windows Flip 3D feature. Once the flip 3D window is open you can use the arrow keys on your keyboard or the scroll button on your mouse to easily scroll the 3D windows display.

(3)  Increase your hard drive performance with Windows Vista. First right click on the My Computer, then properties and find Device Manager. Now look for and expand the Disk Drives option form the list. Right click on your hard drive that is listed there and then select Properties. Find the Policies tab and Enable Advanced Performance. Finally select OK and close Device Manager. (note: A Battery Backup is recommended due to increased risk of data loss.)

(4)  With Windows Vista, you can add different system clocks to your desktop tray. First click the clock, and then on Date and Time Settings. Click the Additional Clocks tab menu. Here you can add one or two additional clocks to the desktop tray as well as select their custom time zone settings.

(5) Speed up Windows Vista start up time. First open your Start Menu and now find and open Windows Defender. Click on the Tools option menu found on the top menu bar and find and select Software Explorer. Now click on Show for All Users. From here you can select any application to either Remove or Disable it from starting with Windows Vista. By decreasing the load on windows vista you will see a noticeable difference in performance.

Microsoft Save as PDF or XPS

This free best office 2007 add-in will allow you to export and save to PDF and XPS formats in all eight 2007 Microsoft Office applications. With it you can also send an email attachment in a PDF or XPS format as well as convert XHTML documents to a PDF file format via Word.

To use, from any Office 2007 application, simply click on the "Office Button" (upper left) and select Save As, then, PDF or XPS. You are then prompted for the save file location and name, and a few other options. Click publish and your all done.

Download Save as PDF or XPS (windows validation required)

This great ms office 2007 add-on works with the following Office programs:

* Microsoft Office Access 2007
* Microsoft Office Excel 2007
* Microsoft Office InfoPath 2007
* Microsoft Office OneNote 2007
* Microsoft Office PowerPoint 2007
* Microsoft Office Publisher 2007
* Microsoft Office Visio 2007
* Microsoft Office Word 2007

Post provided by Maui web Design 

IIS 7.0 is a commonly used internet web server and is included with Windows Vista, however, when you first install Vista the IIS 7 Web Server is not installed or turned on by default. The new IIS7 is the merging of ASP.NET and IIS web technologies. ASP.NET is already implemented as an ISAPI extension for IIS, but in the new IIS7, that changes. Now, HTTP pipelines, handlers, modules, XML files and more are all natively built into the server platform.

Installing IIS 7.0 creates a Web site server to which users can connect via HTTP or HTTPS protocols. For increased security IIS7 is now almost completely modular. You can use the Windows Vista Web Server to develop and modify your websites and web applications development and web design.

Installing IIS 7 Vista Web Server & ASP.NET on Windows Vista

Installing the ASP.NET with IIS 7.0 on the Windows Vista will enable ASP.NET Web applications to run as local IIS Web sites from your computer. (Note: You must have administrative privileges to install and use IIS 7.0 Vista Web Server.)

To install the IIS Server with ASP.NET on a Windows Vista machine:

1. In Windows Vista, open the Control Panel and then select Programs and Features.

2. In the left hand pane, click on Turn Windows features on or off. The Windows Features dialog wizard box will open.

3. Now find and check off the Internet Information Services (IIS) check box. (note: This will enable the Windows Vista Web Server)
   

4. Expand the Web Management Tools area, double click IIS 6 Management Compatibility, and then select the IIS 6 Metabase and IIS 6 Configuration Compatibility check box.

5. Expand World Wide Web Services and click Application Development Features and then select the ASP.NET check box, and .NET Extensibility, as well as any other features that you may need enabled on your Vista server.
   
   (note: When you create a local IIS Web site, the pages and folders for your site are stored in a folder under the default IIS folder for Web sites, which is located at LocalDrive C:\Inetpub\wwwroot\)

   To make sure the  IIS 7.0 Web server in Windows Vista is running & to manage it later:

    

6. In Windows Vista, click Start, right-click Computer, and then click Manage.

7. In the Computer Management dialog box, select Services and Applications.

8. Expand Internet Information Services (IIS) Manager, and click the name of your Web server (note: Your computer's name), and then click Web Sites.

9. Right-click Default Web Site to display a list of options available, and then click Start to enable your default Web site if it is already not.

10.  Open an internet browser and type http://localhost/ you will see that your Vista web server is indeed up and running. (note: If something went wrong you will receive a no server found message and you should repeat the steps above.)
    

Windows Vista makes it very simple to create a second partition on your hard drive with easy to use and free built in tools.

First you will need to free up some space in the hard drive that you would like the partition to be on. If you feel unsure about how to do this, please refer to my earlier post that covers how to free up space on a hard drive without data loss in Windows Vista.

Lets create a partition with Windows Vista. Right click on the My Computer icon and select Manage than Disk Management.

Find the drive that you have freed up some space on and right click on the free space and select New Simple Volume.

In the next wizard box choose the size of the partition. Set it to match the amount of space that you have free or less and than click next.

Now select the Drive Letter that you would like the new partition to be called and than next.

Format your partition as an NTFS file system and select quick format. Here you can also give it it a unique Volume Label if you want than select next.

The partition is formatted and all that left to do is to click finish.

You now have a newly created NTFS Logical partition ready for use. Great Job!

Maui Ecommerce web development and marketing strategies. Aloha Tech Hawaii has the ecommerce web design experience to help companies both large and small, develop an effective e-commerce strategy and build a profitable online business. Learn more about Maui ecommerce.

Complete Ecommerce solutions. We continually stay up to date with the latest developments in eCommerce design development, and offer our clients a huge selection of web site services, including web hosting and merchant account setup, domain name registration, and search engine optimization services.

Maui, Hawaii Web Services providing web design, site database development and integration, php, mysql, web site marketing, and internet ecommerce solutions. View our design portfolio or to choose a Maui Ecommerce service option today contact us directly at (808) 280-6769.

There are a couple of steps involved to any online ecommerce transaction.

1.       1. The information is received by a payment gateway to approve the sale.

2.       2. The payment gateway verifies the credit card and deducts the funds for the given transaction.

3.       3. It then transfers the funds to your merchant account provider service.

4.       4. Finally the merchant service provider deposits the funds in a place that is accessible to you, such as a regular checking or savings account.

To choose a Maui, Hawaii Ecommerce Design service option contact us directly.

Maui SEO (Search Engine Optimization). Search engine optimization, or SEO has been a fast growing field in the last few years even though many web site owners are not truly clear on what it is and why they may even need it. Almost everyone on the internet today will find new websites using a search engine such as Google, Yahoo, or MSN and if you are not currently at least in the top 10 pages for a search in Google than your website probably does not get found much or at all. Maui SEO by Aloha Tech Support Hawaii offers several search optimization strategies to suite all your online marketing needs.

Complete Optimization: We offer in depth SEO planning and strategic thinking to get your online business where it needs to be. Contact us today about a complete site seo with multiple web page optimization. Be sure to ask about our internal anchor-text optimization with external page rank link development and online marketing campaign (note: some sites reach high ranking through this strategy alone). No initial cost or setup fee. Aloha Tech Support Hawaii offers complete search engine optimization (SEO). Learn more about SEO and keywords.

Contact Aloha Tech's Maui Search Engine Optimization to learn more about a search engine ranking and positioning service that is right for you. Or call direct to put your site on the fast track today (808) 280-6769

Web pages look a lot nicer with a larger margin. You can set the left and right margins with the "margin-left" and "margin-right" properties. For example:

<style type="text/css">
body { margin-left: 10%; margin-right: 10%; }
</style> 

This sets both margins to 10% of the window width, and the margins will also scale when you resize your browser window.

Left and right indent space

To make headings a little more distinctive, you can make them start within the margin that is set for the web page body. For example:

<style type="text/css">
body { margin-left: 10%; margin-right: 10%; }
h1 { margin-left: -8%;}
h2,h3,h4,h5,h6 { margin-left: -4%; }
</style> 

This example has three CSS style rules. One for the body, one for h1 and one for the rest of the headings (h2, h3, h4, h5 and h6). The margins for the headings add to the margins set for the body. A negative value is used when you need to move the start of the heading to the left of the margin set for the body.

The above examples of particular style rules can be placed within a style element in the web page's head or in a seperate linked style sheet.

A list of websafe fonts that I use in web design web development projects. Websafe or "web safe", safe for the web fonts are fonts that are common among all versions of Windows, Mac, and Linux. It is likely that your preferred font won't be available on all users computers. To get around this, you are allowed to list several backup fonts in preference order.

The web safe font names below are listed with the font-family which is in CSS format. The first font listed is the primary choice. It is also common for each font to come with a Generic Font Family CSS fallback font, such as serif or sans-serif, just in case the primary font is not found. If you know of any other web-safe fonts that should be added to this list please contact Web Design Maui and let me know or by posting a comment below.

  

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Web Design is the design of web pages, websites and web applications using XHTML ,CSS, Graphics, and other web media. In web site design, (CSS) is a cascading style sheet language used to style the look and describe the web page design. Web development is in contrast with Web design. Web Development involves more back-end production which includes databases, web server web applications and server side security.

Want the best Maui Web Design company to go to work on your website? Professional Maui Web Design Service and Web Development services. Website design and ecommerce solutions. Contact Aloha Techsupport Hawaii for all of your online web design needs.