Posts Tagged ‘web developer’

How to hire a web designer

Before rushing into your big online business idea, there are a lot of things to consider and the first is how to hire a web designer.

Have a plan

Let’s take a look a few key points when hiring a web designer, first you need to establish what it is that a web designer is going to do for you. Before you even approach a web designer, know what you want. It’s far too easy for web designers to accidently overwhelm you with technical jargon and deliver something that might not meet your needs.

Understand their role

A web designer is a tool much like a hammer, you can build a great house with them but you can’t depend on them to be everything, all the time just like you can’t expect an architect to be a great plumber. What most people think of as web design falls into several special categories:

  • Web designers, the people who control the look and code static HTML for browsers to read
  • Web developers, who program website dynamic code for ’smart’ websites
  • Web marketers, who promote your website and create social media links
  • Web architects, the people who plan complex websites
  • Web content developers, people who write and edit text for your website

Freelance web designers are often great at one thing, sometimes two but rarely three or more. If you’re unsure if the web designer you’re talking to can complete all the tasks required, hire additional help.

Shop Smart

If you’re the type of person who wants (or needs) to succeed online, shop smart and shop around. Once you have a comprehensive plan for what you (the business owner) wants, talk to at least three web designers and get equally comprehensive quotes from each. Remember, you’re in control of your own website and need to feel educated and properly equipped to make the best choice possible.

If all else fails, ask me for an opinion I offer comprehensive consulting services designed to help business owners make better website decisions and build better websites.

Hyper linking in Dreamweaver

HTML is all about something called Hyper Linking. Actually, that’s what the first two letters of HTML pretty much stand for … Hyper Text Markup Language but what does it actually mean? Well, oddly enough us geeks are not all that tricky to understand, give us a beer mug shaped like Yoda’s head and let us string together a few acronyms and we’re happy.

Hypertext is text on a page that contains a Hyper Link

A Hyper Link is a piece of text or graphic which links to another document. When a user clicks the Hypertext, they follow the Hyper Link to the new document. Not brain surgery but I completely understand how most people would never need to know that.

Using Hyper Links in Adobe Dreamweaver is, for the most part dead simple. To insert a hyperlink into your Dreamweaver document, simply ensure you are in Design mode and select the text you want to make a hyperlink. Next, using the Property toolbar, type the website address you’d like to link to.

How to make a hypertext link in Dreamweaver

How to make a hypertext link in Dreamweaver

There are actually several things you can do with a hyperlink, called protocols. Most people only ever know about the http:// protocol (the Hyper Text Transfer Protocol) but there’s also a ton of other protocols people could use including the https://, ftp://, mailto://, gopher:// and of course the nntp:// protocol. If you have no idea what these are, congratulations … you’ll almost never need to care in your life unless you’re a hard code web developer.

Once you’ve added an http:// link using Dreamweaver you can also force the clicked link to open in a new web browser simply by adding the phrase _blank to the Target field of your property bar. There are a couple of other neat tricks with anchor tags people should be aware of, but to accomplish them we’re going to have to switch to Code view in order to see the following code:

[source lang="html"]<a href="http://www.thisismyurl.com">This is my Hypertext.</a>[/source]
In addition to the href value (where the click will go), you can also add:

  • accesskey to make the link a keyboard shortcut
  • class to assign a CSS class
  • dir (rtl or ltr) to make the text run right to left or left to right
  • id to make the anchor text have a proper name
  • lang to assign a language value
  • style to format the tag
  • tabindex to index the tab order for the link
  • title to assign a title tag
  • rel for the link relationship.

Of these I would recommend most links on a website have an href value to show where people should go, an ID if it’s a critical link, a rel for defining relationship values and the title for SEO value. Typically then, a link should look like:

[source lang="html"]<a rel="nofollow" title="My Great Website" id="mainlink" href="http://www.thisismyurl.com">This is my Hypertext.</a>[/source]

Absolute Paths vs. Relative Paths

