Search Engine Store ClerkBefore going into detail about how you can optimize your website for search engines I would like to quickly explain what search engine optimization is and why it is so important.

Right now the web is dominated by three major search engines: Google, Yahoo, and MSN (live).

What is a Search Engine?

A search engine can be thought of as the largest storefront of all time. But, it dispenses EVERYTHING (all information on the web). You walk up to the counter (visit Google.com) and ask the magical clerk anything (type in your search), you hit “go” and off he runs back into the largest warehouse of all time to find you exactly what you need. In a matter of milliseconds he’s back with a list of the things he thinks you need. Essentially this is how a search engine works.

Read the rest of this entry …

→ 2 Comments

screaming computer guyAs an internet professional, I often take my knowledge for granted. So I have taken the liberty of expressing some random thoughts that I have about internet marketing that upset me on a personal and business level…

The 7 “YOU MUST KNOW’S” of Internet marketing:

Read the rest of this entry …

Be The First to Comment!

Social networking applications usually take the form of websites that allow people to share information with other people. To really wrap our minds around the concept of a social networking application, we have to look at it’s purpose. As suggested by the name, the purpose of these applications for the user is to socialize. So process this in your mind: people of a community or network of communities come together in one place (a website) to socialize by: visiting the site, registering, logging in, sharing information with others — How does this work? What does it look like to the programmers behind it? What makes this website tick?

Let’s make up a name. We’ll call our social network, MyParenthood.com — a social network for parents. Great, we have a concept and we have a domain name (in our example we assume we have demand for such a website.) Next step is to enlist the help of some crazy-cool programmers to make our dreams a reality.

Personally, I would start with a screen design. Then I would throw it to the programmers to make the design come alive. The reason I do this is so the programmers have a good picture of the concept. The screen design shows them things like current features and potential future features.

Here’s what our site will hopefully look like:

myparenthood.jpg

For obvious simplicity sake, our application will only have 2 features:

  • MyParenthood.com will allow members that are stored in a database to login.
  • Once logged in, the following message will display: “Welcome, Devin Castro!”
    while my name will be replaced with the user’s name as stored inside a database.

The programmer will first choose a database technology suitable for your application. In our example, I will use MySQL. l then create a table to store users inside of. Databases use tables to store information, similar to an excel spredsheet that contains rows and columns.

This represents the data in our table:
myparenthood_usertable.jpg

Alrighty, the application’s coding will take the form of 1.) HTML (this controls what people see when they visit your site) and 2.) Dynamic Language (this processes information your users pass to your website e.g. username and password in order to login)

We’ll assume we have the HTML part done. It will look something similar to this:
(Note: this HTML does not represent the styling shown in our first figure.)
myparenthood_html1.jpg

Now, the part that people don’t see include things such as:

  • Database interaction.
  • Form processing.
  • Output of HTML.

Here’s a simple snippet of code that will accomplish our goals mentioned earlier:

myparenthood_code.jpg

This code will take the username and password that the user entered on our HTML page, then it will attempt to look for a matching user in our user table. Finally, if there is a match the script will output a welcome message that contains the user’s first name and last name as taken from the database table.

Albeit, this code is very crude, may be buggy, and has some serious security holes. Also, websites that have similar functionality may contain more than only 30 lines… more like hundreds or even thousands of lines if the site does more than a simple login. Professional programming requires consideration to factors such as security, reliability, and scalability.

So there we have it… a somewhat crude, but functional login area for our MyParenthood.com Social Networking website. Of course, no other functionality has been developed as we have not gone through how a social networking application actually allows users to share information with other users. That task involves a bit more complex coding and while this was only a mere example, you can see what the pre- “guts” of a social networking application might look like.

→ 4 Comments

huh.jpgAll too often in business, and in every aspect of life for that matter, we forget that people are not in our own heads. Sometimes in conversation you start a sentence in your head and finish the same sentence out aloud confusing your surrounding audience. The same has and continues to happen with the content contained within web sites.

When creating content for your website, you are writing it for other people to read. May sound simple, but that concept is often forgotten when content is created. We are not in your head, we don’t have the knowledge you have, we haven’t experienced what you’ve experienced, and it is dangerous to assume we have.

The level at which you need to convey your message may depend on your target audience. For instance, if you are motorcycle parts wholesaler to motorcycle dealerships, then it would be okay to use field specific jargon. But only if you feel it is safe to assume that they will meet you at that intellectual level.

However, if you are a local lawn care provider with a website for the purpose of gaining local residential business, it would be dangerous to assume your browsers will understand you when you say things like ‘Turf managers are increasingly using humic acid products and biostimulants as supplements to their fertility and integrated pest management programs.’

