Archive for the ‘Web Design’ Category

How to Use or Install Google Maps on my website

Wednesday, March 28th, 2007

I installed Google Maps on my own website today just to try it out. It’s fairly simple and Google provides a lot of examples on how to do it.

1. API Key

First you have to sign up for an API key – a Google account is required. This key can only be used per domain and has to be used in the Javascript code to verify ownership.

2. The “Hello, World” of Google Maps

Next, create a new file on your server and copy and paste this code into that page. Make sure to use your API key.

3. Test your page on your server.

Link: Google Maps API and Examples

If you don’t have time to figure it out I can install it for you for a minimal fee.

What is website hosting?

Thursday, March 22nd, 2007

For people to view your website, you will need to put your site on a server that has a web server installed so it can ‘server’ your website to the world wide web.
At Impulse, we actually resell hosting plans to our clients. That means we don’t actually own or have a server sitting nearby, we let a full time hosting company handle the hardware and we handle the websites. They charge us, we charge the client and we both make a little money.
This method is used by many smaller web companies who can’t afford to hire someone to maintain the server – that is usually a full-time job. Another great benefit of reselling is that the hosting company usually has great 24/7 support so they can take care of any problems that may arise. Their facilities are usually super secure and tightly monitored so your website will stay running smoothly.
To find out more about our hosting plans at Impulse, please visit our hosting page.
Link: Impulse Web Solutions – Wilmington NC Website Hosting

What is the web design process?

Friday, March 16th, 2007

Here is a breakdown of the web design and development process so you know what to expect:

Communication
This is the most crucial step of the whole project and needs to be documented correctly before any work is done on the site. It is important for us to listen to you and your needs as a client. It is important for you to accurately communicate your goals for the website. Sometimes clients don’t always know what they want, so we often ask some questions to help begin effective dialogue.

Website Quote and Pricing
Once we know what you do and don’t want, we can provide you with an accurate quote on how much the project will cost. Once the site budget is approved and all documentation has been signed and approved, we require 50% of the site cost up front. Pricing a website is sort of like buying a car, the more bells and whistles you want the more the car will cost. Therefore, the more information about the project we have and know up front, the more accurate the quote will be.

Web Design
Your website design speaks volumes about your business. Think of your website as the billboard on the side of the internet highway as thousands of web surfers cruise the internet on a daily basis. Will they stop and take a look or keep going? The quality of your site will determine if they stay or go. Be sure you have taken a look at the past work of the web design firm you choose and that they can produce the kind of quality your site deserves.

Web Coding and Programming
If your site requires any PHP programming, this is done once the design has been approved. PHP is a dynamic programming language we use to do tasks such as email contact forms, application form processing, content management, e-commerce and database development.

Delivery
Once the site is complete and has been approved by the client, we are ready to ‘go live’ and put the site up on the web for all to see and explore. To make a site live, you will need a domain name and someone to host the website. We recommend GoDaddy.com for purchasing domain names and we provide hosting for $15/month. Read more about our web hosting plan.

And then….
Well, the site is done, but the relationship is not. Many clients like to do site upgrades in the future, like to purchase other services like search engine optimization or will need technical support. We often check in with clients on a monthly basis to make sure things are still running smoothly and to offer any support they may need.

How to use an image to prevent comment spam – Captcha

Thursday, March 8th, 2007

I recently designed and developed a website for AValive/Triangle Visual Interactive and the owner of the site was getting frustrated with all the comment spam he was receiving. The website has several forms and people were either wasting their time, visiting the site and putting in junk, or the site was being hit by a spam bot. Spam bots crawl the internet looking for sign up forms, comment forms, blogs, etc., and put in junk data and submit them. Junk data is usually in the form of some advertisement for Viagra, Real Estate deals and porn.

So I did some research on the net to try and find out how to prevent comment spam. I’ve often signed up for things on the net and been required to type in a text field some numbers or letters that I see in an image.

Luckily, I came across a great site that described how to implement this Captcha image in like 10 minutes. It also shows you how to do an audio clip so that site users could listen to a recording and then they would type in what they hear.

To use this technique, you need at least PHP 4 compiled with GD 1 or 2 (Image Generation) and FreeType text support. It should work fine with Linux, Mac OS X or Windows based systems although you will need to change the default temporary file storage directory specified when using with Windows. PHP session support is also required. The audio CAPTCHA requires the Flite text to speech synthesis engine – more details on set up below.

Some other features of this technique:

  • Multiple random TrueType fonts
  • Character rotation
  • Optional chararacter shadow support
  • Optional site owner display text
  • Random custom background images
  • Font size selection
  • Greyscale or colour lines and characters
  • Character set selection
  • Integration of validation function for checking the user entered code with the generated code

Hope this helps somone else.

Link: Instructions on how to install Captcha image

How long does it take to build or design a website?

Thursday, March 1st, 2007

I think this mainly depends on the client. Some clients have deadlines and timetables, some don’t. Some clients get everything that you need right away and some take their sweet time.

One of the longest periods of time during website development is the initial mockup design phase. Often, I will design 1 or 2 mockups for a client. Sometimes I will do 1 mockup and show it to the client – they like it, but they want to tweak it. This back and forth cycle can take up too 2 weeks easy. Make a change – show it to the client – they get back to you in a day or two – make another change – show it to the client, etc. Some clients are pickier than others. That’s not a bad thing, it just means that as a designer I need to try and understand exactly what it is the client is looking for.

