Tonya.me.uk - The story.

>>Page 2 of the story

Go to main work page to see what I do & why but here is the story of & mechanics behind my site, why it appeared & how it developed. Updates to this story now appear in the 2005 update. This includes screen shots of design changes.

Evolution and Change

My site has evolved and changed quite a bit over the years it has been online and now and then it has a major style overhaul. This tends to coincide with new emerging technologies and my ongoing work to keep my work skills up to date. I like to think of my site as a work in process. A constantly evolving growing entity.

Its latest major rework was Feb 2007 . This lastest look is almost totally CSS complaint. On page 2 you cans ee some of the looks my website has had in the past. [page 2]

CSS

I love CSS & build most of my sites around cascading style sheets. This technology has got better & better over the years and now a HTML page can appear almost text alone with its associated style sheet.

Dreamweaver & ASP

Most of the site is written in ASP with include files for the headers, footers and navigation bars. There is an Access 2000 database in the background. Access is not designed to cope with big websites and if over 40 or so users try to look at something at the same time you get a 'too many client connections' error. But hey I was impressed that many people were looking at my site !!

I work in Dreamweaver MX and now use templates with CSS and ASP for the main data. I hand code the ASP rather than use dreamweaver to generate it. I used to and still occasionally teach ASP courses so I had the knowledge to at least get me off from the starting post.

Storyboard

The original plans were done in a lined notepad. I just drew maps of what files I had and where I wanted them to go so that I had an idea of what buttons I needed on my Navigation bars & what content I needed to write etc. Click here or on the graphic to look at the storyboard in more detail. This storyboard is now done as an electronic map [see update]

 

Content of www.tonya.me.uk

I started with a storyboard and actually the site originally only had 4 areas. Home, Fun, Links and Marathon. It kind of grew from there. As I started work on client sites and had requests for various features I realised that to get some of the projects working I could create them & test them here first. Thats really why the site was started and so here it is. A showcase for work I have done. After the storyboard I actually did a proper map of the site showing links etc so I could keep track of where files were. I then created my admin area so that i could manage the site while I am travelling.

Online Journal

I wanted this area to have a list that you could look through then pick an entry to view. Once you are viewing entries you can scroll through them one by one. Getting the entries from the database was easy.

The scrolling turned into hard work especially after deciding that rather than one huge evergrowing list I would like a list showing 10 records that then had page scrolling to show the next 10 etc. This presented problems as initially if you tried to view entry 12 on page 2 you got entry 2 as it was counting from 0 again i had to incorporate an ID into the database and use that instead.

Eventually I also learnt how to pass a sort variable in so that people can resort the lists in date order ascending or descending. This will work on any column in any list.

Gallery

I wanted thumbnails that you could scroll through. Then when you click each thumbnail it opens a new window with a larger image in it. This was quite easy to produce. What gave me problems here was getting the records into columns as well as rows.

Links

This started as a static list but grew and grew. Eventually I knew that I wanted it to be searchable & allow users to choose how many records to display per page. Once this worked I could plug this feature into any of my list pages. I also ammended the scroll feature on this so that you get page numbers and next & previous I had & still do have problems getting this to work on every page and often end up copying code from somewhere it works and reconstructing the main table around it. I don't have a clue why this happens !!!

Fun

This area grew and grew until eventually i needed a way to navigate & display what was in this area easily. I opted for a radio button list which posts to a redirect page passing the value of the button into a go-url variable that basically makes use of response.redirect asp code to find the relevant page and go to it..

Travel

Maps, Info & Lists of Places visited.

An easy one. funky dragons found on a graphics website & maps scanned in then reduced.

At the the start of May 2003 before I left for my travels I decided to extend this area a bit further. I thought it might be fun to have a growing list of places I visited in each country. The dates I visited and a few comments. This was quite easy to do after all the other lists I have worked on. I created some tables for the database that would hold the lists. If there are no records in the table yet then you get a message saying "i havn't been anywhere yet" if there are then a list starts to grow. This was just one of the other features that I thought would keep the site growing while I was away to stop visitors getting bored! Stickiness !!

GuestBook & Message Board

taken offline 29004 because of a hacker

 

 

 


Another easy one after all the work done so far. It was simplest to do this in the database. No messy script objects etc. A form that adds the message into the database & also sends an email to me telling me I have a message & a thanks email to the person posting the message.

The format of the message board itself is simple & not amazing but hey when i looked at some other message boards & guestbooks it didnt have to be amazing.

The most important thing I wanted to work on here was how to create those simple text formatting sections that some questbooks and forums have on them.

Two problems to deal with.
1) How to pass the simple tags into the text area. Thanks to Shadow Wizard on ASP101.com for his help and it turned out to be really easy.
2) How to change them into real HTML. Eventually thanks to ASPFree Forum and Andrew's response I worked out how to create the code that exchanges the simple tags for correct HTMl tags. Its a simple parsing feature that collects the text from the form and before passing it to the database parses it & switches the simple tags for whatever you tell it to. That makes doing the emoticon images really easy!

The best bit was finding bravenet.com and finding the guestmap. Which i adore because its so dinky & lovely !

Admin Section

The admin section is locked behind a logon screen.

I didn't want just anyone being able to get at my admin area so its password protected. Actually this was great as I had a client who wanted their whole site password protected so I did the code here first.

There are further depths to this section that require even more access but that was easy to work out after login and combines session ID's with cookies.

The admin section also contains an area where I can upload files of any type. So that photos'. graphics for links or attachments for emails can be uploaded without requiring an FTP program. I can also add to my address book online, create journal entries, add to my travel list of places visited etc etc.

I can also bulk mail from this section. Sending either plain txt emails or HTML emails like newsletters to everyone in my maillist.

Mail List

Another client wanted a system by which people could sign up to be on their mail list. The code was quite complex because I actually wanted it not just to submit email addresses into the database but also check if that address was already there or not and respond accordingly. I also built a delete option in too.

Home page

I wanted the home page to change as much as possible. It may look like a page of text in HTML but the entry is actually another database delivered item. This means I can update this anytime I like while I am away. The fact that it has a date on it should indicate to people that it changes & when

You can read the archive of entries here

Common Errors

Click here for a list of common errors & the resolutions I found.

If you like what I have done and what to know how I did it then just mail me or post a message on my message board and I will try to send you the files.

www.tonya.me.uk website story 2005

Website Marketing
I also researched website marketing and found that its really easy to register with all the top search engines. One or two want money off you to ensure you stay up in the top ratings but there are also websites like this one http://www.internet-marketing.me.uk who do Marketing & Search Engine Submissions for you and proclaim Guaranteed Hits Internet Marketing as their game so its worth checking out one or two of those too. At the end of the day the best way your site will get seen is just by existing. The longer it exists and is established the higher it will go in the lists and if you or your designer uses file names and titles and text properly with good meta tags that will help an awful lot.