Wednesday 14 October 2009

Research on schedule pages


This is the UKTV Gold schedule page. I have already decided that I am not going to use any of this on my website because it is not the correct shape to house it.

This is the Disney channel shedule page. Again I can't use any of this to help me because the webmaster has used a lot of java script which I am not fully experienced in yet.

I really like the layout of this shedule page for the discovery channel. I can fit this on my page and it is not too complex to input into a page. I will probably use this as a template to make mine. I do not like the lack of colour in this but I really like the confined schedule box which fits nicely onto the page.

This is also a good example of a schedule page from the bbc3 website. I will use this to help me as well. I like the small confined space that the schedule is in. and the amount of colour used in it.

Sunday 11 October 2009

Choice of fonts

After fiddling around with all different size fonts and styles, I decided that microsoft sans serif is the one that looks most professional. Before this I experiemented with comic sans, times new roman, tahoma, ariel,

All the fonts I tried to display in my links bar didn't look right, it looked like an unexperienced student had chosen a pretty looking font.

Below are displayed the word 'Schedule' a few times in the different fonts I used with the one i chose at the very top.

Schedule – Microsoft sans serif

Schedule – Arial

Schedule – Times new roman

Schedule – Comic sans

Schedule – Tahoma

Saturday 10 October 2009

images I have created on fireworks to improve the graphics of my website

There is a grey outline on all of the images I have created because black seemed too bold.
This is the table of links to other websites which are connected with Animal Earth. This is a picture that I have created in Fireworks. When I placed it into Dreamwever, I created hotspots on the real websites to link them to their addresses.
A hot spot is a shape you can drag onto an image in Dreamweaver which is invisible when viewed on any browser. You can then right click on these shapes and make a hyperlink which links a section of the image to a different website. This is a better solution to making a table because tables are hard to make look good.

This image was created by accident. I found an old picture of my cat's eye and a clipart image of some bubbles. I merged them together in Fireworks and came up with this. I decided it would be an effective picture to advertise a scientific program.

This is the image I am going to use to advertise a tv program beneath the video sequence. I have used the image I created by accident because it was a good choice for the name of program I picked.

This small schedule box advertises the brief schedule for the day. I again created this in fireworks. I got the idea of this from the discovery channel website.

Friday 9 October 2009

Development for the homepage



After making the top of the page of the tv channel website perfect, I started working on the bottom. I found adverts to place there and created the bottom bar with the words "Channel 27 on Sky and Virgin Media, channel 198 on Freeview."
Within a day of editing what I had created previously and a lot of referring to my research, I decided that the website should be square so it would fit any shape computer monitor/screen. I made it square and fitted all of the pictures and ideas in the space so everything fitted perfectly like a jigsaw puzzle; meaning there was no black white spaces. Moreover when referring back to my research, I found that most of the websites where aligned to the middle of the screen. I did this by selecting the option at the bottom which says 'align page centre.'
When I had sorted out the issue of sizing and placing, I found that the navigation bar did not look professional enough to be for a real tv channel website. I played around with techniques and effects and still could not find what looked could improve it. I then went into Fireworks and created a rectangle; filling it in with an emarald setting which I modified from a custom Fireworks preset. I put a rectangle in each end of the navigation bar to neat it up.
When I first began to put my idea together using the pictures I made; posted in the next post, I came up with this. This homepage design in this stage is very weak but the ideas are beginning to shape.
For the navigation bar, I have inputted two extra rows; one below and one above. In Fireworks, I then drew a thick black line which is long enough to fit into the navigation bar. I inserted it into Dreamweaver and placed it into the top row and copied and pasted it into the bottom row. When all the images were in, I resized the rows so it looked like the black lines were the outline of the navigation bar; increasing professionality.

Tuesday 6 October 2009

Starting the website

I have started to create my website using the colour scheme of green to help me to get a decent structure.

This is a print screen of the website so far after I have deleted the 1st logo and inserted the 2nd logo. I think that this looks much better and the quality level has increased.
Looking at all the features of websites, I found that they all included search boxes and an a-z of tv programmes so I included that on my website which looks quite effective and it starting to form the boundaries to look professional.


This is the previous printscreen before I improved my site.

Monday 5 October 2009

Logos for website


These are 2 logos i created for my website, I tried using the 1st one to begin with but after I realised it didn't look quite right so i am now going to try using the other logo. The 1st logo didn't look right with the monkey background in the header because the 2 ideas do not relate in colour and shapes. The shape of this is too square and bold meaning it does not blend in with the header and looks strange.

I have chosen the 2nd logo because it has brighter colours like the monkey and doesn't have a definate shape. Futhermore it still has the same attributes as the 1st logo, but it is just neater.

Sunday 4 October 2009

Pictures I have taken for my website


Ignore the date of which this picture was taken as the date was not set. This is a picture I took of the trees in Danson park which I have used as the background of my website.


This picture has been resized to fit in the news part of the website. This was taken by me at London Zoo.

Saturday 3 October 2009

Names for wildlife/animal channel

I have thought of some names for my tv channel

creature kingdom
channelearth
wildlife uk
cat community
animal earth
animal sector

After looking at these carefull, I am going to use the name 'animal earth' as it has not been used commercially before.