My rational are the blog posts 'Stonfest Task' and 'Stonefest Task part 2'.
At the end of 'Part 2' I have placed a link to my Stonefest Website, however for easy ness I will place a link below as well.
http://www.stonefestindex.host56.com/
Tuesday, June 16, 2009
Week 11-13 Blog Post
I have been reviewing my draft Stonefest pages and am finding very difficult to recreate my draft in dreamweaver with codes. It was much easier in illustratior to just put everything togther, but reconstructing the pages now for my site is not really working. Its actually quite fustrating.
For these past weeks I've been trying to start something but my background that I made, which can be seen in the draft imagaes are too diffucult to reconstruct in dreamweaver and when uploaded as a jpeg looks stretched and tacky and dosent go with my banner at all.
My banner is simple a chunck taken out of my ilustration with 'Stonefest' written across it. Now I see that the background and banner dont create a specfic look and/or feel when viewed, it just ooks really cluttered and messy. The problem might also be that they clash and there are too many colours next to each other that shouldn't be.
I showed my fixed up drafts (I fixed them after the feedback I recieved) to several friends and people I new to get some more feed back from the 'audience'. This is where i found out that the colours were not working with each other. The colours were also drowning out the text.
Therefore I changed the design, Simply a black bckground, my illustrated banner and an very light blue, alost white colour for the text.
I also changed my menu, making ita single tabled row across the top of each page ontop of the banner. The page just looked neater that way and there was a 'comfortable' amount of space on each page.
I therefore have 6 pages
For these past weeks I've been trying to start something but my background that I made, which can be seen in the draft imagaes are too diffucult to reconstruct in dreamweaver and when uploaded as a jpeg looks stretched and tacky and dosent go with my banner at all.
My banner is simple a chunck taken out of my ilustration with 'Stonefest' written across it. Now I see that the background and banner dont create a specfic look and/or feel when viewed, it just ooks really cluttered and messy. The problem might also be that they clash and there are too many colours next to each other that shouldn't be.
I showed my fixed up drafts (I fixed them after the feedback I recieved) to several friends and people I new to get some more feed back from the 'audience'. This is where i found out that the colours were not working with each other. The colours were also drowning out the text.
Therefore I changed the design, Simply a black bckground, my illustrated banner and an very light blue, alost white colour for the text.
I also changed my menu, making ita single tabled row across the top of each page ontop of the banner. The page just looked neater that way and there was a 'comfortable' amount of space on each page.
I therefore have 6 pages
- main page
- welcome
- tickets
- artists
- history
- contact us
My main page is the my full illustration which is linked to the welcome page. I have linked every page to each other through the menu and will include some hyperlinks.
Week 10 blog post
Not much development of my site over the holidays. I've pretty much been researching more about web design and some of the codes and experimenting with dreamweaver. Basically trying to get the codes working for me which at the moment they are not.
I did though find a very useful website which breaks down Html-ing and CSS's.
http://jmarshall.com/easy/html
The site explains what each code does which is great..for me!
I also found another site for getting great images
http://www.gettyimages.com
It does have some really good pictures but I dont think at ths point I need anymore images.
I did though find a very useful website which breaks down Html-ing and CSS's.
http://jmarshall.com/easy/html
The site explains what each code does which is great..for me!
I also found another site for getting great images
http://www.gettyimages.com
It does have some really good pictures but I dont think at ths point I need anymore images.
Week 7 blog post
I finished my design drafts but was unable to upload them to the moodle gallery page for Web Design Production. I did however show them to my tutorial teacher in my tute for feed back which she gave me.
She told me that my illustration that I had hand drawn and scanned in looked very 'trippy'. I was shocked at not having realised that earlier. I thought it was quite funny as it had already created the 'look and feel' of my site being information on a celebration called 'Stonefest'.
She also commented on the oeverall design of the pages, they looked very good but I had to watch the use of some of the colours. Some of the font coolurs were clashing with the background images which would make it harder for the audience to view the content.
Having taken a step back from the computer screen as well I realised that most of my pages were very cluttered with images, colours and composition, so I had to re think that.
My draft images are uploaded to my rationale (stonefest task part 1 &2) I opacitised the background to about 40% so page would seem less cluttered. It did the trick.
I also received feedback fo my menu choice, which was dangling images from the banner. The tutor said that it may be a bit difficult to do that with text when it comes down to the real website designing but was possible. I changed it anyways to just a list style type menu underneath the banner. I was a bit happy with it, i thought there was now just too much space being wasted but I wansn't too bothered with it. The menu however at the moment were in dot points so the tutor helped me convert it to an unordered list without points and reminded me that I needed some CSS styles in my work.
So I am slowly getting through my work. The feedback I received was really helpful for now, when I start designing my real Stonefest site.
She told me that my illustration that I had hand drawn and scanned in looked very 'trippy'. I was shocked at not having realised that earlier. I thought it was quite funny as it had already created the 'look and feel' of my site being information on a celebration called 'Stonefest'.
She also commented on the oeverall design of the pages, they looked very good but I had to watch the use of some of the colours. Some of the font coolurs were clashing with the background images which would make it harder for the audience to view the content.
Having taken a step back from the computer screen as well I realised that most of my pages were very cluttered with images, colours and composition, so I had to re think that.
My draft images are uploaded to my rationale (stonefest task part 1 &2) I opacitised the background to about 40% so page would seem less cluttered. It did the trick.
I also received feedback fo my menu choice, which was dangling images from the banner. The tutor said that it may be a bit difficult to do that with text when it comes down to the real website designing but was possible. I changed it anyways to just a list style type menu underneath the banner. I was a bit happy with it, i thought there was now just too much space being wasted but I wansn't too bothered with it. The menu however at the moment were in dot points so the tutor helped me convert it to an unordered list without points and reminded me that I needed some CSS styles in my work.
So I am slowly getting through my work. The feedback I received was really helpful for now, when I start designing my real Stonefest site.
Week 6 blog post
Now I have to explore web hosts to upload my wedsite to so that it can be viewed on the internet as well as finding a peice of multimedia to put on my website such as a music or a video.
I remember creating a website for sponsoring a Bengal tiger in year 8 Computing Design and I had to put some African Safari music fro my site while a flsh video played. I dont remember the site where I found the music, I dont know if it still exists, but it contained some really good quality 30 second sounds which could be easily looped to create music, or what the audience would percieve as music. The sounds were also royalty free and free to download. So I have an idea of what to look for. Hopefully I can find some good alternative rock music to play on my site. I dont know how lucky I will be.
The chapter I looked at this week was based on uploading pages to a wed server which is what I will have to do with my finished Stonefest website.
A friend reffered me to a wdhost site http://webhost000.com I seems qute good, all I have to do Is mention their name somewhere in the site address.
I will keep researchig but I may possibly just stick with that one as I already know about its existence.
I remember creating a website for sponsoring a Bengal tiger in year 8 Computing Design and I had to put some African Safari music fro my site while a flsh video played. I dont remember the site where I found the music, I dont know if it still exists, but it contained some really good quality 30 second sounds which could be easily looped to create music, or what the audience would percieve as music. The sounds were also royalty free and free to download. So I have an idea of what to look for. Hopefully I can find some good alternative rock music to play on my site. I dont know how lucky I will be.
The chapter I looked at this week was based on uploading pages to a wed server which is what I will have to do with my finished Stonefest website.
A friend reffered me to a wdhost site http://webhost000.com I seems qute good, all I have to do Is mention their name somewhere in the site address.
I will keep researchig but I may possibly just stick with that one as I already know about its existence.
Week 5 blog posts
No new development with my drafts, Haven't really had time to work on it.
In our text book we look at tables and table strutures. I dont know if I have to include a table in my website.
I find the book quite helpfull, it explains what it is we are coding such a s a table or image and ho we can code it. The table chapter gave several examples of tables and how to size them, well adjust them, the span of each column and row .
The book also discussed menus, my menu so far is similar to the original stonefest website, they are like images hanging off my banner. I feel that by making my menu in this style it is more interactive.
In our text book we look at tables and table strutures. I dont know if I have to include a table in my website.
I find the book quite helpfull, it explains what it is we are coding such a s a table or image and ho we can code it. The table chapter gave several examples of tables and how to size them, well adjust them, the span of each column and row .
The book also discussed menus, my menu so far is similar to the original stonefest website, they are like images hanging off my banner. I feel that by making my menu in this style it is more interactive.
Week 4 blog post
Still working on my design drafts, haven't ouched them in a while but I am getting there.
I have also decided to use Adobe dreamweaver to construct my real Stonefest site. I ahve been playing around with dreamweaver on my computer and looks quite simple to use. You can convert your screen to a split screen so you can see if your coding or instruction has worked in the visual part of the screen. It also allows you to edit in the visual screen.
We did explore some applications that can be used to construct Html pages, icluding note pad whcich is a text editor.
I have alo been redaing some chapter out of a our book, 'Learning Wed Design' by Jennifer Niedlerst Robbins.
Im still not sure about CSS's yet, so I will have to read and researh itno that a bit further.
I have also decided to use Adobe dreamweaver to construct my real Stonefest site. I ahve been playing around with dreamweaver on my computer and looks quite simple to use. You can convert your screen to a split screen so you can see if your coding or instruction has worked in the visual part of the screen. It also allows you to edit in the visual screen.
We did explore some applications that can be used to construct Html pages, icluding note pad whcich is a text editor.
I have alo been redaing some chapter out of a our book, 'Learning Wed Design' by Jennifer Niedlerst Robbins.
Im still not sure about CSS's yet, so I will have to read and researh itno that a bit further.
week 2-3 blog posts
Began my designs for my wedsite. Just the drafts in Illustrator.
The dimensions for our page are 1024 x 768 pixels, 1000 pixels is the absolute minimum value we can go for everything to be displayed in the browser without information being cut out.
I was looking at last years stonefest site and a lot of information has been repeated. I want teh information on my pages to not have repetition, so the audience get straight to what they need to know about Stonefest. Also by doing this I will not have to worry about excess scrolling...i think?
We have to include imgaes in our website, In the tute we were give a few good sites where we can use free images for our web design. There are also background images on these sites.
They are
The dimensions for our page are 1024 x 768 pixels, 1000 pixels is the absolute minimum value we can go for everything to be displayed in the browser without information being cut out.
I was looking at last years stonefest site and a lot of information has been repeated. I want teh information on my pages to not have repetition, so the audience get straight to what they need to know about Stonefest. Also by doing this I will not have to worry about excess scrolling...i think?
We have to include imgaes in our website, In the tute we were give a few good sites where we can use free images for our web design. There are also background images on these sites.
They are
I have also decided that I want to use my own images in my web design. I have several illustartion to choose from that I drew and coloured myself a few years ago. I will scan the image I choose and place it in the file.
I also dd a rial html page on dreamweaver to see if I remebered much about web design. I only remember the code for inserting an image.
We also have to start thinking about the look and feel of design that we want to portray to the audience. I am still unsure of hw I want th website to look and there froe how it will be felt by the audience. My draft currently looks a bit cluttered but I am still working on them.
The chapeter we were asked to read this weeks discusses the use and imortant of designing drapfts. It also mentions a bit more about the look and feel of the site refering to graphic design and the overall apperance of the site. These include
- colour
- typoraphy
- style of skin
I also need to design a working prototype. Im not sure how exactly to do that but I will think about it and play around a bit more with dreamweaver.
I also read about layouts and th differences between them. I am still not sure of what the layout of my site will be. My draft currently does not have any of the layoouts listed in the chapters. I did find however, in dreamweaver, that you can select from the layout templates or select no layout and creat your own look and feel. My drafs do this and I actually quite like the look, its very 'old school' but I will think about layouts further.
I also have to remember the audience I am communicating my information to. These are students, mature age and young from Universities and colleges not only in Canberra so I have to make sure that the information on my site is interactive and easy to access.
Wk1 blog- Rough Ideas
I have chosen to do the Canberra music festival Stonefest. Stonefest celebrates the founding of thr first stone of the University of Canberra 41 years ago. Last year saw the 40th Anniversary of the University of Canberra and featured bands such as Grinspoon, Faker, the Dandy Warholes and Regurgitator.
Stonefest is a celebration I am familiar with out of the three options we were given. We were also able to pick a festival of our own if we could think of one and if the tutor agreed with it but Stonefet if quite fun so I'll stick with that.
In my design of the website I want to use vivid and bright colours, festive colours to match the atmosphere.
Im not sure about the layout of each page of my website, I hadn't really thought about till now but I will look into it.
Stonefest is a celebration I am familiar with out of the three options we were given. We were also able to pick a festival of our own if we could think of one and if the tutor agreed with it but Stonefet if quite fun so I'll stick with that.
In my design of the website I want to use vivid and bright colours, festive colours to match the atmosphere.
Im not sure about the layout of each page of my website, I hadn't really thought about till now but I will look into it.
Thursday, June 4, 2009
The Stonefest Website Challenge part 2
Ok so my draft had been done and I needed to get started on html-ing and fixing the bits of the designs that weren't working.
The assignment was due on the 5th of June. We had to design the real site this time using codes, hyperlinks, CSS, tags and all sorts of other bit and peices that make up a website. WE alo had to include ome media. I chose to include a bit of music called Grease_Monkey. I found the music on a site which allows you to download free tunes that are royalty free as well.
The site is found at http://www.partnersinrhyme.com/pir/free_music_loops.shtml
The music on theis site and especially this page can be looped so the music can play until the viewer dicides he or she wants to turn it off.
I got started o the website. I udes dreamweaver htlm to create my pages, I added CSS styles on each page as it was easier to do. I didnt stick to much of the original design. The wdsite now is less cluttered with makes it easier for the viewer to read. I realised that my origimal idea was visual bombardment so I needed to improve it.
My home page is still the same, I made the background of the webpage and the others black. The welcome page leads to the main site. I linked the welcome image to the site. I had also changed my menu format and plaed each link and a table box positioned at the top of the page before the banner.
Each page has the same menu and banner format at the top of the page. Also located at the bottom of the page is the sponsors banner. The body of each page is different in terms of layout, heading colours and length. I used one font for all the text in my website.
I didnt use any of the templated provided which i feel is a bit bad, however I am extremely pleased with the overall look and feel of the site. Everyting works and meshes well together. The music, the basic templating, the bold bright colours and had drawn images make the site very old school which I love. It works as the Stoefest event is getting older and I simply am briging design back to its basics.
The site was done now and I had to upload it to a domain server on the web so that other people could access it and so it could be marked.
I used a site called 000 webhost whch allows you teo get a free domain. All I had to do was compress all my files into a folder including images, drawings, media and the web pages and fix it to the site.
http://000webhost.com
After fixing up some minor issues it was up and can now be accessed at
http://www.stonefestindex.host56.com/ for your enjoyment :)
The assignment was due on the 5th of June. We had to design the real site this time using codes, hyperlinks, CSS, tags and all sorts of other bit and peices that make up a website. WE alo had to include ome media. I chose to include a bit of music called Grease_Monkey. I found the music on a site which allows you to download free tunes that are royalty free as well.
The site is found at http://www.partnersinrhyme.com/pir/free_music_loops.shtml
The music on theis site and especially this page can be looped so the music can play until the viewer dicides he or she wants to turn it off.
I got started o the website. I udes dreamweaver htlm to create my pages, I added CSS styles on each page as it was easier to do. I didnt stick to much of the original design. The wdsite now is less cluttered with makes it easier for the viewer to read. I realised that my origimal idea was visual bombardment so I needed to improve it.
My home page is still the same, I made the background of the webpage and the others black. The welcome page leads to the main site. I linked the welcome image to the site. I had also changed my menu format and plaed each link and a table box positioned at the top of the page before the banner.
Each page has the same menu and banner format at the top of the page. Also located at the bottom of the page is the sponsors banner. The body of each page is different in terms of layout, heading colours and length. I used one font for all the text in my website.
I didnt use any of the templated provided which i feel is a bit bad, however I am extremely pleased with the overall look and feel of the site. Everyting works and meshes well together. The music, the basic templating, the bold bright colours and had drawn images make the site very old school which I love. It works as the Stoefest event is getting older and I simply am briging design back to its basics.
The site was done now and I had to upload it to a domain server on the web so that other people could access it and so it could be marked.
I used a site called 000 webhost whch allows you teo get a free domain. All I had to do was compress all my files into a folder including images, drawings, media and the web pages and fix it to the site.
http://000webhost.com
After fixing up some minor issues it was up and can now be accessed at
http://www.stonefestindex.host56.com/ for your enjoyment :)
The Stonefest Website Challenge
Well its all over, all out of the way now, the music festival website challenge as I like to refer to it as. It took a very long time and an extension to see see this project through but in the end, I am happy with my creation.
I must admit to the obvious fact that I have not been blogging as much about my work and concepts during the development of the website but this design statement should cover it all.
We had three different genres of music websites to choose from in terms of redesigning. I chose to redesign the Stonefest website.
Stonefest is an annual music festival with commemorates and celebrates the years of the University of Canberra. Every year students and fans flock down to the the campus of the Canberra Uni and party out over two days. Over the two days there are bands, food stalls, drinks and other dance events. In 2008 Stonefest celebrated the 40th anniversary of the University of Canberra.
So this is the short overview of the event, however now that I had selected it our first task was to make a mockup of the pages that would make up the site. I did the mock ups in illustrator. Here are the images in order.
I must admit to the obvious fact that I have not been blogging as much about my work and concepts during the development of the website but this design statement should cover it all.
We had three different genres of music websites to choose from in terms of redesigning. I chose to redesign the Stonefest website.
Stonefest is an annual music festival with commemorates and celebrates the years of the University of Canberra. Every year students and fans flock down to the the campus of the Canberra Uni and party out over two days. Over the two days there are bands, food stalls, drinks and other dance events. In 2008 Stonefest celebrated the 40th anniversary of the University of Canberra.
So this is the short overview of the event, however now that I had selected it our first task was to make a mockup of the pages that would make up the site. I did the mock ups in illustrator. Here are the images in order.
My main concept behind stonefest was colour, bright colours and fun. I was very confident with my idea of how I wanted my website to look. I designed the six images on illusrator. The stage came from the original website. I simply traced it with the illustator pen tool.
The bacckground was made up of two images, constantly repeated and overlapped. the site was http://cgtextures.com/ which is a free image site that You can use images off for websites and multimedia projects.
I was happy with my idea. It was my first concept and I wanted to stck with it. The first page of the website however is all my design. It will be used as the welcome page. I drew the image on my holiday in Belgium and had it lying around. I simply scanned it and used the image.
After showing the teaher a tute the feedback I recieved was that making th webpages like that may be quite difficult especially the little thigs I hadn't take into acount such as the menu. The direction of the words that made up the menu that hang of the banner would be difficult to arrange in dreamweaver.
The colours of the fonts was a issue I had to constantl work on as it was hard to see some letters over all the lines in the drawing.
Another peice of feedback I receieved was that the my drawing I had scanned in and used was very trippy. I hadnt realised this factor and as the event is called stonefest I didnt want the audience of this site to get the wrong idea.
Subscribe to:
Posts (Atom)