Huh? Exactly. I won’t be referencing this particular site for obvious reasons.

And I rest my case.

If you have any questions or comments, I love to hear from our readers and will promptly respond.

Be The First to Comment!

Answers the question: How do I add my logo to a browser’s address bar?

It’s been awhile since I first installed Mozilla Firefox. One of the things I noticed was a fancy logo next to the address bar in the browser. Then with tabbed browsing I saw a logo for each web site. Microsoft added this ability when it introduced Internet Explorer 5.5. Now with IE7 you can see the logos in tabbed browsing as well. Here’s how you can place your logo next to the address bar. It will also show up when someone bookmark’s your site or adds it as one of their favorites.

I should clear up that the logos are referred to as favicons and it’s full file name is normally favicon.ico. Click here for Troubleshooting tips for favicons

First create a favicon

Here are a few places to create favicons for free. You will need the image that you like to show up in the address bar. Make sure to name the file favicon.ico

After you have created the favicon, download it to your computer and follow the next steps.

Next upload the favicon

The best place upload the .ico file is in the root directory of your web site. In most cases this is the same place where your index file is.

Finally, link your favicon.ico file

Link this on every page of your website. If you have a header file (header.php or header.asp etc.) then this will just take a few seconds.

Copy and past this link between the head tags (<head></head>) on your pages.

<link rel="shortcut icon" href="/favicon.ico" />

This is a common way to link the icon using XHTML and the one that we use on our site.

Here is another way:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

And yet another way:

<link rel="shortcut icon" href="http://yourdomain.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://yourdomain.com/favicon.ico" type="image/vnd.microsoft.icon">

Troubleshooting and Tips

What if the favicon you just added isn’t showing up? Here are some things that may help if you cannot see your favicon:

  • Make sure it is uploaded and the link is in the proper place
  • Try deleting your browser’s history and cached Internet files - How to delete usage history
  • Try restarting your browser, this should be done after you delete your browser’s history
  • Try adding a question mark after your favicon link:
    <link rel="shortcut icon" href="/favicon.ico?">
    This will force the server to look for a new favicon every time the page loads.

If you follow those steps you should see your new logo appear in the address bar of your favorite browser.

→ 9 Comments

under-construction.jpgThere hasn’t been one month that has gone by without one of my friends or relatives asking me about how a website is built. Most want to learn how they can build a “simple” website. The response expected would be, “Sure! It’s easy! I’ll show you.” For the most part, this is true as long as you’re willing to put a little time to learn some things.

Recently a friend of mine asked me this precise question: “How do I make just a website? You know… just a basic website.” Truth be told, there is no basic way to explain how to make a basic website. Anyone can Google for sites that can make cookie-cutter web pages based on some pre-made template. This article isn’t about providing that venue though… The purpose of this article and the succession of articles to come is to educate you, the reader, on what is involved in building a website.

My goal is to clarify what is involved in making a website, because a basic understanding of web development is crucial to learning how to build a website– even a simple one. By the end of these articles, we will have a good grasp of the technology used, why one is created in the first place, and finally how to get started in building your very own website.

We often take surfing the web for granted. Sometimes we pass from site to site without a second thought about the graphic design, styling, or page flow of any of site we come across. Besides the HTML and CSS we see when visiting a site, there may be some dynamic code that drives the site on the server it’s hosted on. — Hold on a second, what the heck is all this crazy jargon? HTML, CSS, dynamic code, server, host??? I’ll clarify with some definitions.

