Dreamweaver says there's a stray tag in this table

Is it just me, or is that table absolutely fine, despite what Dreamweaver says?

Share

Hello!

I'm Edward Townend. I'm Graphic and Web Designer, Photographer and (improving) Web Developer based in Barnsley, South Yorkshire, UK. I run the design agency Townend Creative LimitedThis is my blog, and I'll be keeping it updated with articles of interest to the graphic design and photography community, as well as any updates that happen in my World.

I’m Listening To:

That’s a question I was asking myself about a year ago now, when I was approached to write a database system for a betting tipster. The concept was fairly simple, the employees of this business need an online form to add tips for each betting system the company runs, and later update these tips with the result of the race.  Then a paying customer can access this information as a nice table, with the ability to filter a specific date and/or betting system. He can also choose to download the data to process in his own Excel spreadsheet, for example. Pretty simple, no?

Edit Screen

This was, however, the first project I’d ever chosen to write in PHP, so I had to learn to adapt my knowledge of  Visual Basic and Access via ODBC, a client-side language, to the server-side nature of PHP and MySQL. The cient didn’t really want to hang around forever, so I thought I could speed up the whole process by using Dreamweaver’s ability to ‘build applications visually’, then tweak and add to the resultant code to add the custom features they requested. These included automatically defaulting to editing today’s date, a rich text editor for notes, easily editable drop down menus for the betting system, automatically moving to the next tip once saving, and some other stuff. It still sounded pretty easy, even for a PHP novice.

After some initial confusion regarding using phpMyAdmin to create the database (solved by the hosting provider,) I was amazed at how quickly and easily I could piece together the bones of this program in Dreamweaver without even touching the code. It seemed a great way to work, letting Dreamweaver do the hard work and then tweaking the result. I was getting paid to click and drag! However, I soon ran into problems. Once I had a few server behaviours on the page, they started to clash, as they were all trying to use the same variables. This took a few hours to hunt down, and even more to correct the problems I caused (Coming from my VB background, I kept forgetting that lines had to be ended with a semicolon.) The biggest problems arose when I finished the structure and came to tweaking Dreamweaver’s generated code. What seemed to happen when I made a change to the code, is that Dreamweaver would no longer recognise its own code, the server behaviour would disappear from the side panel, and then it would decide that the code was ‘wrong’ or redundant and try automatically correcting it or even deleting it. I can’t remember the specific problems now, but it really felt that it was me versus Dreamweaver, with it battling to keep its code and me trying to hack it up with my keyboard. In the end, I got a working system presented to the client, and thought that was it.

TinyMCE (The text editor) was really easy to integrate, and has options for every scenario

Now, a year or so later, I’ve been asked to add some more features to the code. Since then, I’ve moved from CS3 to CS4, and immediately I ran into problems with Dreamweaver not recognising the spry tabbed panels I used to separate the different actions the user can take (see the screenshots). From there I ran into the same sort of problems as last time, but I was now better prepared to deal with them. Last night I got the extra features finished, and saved the files ready to deliver to the client on Monday. This morning I had a quick check of the finished page, and spotted a line of text that could be better worded. I changed the text, which involved no changes to the PHP code, uploaded to the server to test once more, and what?! Suddenly the save button is broken! The code goes through all the motions of saving to the database, the page refreshes, the confirmation message shows, but the change has not stuck. But this was working last night, and I haven’t even changed the PHP code! Now I remember last time, Dreamweaver played this game with me, and it took ages to find that it had automatically added a closing tag or something where I didn’t want one. For some reason the update record server behaviour has disappeared from the panel. Now I’m going to have to look through all the code to find something I didn’t even cause. This sort of thing adds loads of time to a project that can otherwise be complete, and I can’t even imagine a timescale that I can find this bug in. It’s really frustrating, Adobe.

Why didn’t I just stop using Dreamweaver for this project and code manually? I’m a stubborn guy, and I really believe the concept of building applications visually, then adding on custom features can speed things along, if only Dreamweaver could keep its nose out!

Share

Every year, we all have the same problem – what do we get our mums for mothers’ day? Though I don’t entirely approve of the concept of set days for anything, that’s another topic for another blog post. This year I decided to do something special, and what’s more special than handmade stuff?

I should explain, our family has a mascot, a cuddly fox known as Smiley. He lives in our living room, and always comes on holiday with us. So I decided to make a necklace of him. I have a fairly limited set of tools available to me, but certainly not a plotter, CNC machine or laser cutter, so this had to be hand made. Obviously I needed a template, as I’m no freehand expert. I traced a photo of Smiley on my graphics tablet to create a silhouette with simplified features.

But what material to use? At first I made a couple of prototypes with old flooring tile. It cut very quickly and cleanly with the cutting disk on a dremel, and the end result was quite decent for a first attempt. But I didn’t feel my mum would really care to wear a piece of flooring tile round her neck. An old circuit board seemed the perfect answer. The board you see there is from the back of a Samsung LCD panel, chosen for its intricacy in the traces and screen printing, as well as being very thin (under 1mm). The components came off the board very easily using a heat gun. Again the cutting disk on the dremel worked well, with edge finishing using a tapered cutter. I chose to detail one side only using an engraving ball cutter to expose the copper underneath, as the other side seemed elegant enough already with its complicated traces and screen printing.

Finally I added a 2mm leather cord from ebay, packaged the necklace in an old jeweller’s box and wrapped it in paper printed with a repeating pattern of the fox template. The one you see here is my Gran’s, I made her a similar necklace.

Both Mum and my Gran were delighted!

Share

Leeds Corn ExchangeThought I’d have a play with Autodesk Stitcher, so I grabbed some photos from a recent trip to Leeds of the Corn Exchange and gave it a go. Considering I shot the panorama by hand without a tripod the images have stitched up remarkably well – though I didn’t keep very level so there’s a weird gap in the middle. I tried to disguise or rather play on the odd shape by stencilling the edges in Photoshop. The image is on Flickr – but I uploaded it here full res (8568×5976) for you to have a closer look!

Share

Edward Townend's Portfolio

Couldn’t help thinking my portfolio is a bit hard to find on this new blog, so I decided I needed a post to highlight it. You can see a selection work I did in my Graphic Design course at College and in my Freelance career so far at www.teamtownend.com/portfolio

Share

Today I moved teamtownend.com to a new server hosted with ukhost4u.com. I used them in the past for another project and they were for the most part okay to work with, and excellent value. Previously, I hosted teamtownend.com on my own homemade IIS7 server in our attic. It worked very well, however the myriad other roles the attic server has (file server for our household, print server, Orb server) pushed the little AMD Sempron 2GHz processor and 1GB RAM to the limit at times. Also, our ADSL connection with Be Unlimited has a feeble 1Mb/s maximum upload speed. Things should be a lot quicker now!

The swap went as smoothly as one could have hoped, I exported the MySQL database using phpmyadmin, copied over the files, updated wp-config.php, and away WordPress went. Then I had to manually convert IIS7′s config.ini files to .htaccess since the new server used Apache. Finally, it was just a case of adding the DNS and CNAME records on the new server, before setting the name servers for the domain (to ensure a seamless swap with zero downtime, not that I get enough visitors to really matter, but it was still fun.) The Sempron is sighing with relief now!

Share