How is your website built?

I recently had a discussion with Mhairi about a possible project. Mhairi had a client who wished to add a blog to her site and she asked if I could provide her with a quote. Unfortunately, the website was built with ColdFusion and thus I told her that I wouldn’t be able to work on it because I’m simply not familiar with ColdFusion. Mhairi was a bit confused at first and unsure why the code should matter.

Unfortunately when it comes to the web there are loads or tools out there and lots of different programming languages. Developers tend to focus on one or two tools and specialize in a language. At Bluelime Media, we specialize in table-less HTML, php and WordPress. Believe it or not, we still use Homesite to hand code our sites. If you’re looking for Dreamweaver templates which can be updated with Contribute, we’re simply not the right fit for you.

So when looking at a website, how can you tell how it was built?
When looking at a website, take a look at the address bar when moving from page to page. The file extension will give you an indication of the programming language used. Here’s a quick run-down at the different types of pages out there.

You can also find out a lot about websites by looking at the source code. Here are a few things to look out for:

  1. <http://www.domainname.com/blog/wp-content… />

Websites built using WordPress will have code peppered with wp- markers.

  1. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  2. codebase="http://fpdownload.macromedia.com/..."
  3. width="149" height="378" id="NavTabs-1" align="middle">
  4. <param name="allowScriptAccess" value="sameDomain" />
  5. <param name="movie" value="NavTabs-1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#bbbbbc" /><embed src="NavTabs-1.swf" quality="high" bgcolor="#bbbbbc" width="149" height="378" name="NavTabs-1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  6. </object>

These lines of code are a sure sign that the content is a flash file.

  1. function MM_reloadPage(init) { //reloads the window if Nav4 resized
  2. if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  3. document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  4. else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  5. }
  6. MM_reloadPage(true);

Any mention of MM of InstanceBegin indicates that Dreamweaver was used to create this website.

  1. <meta name="ProgId" content="FrontPage.Editor.Document">
  2. <meta name="generator" content="Adobe GoLive 6">

Front page and GoLive both leave their trace in the meta tags.

1 Comment so far

  1. mhairi November 23rd, 2007 5:19 pm

    What would I do without you to demystify the tech stuff for me! I’d be eternally confused I suppose - thanks for the tip this is a great way to understand more about my client’s existing environments. What about more lowly tools like FrontPage?

Leave a reply