One of the great debates in web publishing is the choice between using absolute paths vs. relative paths. An absolute path is one which is mapped completely to the final destination (http://www.thisismyurl.com/tutorials/placing-page-content-in-adobe-dreamweaver/) vs. one that is linked relative to the document you’re currently reading (../placing-page-content-in-adobe-dreamweaver/) the main advantage of an absolutely path is that it’s locked, while the main advantage of a relative path? That’s it’s relative … in the end, it doesn’t matter so long as the link works.

This tutorial is part six in a ten part series.
  1. Preparing a website in Adobe Dreamweaver
  2. Building your first Dreamweaver Template file
  3. Structuring your website with Adobe Dreamweaver
  4. Improving the common elements in Dreamweaver
  5. Placing page content in Adobe Dreamweaver
  6. Hyper linking in Dreamweaver
  7. Working with Images in Adobe Dreamweaver
  8. Adding Cascading Style Sheets with Dreamweaver
  9. Putting your website on a remote web server with Adobe Dreamweaver
  10. Adding Google Analytics to your Dreamweaver Template

Small Business Website Hosting

 One the first questions I get asked by prospective web clients is what kind of web hosting they need for their small business, I guess it’s a fair question but as a web developer I’ve been in the business long enough to tell you honestly that you don’t need a very big hosting package.

Generally speaking website hosting comes in three sizes, and for most people I build websites for the minimal expense is the best. Let’s take a quick look at what type of hosting you should plan for when you’re designing a website.

Small Business Website Hosting

bluehost hosting Small Business Website Hosting imageFor the vast majority of small businesses, web hosting should not be a very complicated decision. Hosting companies abound on the Internet. What you should be looking for is a hosting company which offers you at least 25MB of storage space and at least 1 GB of monthly transfer. 

Just so that we’re clear, an MB is a Megabyte and storage space is how much data you can store on your web server at any given time. My website is 350MB in size but has over 6,000 pages which is about … 250 times the size of a normal website.

A GB on the other hand is a GigaByte. Both are measurements of data, where a GB is 1024 MB’s and an MB is 1024 kb’s (Kilo Bytes). So far this month I’ve served up enough web pages to account for 5,167 MB’s (around 5GB’s) of data but to be fair, I’ve also served 80,000 pages. In comparison my Getaway Graphics website has only served up 1,200 pages at a cost of 5MB hard drive space and 300MB worth of bandwidth.

Which leads me to the cost of hosting for a small business, there are a lot of option out there and the costs are all over the map. A lot of people assume that by paying more for web hosting they’re getting better web hosting but that’s not true. I pay ~$7 a month and serve up 25 or more the volume of business a normal website would expect to handle, while a close friend of mine pays $25 a month with no noticeable benefits. In the end, if your website has less than 100,000 visitors per month a standard web host should be able to handle your volume.

Cloud Hosting for Medium Sized Websites

When you get into website that host membership website software or popular forums, heavily visited blogs, new services and highly successful regional sized companies you’ll want to look at something called Cloud Hosting. Basically cloud hosting is the same as shared hosting (what most providers do) but cloud hosting companies limit the number of companies sharing a single computer to just a few and ensure the computer has enough memory and equipment to handle mid level traffic.

Cloud hosting isn’t cheap. It’s a major jump in price to about $100 per month but the difference is out of this world. In real world terms, if your WordPress blog is running over 100,000 unique page views per week you’ll want to seriously consider moving to a cloud hosting solution. On the other hand, starting out at that level is just an expense for most people and one that can be avoided.

Remember, it’s fairly easy to move from a smaller package to another package if you need to upgrade later on.

Dedicated Hosting for Large Websites

Let’s be clear, when I talk about a large website I’m not talking about how many files you upload or how wide your website’s graphics are … I’m talking about how many people access data on your website more to the point, by the time you get to need a large website provider such as RackSpace or dedicated hosting with somebody like Godaddy, you should be measuring your web traffic volumes as visitors per minute … not days.

Virtual web hosting generally starts somewhere between $250 and $500 per month but can run into the $10,000 range or higher for high volume websites. If this is your first introduction to web hosting, don’t panic … by the time you’re incurring that type of expense you most likely have a dedicated team of web professionals working for you full time.

How do you install WordPress Plugins?

So the other day I was talking to a friend online, he’s pretty tech savvy but he’s never run a website so I set him up with WordPress. As soon as the site’s live, I’ll be sure to post a link to it but the funny thing was that after a few days of him doing tweaks to the content I showed him the plug-in directory and he was shocked. He’d always used Joomla before, so the idea of true ‘drag and drop’ plug-ins blew him away.

This got me thinking however, maybe there’s a lot of people out there who want to run their own website, maybe they even want to do it for only a $100 (or less) but are terrified of the technology so I’ve decided over the next few weeks to post some fairly entry level tutorials for WordPress, my more regular readers might roll their eyes but bear with us while we delve into some of the less technical aspects of WordPress and help new users learn the system.

Today, I’d like to look at installing a plug-in. I think this is one of the most terrifying endeavors for a new WordPress blog owner but honestly, it’s one of the easiest especially with the new WordPress 2.7 installer.

  • First, log into your administration area and click the Plugins link on the left hand side.
  • Next, follow the link  Plugin Browser/Installer at the bottom of your page.
  • Honestly, you’re almost done.
  • Find a plugin that you like. I recommend searching for the WordPress.com Stats plugin, it’s amazingly cool, easy to use and free.
  • Once you search, you can read about the plugin and click the Install button to the right.
  • Yep, that’s all there is to it.

With the new version 2.7 of WordPress, things are getting so easy that just about anybody can setup and operate a WordPress website without needed a web developer at all. :(