Another time killer during web site design is waiting on content. When the website design is complete and then you say, ‘ok, I need to know everything you want to say on the homepage’.

Writing copy for a website is hard, I’ll admit it. I don’t like doing it either. But it is important to say the right thing and so many clients spend a good amount of time thinking over exactly what they want to say.

Sometimes it’s not always copy – sometimes it’s waiting on images. I did one website for a client who wanted a different header image on every page. So that client went to a stock photography site and hand picked every image they wanted. Not saying that was a bad thing, just saying that kind of stuff takes time. Searching for the right image can take awhile, trust me – been there.

But, I have to be honest, we designers can also kill some time as well. I am very picky about my web designs. If I don’t like it, I don’t show it to the client. I have to like it too. I often do multiple versions of a design until I get it just right. This can take a week easy.

My general rule of thumb is about a month for a basic 5 – 10 page website. I figure a week for the design phase, a week waiting for content, another week for popping in content and then the last week is for final review by the client and any last minute changes and updates before going live.

Trouble with Dreamweaver 8 on Mac OS X

Wednesday, February 28th, 2007


Found out from a friend today that Dreamweaver 8 (Studio 8) is not fully compatible with Mac’s new Intel based computers yet but instead is using an emulation software called Rosetta. Rosetta allows software that is PowerPC compatible to be run on the new Intel based computers. Adobe’s next release of the Studio (and Photoshop3) should all be fully compatible but for now we have to make do until the new releases come out.

Been noticing my Dreamweaver has been kinda slow compared to my previous PC experience so thats why I did some research.

When buying software for Macs, look for the Universal symbol – that lets you know the application is using Apple’s Xcode and means it runs natively on both the new Intel-based Mac computers and on legacy PowerPC-based Mac systems.

This PDF might be helpful – I know it was for me.

PDF from Adobe

Hope this helps some other Mac newbies out there.

How does pricing work?

Wednesday, February 28th, 2007

I normally require 50% of the project cost up front before starting any work. The final 50% is due upon project completion. I send invoices for you to keep for your records.

Payment is due as soon as possible but I normally give clients up to a month to make payments. After a month, there is a $100/month fee for late payments.

We accept the following methods of payment:

  • Paypal
  • Cash
  • Check
  • Visa
  • Mastercard
  • Discover
  • American Express

I want to be able to update the site myself – can I do that?

Saturday, February 24th, 2007

Many clients come to me and want the ability to update all or some of the pages of the site on their own. Sometimes they may have changing prices, new sales events and specials, they want to display different ads in different seasons or they just want to have that sense of control over their site text.

Many tools are available on the market today for what are called Content Management Systems or CMS.

One method I use is to create a ‘backdoor’ for a client with a listing of pages. Each page has a content box and that content box is where text edits can be done. They hit ‘Update’, the data is sent to a database and then the site updated on the front end.

Another option is to purchase a copy of Contribute, a product by Adobe (formerly Macromedia). Contribute connects to your web server, where the files are stored, and lets you edit the content of the site pages using a nice GUI editor, similar to Microsoft Word.

These are just two examples, but I know there are many other type systems on the market today. If you are a web developer and know of another CMS system, please feel free to share your ideas here on this forum.

Link: Content Management System

How much does a website cost?

Friday, February 23rd, 2007

The best way to answer this question is to think about buying a new car. The more bells and whistles (chrome rims, 4-wheel drive, spoiler, flames painted on the side) you want on the car the more it costs.

Same goes for web design – the more bells and whistles (Flash movies, CMS, dynamic pages, fancy navigation menus) the more the site costs.

I try to first extract from the client what the basic needs are: homepage, about us, products, services, contact us.

These are what I call the ‘Fab 5’ – the foundational pages of a website. These type of sites aren’t normally that expensive, maybe $500 – $750. But then when you start adding Flash, more pages, the ability for the client to update the site themselves (CMS), etc., the bill starts going up.

Another factor of course is how much the web design firm charges per hour, per page, per mockup, etc. I know one guy who is very good who charges $500 just for the mockup. I know some companies where you can get an entire ‘Fab 5’ site for $500. But then again, just like everything else, you get what you pay for.

So, how much does a website cost?

1. Will depend on the web design firm’s standard charging rates – not everyone charges the same.

2. If you want to pay for what you need as compared to what you want.

3. Do you want all the bells and whistles or will a basic ‘Fab 5’ suffice?
To get a web design quote, please use our web design quote form to contact us.

Cool FTP client for a Mac – Transmit

Wednesday, February 21st, 2007


Finally found a nice FTP client for my new Mac – Transmit.

If you came from a PC like me you are probably familiar with other FTP clients like Filezilla, WSFTP or IPSwitch.

Pros:
These all pretty look the same – your PC is on the left and the server you are connecting to is on the right. I like that, am use to it, and work faster that way. And that’s how Transmit is.

Other FTP clients for Mac like Fetch did not have the 2 panes and it was hard for me to adjust.

Cons:
However, Transmit is $29.95 so it is on the pricey side for an FTP client.

Link: Transmit by Panic