Category: Web Design

HTML5, Responsive Design, CSS, Frameworks and all matters related to building a website.


Is Your Website Turning Heads?

Head Turning Or Finger Moving?

As you browse the web, oogling the awesomeness of your favorite website and its Lupita-Nyong’o-esque beauty, you begin to realize that the website YOU rely on the most to tell YOUR business story and bring in the coin is quckly becoming stale and a little Liza-Minnelli-ish (okay, she can still turn some heads but YOU want to turn more heads).

Web Speak

Being Heard & Understood

Is your website speaking clearly to your customers? Is your business story easy to share?

Maybe it’s time to finally tackle refreshing your website or perhaps making sure that social media tools are well integrated for your customers.

But first, you wonder how to speak to your web designer or developer so that what you want is clearly understood. Maybe, you just want to understand what that mumbo-jumbo is that they are telling you.

So here are just a few basic web terms that may help you along the way as you build your business on the web.

Website Layout Drawing

Web Terms

background:
This is the color or image behind the content of a page or area within a page.
blog:
A type of website that allows you to publish regular content that may include your company updates, images, videos, ect and is very good for SEO (see definition).
content:
This is the stuff that sits inside a webpage such as images and text.
CSS:
The nerdy stuff that has to do with how your website looks. Designers & developers use this web language to change colors in a page, text sizes, how the website displays on desktops and mobile devices, and generally anything that affects the appearance of a site. You’ll hear the word styles and style properties often when CSS is discussed.
dropdown:
Sometimes a menu bar will consist of buttons or links that contain other buttons or links to different pages on your website or elsewhere on the web. Often when you click or hover over such a dropdown button, another menu will automatically appear below or next to it.
font:
The text that is used on a webpage is given a name. There are many different kinds of fonts and font-families that you can pick from. See definitions for serif and sans-serif.
footer:
See image above. Think of the area at the bottom of a webpage as the footer. It may be an area that contains just the legaleze such as copyright information. Sometimes it is a larger affair that contains a secondary menu bar or other content.
form:
Web forms are often used on Contact pages. Visitors fill in a form and typically click on a submit button. Forms often affect web design prices because of the extra coding that they require. An alternative to a contact form is a link that simply opens a visitor’s email client when clicked on and automatically fills in the email address information.
gallery:
Everyone loves photos. Galleries are areas where multiple photos can be viewed by visitors. There are many types of galleries and they will affect website design pricing.
header:
See image above. Think of the area at the top of a webpage as the header area. Often this is the spot where you will put your business logo and perhaps company slogan. Often a menu bar is around this area.
headers:
Different than the page header above, this one refers to the text or images that are used as titles or sub-headings within a page. They are named in HTML as h1, h2, h3, h4, h5 & h6. Generally, an h1 header is designed to stand out from the normal body text and is larger than h2. An h3 header is smaller than an h2 header. These are used to divide up the content of a page in chunks that are easier on the eyes and important for SEO purposes.
homepage:
This is the main page of your website – the first page a visitor will generally reach when they type in your website’s address.
host:
This is generally the company that you pay for hosting your website. All of your website files and code live on servers at this host company. GoDaddy and HostGator are examples of hosts.
HTML:
This is the common language of the web. It’s the language that a webpage is written in. You don’t need to know this, that’s why you are paying someone else to handle it.
JavaScript:
A common scripting language of the web that is used for many different purposes such as achieving special affects.
logo:
This is the image that represents your business brand. It should be easily visible and typically resides at the top of a homepage.
menu / navbar:
This is the area that contains a group of buttons and links that visitors click on to reach other areas of your website.
mission statement:
A message that contains a concise and carefully crafted statement that informs visitors what your business goals, purpose, or values are.
motto / slogan:
A short phrase that captures your brand message. It is often found near a company logo.
page:
When you type in a website address (URL) in your browser, you are typically requesting to view a webpage. The homepage is your main website page. Others can include: About Us, Contact, Products/Services, ect.
responsive:
Pretty much a requirement for any new website. A responsive website will adjust to various screen sizes and devices. Due to the extra development time and costs, these types of websites will cost more than non-responsive sites.
sans-serif:
A type of font-family that is characterized by text characters which don’t contain little wing-dings or projections at their tips. Arial and Helvetica are examples of typefaces that are sans-serif.
SEO:
Search Engine Optimization represents many things. It’s an effort to craft a website that is easily and accurately found by search engines. Best practices often include the use of various coding techniques and site layout considerations. You will often hear the phrase ‘key words’ when talking about SEO. Understand that this is a constantly changing thing and can require considerable time to properly plan and implement.
serif:
A type of font-family that is characterized by text characters which contain little wing-dings or projections at their tips. Times is a serif font.
shopping cart:
This refers to an area of a website that allows visitors to select products or services for purchase.
sidebar:
See image above. This area is often used to display content that is not necessarily part of the main content message of a webpage. It might be on the right or left side of a page.
slider:
A type of image gallery that typically is prominent on a webpage and that may automatically scroll between images with special effects.
social media icons:
These are the small images or links that are used to connect visitors to your social media pages such as Facebook and Twitter.
testimonials:
This is a spot on a webpage that contains your customers’ praise. It helps spread the love.
widgets:
These are embedded areas on a webpage that can contain things like your Twitter feed, Facebook feed, maps, ect.

I’ll try to bring out a social media speak blog soon as well.

Thanks for stopping by. Also, do not worry if the lingo is too hokey-pokey for you. I also speak English.

Contact Teaneedz (JohnC)

Teaneedz Updated Biz Card

Contact Me

Did I miss you when I passed out my business card? Here’s my updated contact information.

Feel free to email, tweet or Wickr me if you’d like some company for teaz. I move pixels around so that you can concentrate on the bigger things for your business.

TeazMedia is easy to work with and we accept plastic (sometimes tea leaves).

We Accept Credit Cards

No Pixel Too Small

Teaneedz Card

Or Conversation Too Short

It’s 2014 and maybe you’ve been eyeing your website wondering how to make it pop or become more of a conversation starter.

Maybe there are just a few pixels that need to be rearranged. Perhaps some visual candy is needed or a way to join a social conversation.

Maybe you’re worried about California’s new Do Not Track requirements. That Privacy Policy is something that’s been gnawing on your mind for awhile.

Whatever the state of your website, you know that mobile is something that’s supposed to be important today.

Oh, but perhaps the budget is on the lean side. It’s amazing what a little change here or there, now and later, can do.

TeazMedia is moving pixels around for websites in need of a little “teaz”.

Please reach out to me to discuss what the possibilities are for your site. I’ll give you an honest opinion about what’s possible and what will work for your bottom line. I may not end up being your solution, but I’ve kept some site owners very happy. I’d love an opportunity to at least try to be a good fit for your social or website needs.

We’ve moved pixels around for an artist, fine craftsman, theater, security company, real estate brand, and a city.

I used to do some things for one of those big Internet companies, so I’ve been around the interwebs a bit. I’m practical though and never far from a workable solution.

I’m also reachable.

I can often be found pedaling from point A to point B while holding a cuppa tea. Maybe that means I can multi-task, or more likely, I’m just willing to bike it with a few tea leaves.

On the personal side, I’m a husband and a homeschooling dad. Did I mention multi-tasking?

Contact me. I’m easy to work with.

Don’t worry. No pixel is too small.

20140107-223021.jpg
20140106-195756.jpg