Basic Terminology to know:

  • Server - A computer accessible through the internet that holds the files of one or more websites.
  • Hosting - Service provided by an entity or third party that owns a server. The purpose of hosting is to have somebody else responsible for maintaining the technical aspect of keeping the resources on the server available to the world.
  • HTML - Stands for, “Hyper Text Markup Language.” It is programming code that is contained within a web page. HTML controls some (not all) of what you see in your web browser when you visit any page on the internet. For example, the text you are reading now is part of the HTML code within this website.
  • CSS - Stands for, “Cascading Style Sheet.” It is a programming language that is contained within HTML to control the style of most pages on the internet.
    • Why is CSS on “most” pages and not all? HTML has some basic capability of styling a website, but when a more elaborate or complex design is wanted, CSS has the flexibility that HTML does not.
  • Dynamic Code - Programming languages that are usually used when databases and/or cookies are required for a website to function. Dynamically coded websites display content that changes due to information that you give it. Note: In order for this kind of code to display something in your web browser for you to see, it will at some point output in HTML.
    • Why do websites use databases? If you login to a website to access your personal information, order products, or write on your blog, the website is using dynamic code to connect to a database. The “dynamics” in dynamic coding come into play when the website has to make decisions like, “Are you allowed to access this private page?” For example, you provide a website a user name and password in a login box. The website then compares that information you gave it with a list of user names and passwords in a database. If it finds a match with the information you provided, it will allow you to proceed into a member-only part of the website.
    • Yes, I said languages. Dynamic code can be written in more than one language. For example, ASP, PHP, PERL, Cold Fusion, and Ruby are fine examples of dynamic coding languages for the web.
  • Cookies - Small files that a website saves onto your computer that contain information the website requires for your next visit.
    • What kind of information can a website possibly require to save onto your computer? Commonly, many sites choose to save your user name on your computer to keep you from having to retype it every time you visit the site. For example, when you make your next visit to a site that previously saved a cookie onto your computer, it will access it and display its’ information onto a part of the page you’re on (likely the text box where you would usually type in your user name.)

Here’s a diagram that illustrates how HTML files, a server, a host, and you are involved with a website:

website_diagram.gif

For now, the preceding diagram and terminology should get you started on understanding some rudimentary techy concepts of website development. In Part 2 of this article we’ll learn about the reasons why a website is created and how one can benefit from one.

Visit www.duckypc.com for the future Part 2 of this article and more!

→ 4 Comments

In our last installment of the web basic series we briefly touched on what a website. I described a website’s internals, how it works, by comparing it to a house or building. I compared it in this way in order to give you incite as to the virtual workings of its construction. In this installment I would like to talk about the possibilities, the potentials of a website.

The possibilities or the potential of websites is literally limitless. As new technologies emerge, and new ideas introduced websites are solving increasingly complex real world problems.

Most people or business owners surf the web often, finding products and services online. To understand just a little bit about the potential of a website just try to remember the last time you opened the yellow pages to find a business or service. When was the last time your colleagues did the same?

Below is a list of what websites have the potential to be for all kinds of companies. In subsequent Web Basics installments I will elaborate on each.

Read the rest of this entry …

Be The First to Comment!

After a brief discussion with everyone yesterday we decided to create a new series of posts called “Web Basics.” We agreed that we needed to take a step back for you, our friends and family, and stop talking about all this technical stuff. Web people have a habit of using web speak. I suppose, like most professions, we use the slang and acronyms pertaining to our industry; but we know this doesn’t help. It only succeeds in turning your eyes into the back of your heads and gets you frustrated…

Well no more!

So, what is a website?

I think a website can really be explained on two fundamental levels, the literal and the potential. For now lets concentrate on the literal. A website is literally a collection of information beamed to you through the Internet and reassembled through a host of very complicated processes (most of which we won’t get into). It is a series of codes, written in a language your computer can understand, that is automatically assembled revealing the pretty boxes and do-hickey’s you see on screen.

Your average website has 4 fundamental components. Backend Code, XHTML, CSS, Javascript

F!@(), Zach! You promised you wouldn’t use any of those fancy acronyms…

Yes, I know, but wait…. (I like to talk to myself)

Websites are a lot like any physical building or construction project. You have a base, a foundation of cement and steel beams on top of which you layer design elements. On top of the cement foundation and vertical wooden planks you add drywall, paint, molding, pictures, etc. Additionally, components are added to allow you to interact with the building. Doors are bolted on, windows are added, allowing light and entry into your new building.

Websites are just like buildings.

Construction Family

The basis of any website, its foundation is called XHTML (eXtensible Hypertext Markup Language). It is literally the support beams and concrete that holds everything up and together. On top of this base you layer on CSS (Cascading Style Sheets). CSS is the design element, it is a file that dictates how everything will look, what color paint will go here, what pictures will go there. Finally Javascript are the doors, the elements that control interaction - the fancy hover effects, the cool popups, the scrolling.

And finally, the backend code for any website really just spits out the XHTML, you can think of it as the mixer of the cement that will be used as the base or foundation.

In additional Web Basics posts we plan to explain more about the basics of XHTML, CSS, Javascript, web marketing, and much more. But, we’d love to hear from you. This whole series was really the culmination of input we received from friends, relatives, and clients and we want more. If you have any ideas for a post or have been wanting to learn something about the web or technology in general, please contact us and let us know.

Be The First to Comment!

Enewsletter

Stay up-to-date on all of the latest web technologies that impact your business and your clients' business.



Search Atilus.com