Website Designers and Webmasters

Dedicated to all the tasks Webmasters, Website Developers and Website Designers find themselves facing.

By: Ashton Sanders

CSS – Float

May 12 2:44

Filed under: CSS, Tutorial, Website Design

WiaF MascotTheir is magic in Cascading Style Sheets. (Some properties more than others, but still magic.) Float is one of those CSS properties that really fundamental for any developer trying to create layouts without any tables.

CSS – Float

There are three possible values for float: right, left and none. They are pretty self-explanatory, but here goes anyway:

Lets say you have a div that is 200px wide and 30px tall. Normally any content that comes after it would start at the bottom (30px bellow the top of the div.):

Here is the content that comes after the div.

If you float that same div to the right, all of the content that comes up after the div will show up on the left hand of the div (exactly like the content would come up next to a right-aligned picture):

Here is the content that comes after the div.

And vise versa if you float left:

Here is the content that comes after the div.

This is a very simple property, but you will use it in every CSS design you create. It is definitely a property you want to have ready to throw in to your CSS!

-CSS Everywhere!
-Ashton Sanders

By: Ashton Sanders

Sweet Flash Animation

May 3 13:00

Filed under: Humor, Website Design

There is an awesome Flash Animation that you should definitely see.

There is very little ActionScript, but nonetheless it is one of those animations that you could just watch forever and still not see everything.

Click to see this Sweet Flash Animation.

(This was designed and Created by Geoffrey and Ashton Sanders of Websites in a Flash)

-Enjoy
-Ashton Sanders

By: Ashton Sanders

FavIcon – Image in the Address Bar

May 2 1:14

Filed under: Webmaster, Website Design

What is a FavIcon?

A FavIcon is the image that appears in the left side of your address bar for certain sites. For example, here are the FavIcons for Websitesinaflash.com, Blogger.com and Google.com:

It is actually a very simple process thanks to HTMLkit.com. All you need to do is make a square image that you would like to become your FavIcon, and upload it to this site. They’ll give you a zip file with the FavIcon in it, and you can upload it to the root of your site. WALA! Here’s the site:

http://www.htmlkit.com/services/favicon/

-Ashton Sanders

By: Ashton Sanders

PhotoShop – Grunge Effect

Apr 30 1:23

Filed under: Website Design

My wanderings on the Internet brought me to Veerle’s Blog, where you can find an excellent method of creating and saving grunge brushes in PhotoShop.

(It’s also a well designed blog.)

-Ashton Sanders

By: Ashton Sanders

How Do Search Engines Think? SEO Basics

Apr 26 22:25

Search Engine Optimization is fairly easy to understand. All you need to do is put your self in a Search Engines Shoes.

Let’s start with Google’s Mission:

“Google’s mission is to organize the world’s information and make it universally accessible and useful.”

-http://www.google.com/corporate/

Nice and Simple. But it gives you a good understanding of what you are working with and helps us to realize some very basic truths about Search Engines.

Search Engines Truth:

Search Engines want to find useful, informative sites for every search term.

Duh… And they do that by using robots (or bots) that are programmed to “index” websites and decide how useful/informative they are. So our job as Search Engine Optimizers is to make it obvious to search engines that your site is useful and informative. Here are some basics to Search Engine Optimization:

Use Valid Code: The search engine bots don’t have eyes, so they can’t see your website, but they can read the code that makes your website, and they do know how to read valid HTML. But if your code isn’t valid, the bot can get confused and ignore parts of your site.

Content is King: Anyone can make a site that says, “Hello World!” Search engines don’t value sites that don’t have any content. You need to have relevant content on your website. If your site is about fixing Race Cars, but you never say race cars on your site, don’t be surprised when you never find your site under the search term “race cars.”

Don’t Hide Text: An old search engine “cheat” was to have white text on a white background. This would allow you to have lots of keyword heavy content on your site without actually having to bug your visitors with the large amount of text. This will damage your rankings much more than it will help.

Basic Principles: Google recommends that you don’t do anything solely for search engines, which isn’t to say that you shouldn’t get your site search engine optimized, but rather, don’t waste time and money trying to develop tricks to deceive the search engines. Just make a good, quality site that people will find informative and useful.

Links:If someone likes your site enough, they’ll link to it. Duh. So if your site is extremely useful, and a lot of people like it, you’ll have a lot of links to it. The number of links you have to your site is one of the biggest things that the search engines will judge your site on.

That’s a nice overview of how search engines think, and the basics of search engine optimization.

-Use it wisely
-Ashton Sanders

« Newer PostsOlder Posts »
RSS

Where Am I?

You have found the semi-coherent ramblings of Ashton Sanders: a website designer, developer and webmaster. This is primarily Ashton's place to save notes about techniques and things that he learns in his never-ending conquest of the internet. Hopefully it's coherent enough to be useful to you too.

Subscribe:

Enter your email to get automatic emails whenever Ashton posts on the blog.

Email:

Advertisers:

Email Marketing $19/Month! OIOpublisher Learn how to make Money from Blogging Hillarious, High-Quality Shirts for $6/each Great Book Keeping and Invoicing Software Advertiser Here

Tags and Categories

Links

Blog Roll