Weaving the Web

DESIGN, PRODUCE, EVALUATE INTERNET AND WEBSITE DESIGN Portfolio Name: Elena Trajkovski

Weaving the Web Creativity in the online world

Define the Problem

A problem definition is a clear statement about what the information system, (what the website) aims to achieve when it is implemented. Record a problem definition for the situation described. The situation we have been given is to create a fully functional website using Adobe Dreamweaver CS5.5, used to promote the St Ursulas College Thrills and Chills film festival, held on Monday 3rd December 2012. However, the website must be made up of 6 pages (including the home page) with 5 external links, making sure there are also links to the corporate sponsors. The website must also contain at least two personally created graphics created using Adobe Photoshop. (5 Marks) Describe whether your site will be an internet or intranet site? Discuss reasons for your choice. My website will be an internet site as it will be designed to promote the Thrills and Chills film festival. Therefore, there is going to be no central control over the website so anyone can view it because the more people who visit the site, the greater the chance of the night being a success. If it was to be an intranet site, the information will only be available for a small group of people to see, and as a result the word will not spread around about the Thrills and Chills festival. For the night to be truly remarkable we need a wide range of people to attend and a promotional website is the best way for the message to travel around. (3 Marks) Record 3 internet sites which may be of value in understanding what makes a good website. What have you learnt from reading the tips and describe how you will implement these in your site. o http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-webdesign/. This is a fantastic website as it clearly outlines the 9 Essential Principles of Good Web Design. I have learnt some great information on spacing, navigation, typography, alignment and consistency. Some of the information that I read from the topics mentioned above includes; how I should make my website nice and easy to navigate, how the spacing should be set out, what font size I should use, the colour of font I should use, the style of font that I should select, and how to make everything link back to the main theme. I will implement all the techniques that I have discovered as I believe it will make my website look professional and complex. It is also very important to follow those tips because I dont want my website looking out of proportion such as having blue writing on a blue background, having different sized fonts throughout and not linking everything back to the main theme as I think it will look very disorientated. o www.youtube.com. This is also a great website as it contains many useful tutorials that are quite easy to follow. I have recently used this website to find out more information on how to create my buttons which will be placed horizontally at the top of each page and I have also used it to find out more facts on how to make a transparent background for each page. I have gained a lot of knowledge from these tutorials and they have definitely had a major impact on

Weaving the Web Creativity in the online world

how I have constructed the buttons and the background so far. From the tutorial on the buttons, I learnt that each button had to be created separately because if they are all made on the one toolbar, you cannot create more than one link which is a huge problem. From the background tutorial, I learnt that you had to make it transparent to all the content to be seen, I also learnt a few new techniques which make the background much more effective. o http://www.atomiclearning.com/. Atomic Learning is another great website which allows you to look at various Dreamweaver tutorials. I used this website to learn more about embedding videos, embedding audios and changing the page orientation. Ive gained a lot of new knowledge by simply watching these videos as I have learnt skills that I may possibly use in creating websites in the future. By adding video and audio files it automatically creates a new dimension for your website and makes it interactive. I will definitely be adding a video to my website, as I think it makes it look more complex and if I have enough time remaining, I will definitely add some music as I think it will make my website even better. (3 Marks) Construct a KWHL chart assessing your skills using Macromedia Dreamweaver and Photoshop. You can use some of the suggested tasks if appropriate. (8 Marks)
K W What skills do I know What skills do I need in Photoshop and for the project? Dreamweaver o I already know how o I need to know how to create a basic to produce an html page using animated GIF using Adobe Adobe Photoshop Dreamweaver. H How am I going to learn the skills? L What have I learnt throughout the project

o I have previously o I need to learn how learnt how to link to create 6 pages to each individual buttons individual button in using Photoshop. Dreamweaver.

o I know how to create a template that could be used for multiple pages in

o I have to learn how to produce a transparent background in

o By watching o I have learnt how to tutorials off Atomic create moving text Learning. through Adobe Photoshop which was achieved by setting the page to motion and by seeking help from my classmates. o By experimenting o I have learnt how to with different create a transparent techniques and background which tools on Adobe was accomplished Photoshop. by watching YouTube tutorials and by experimentation. o Books explaining o I have also found how to use Adobe out how to create programs such as individual buttons Dreamweaver and using Photoshop

Weaving the Web Creativity in the online world Dreamweaver. Photoshop.

Photoshop.

o I have learnt how to insert images in Dreamweaver.

o I know how to insert YouTube videos also in Dreamweaver.

o I have to study specific techniques in Photoshop such as adding glow to the outlines of shapes to ensure they look innovative. o I need to somehow find out how to update the date in my banner (it has been made with only one layer) to the new date. o I need to also find out how to save my animated GIF to make sure it works properly.

o My Classmates

which was achieved by re-visiting the old tutorials, watching YouTube videos and seeking help from Miss Lemon. o I have successfully learnt new techniques in Photoshop such as adding glows to the outlines of each button. o I also used Macromedia Fireworks to change the date in my banner to 3rd December 2012 by experimenting with different programs. o I have also learnt how to make an animated GIF was attained by watching YouTube tutorials and learning from my classmates. o I have also learnt from previous experiences about saving my work in the correct folder so I can access any file with it being fully functional. o I have also learnt how to save my animated GIF through Photoshop which was achieved by talking to my classmates. o I also managed to

o Watching step by step tutorials on YouTube so I can get a brief idea.

o I have memorised how to change the font colour, size and style as well as inserting backgrounds into Dreamweaver. o I know how to create layers and also change the colour of them in Adobe Photoshop.

o Seeking help and advice from my Teacher, Miss Lemon

o I also need to pay close attention when saving things to ensure they go into the correct folder on my C drive. o I need to find out how to add music to my website as I think it will add suspense.

o Reading through the requirements that must be followed.

o I already know how to add text in Photoshop and how to position it in different ways.

o Re-visiting the tutorials I downloaded from Faculty Public when I was constructing the TravelWise site.

o I have learnt how to

o I also have to

Weaving the Web Creativity in the online world create shapes and investigate on how lines in Photoshop. you publish your website so everyone can access it directly in an internet browser.

find out how to embed the code from a video to my website which was attained by watching a tutorial off Atomic Learning.

o I know how to adjust the canvas and image size in Photoshop.

o I need to find out how I embed the code from a video to my website.

Weaving the Web Creativity in the online world

Analysing the Problem

In order to understand the problem, each component must be analysed and questioned. It can be quite expensive to implement a system if the parts are not properly understood or considered. For Example: The College could be considering implementing a system for electronic roll marking. Some of the constraints could include:
Constraints Technical Description Does the hardware/software exist to solve the problem Does the media/project fit the needs of the organisation Is their money available to achieve the solution- refer to the cost of software Does the project/media infringe anyones rights Example Some schools have already implemented a swipe card system for attendance. The school would benefit from a more efficient roll marking system. The school may not have the money to purchase the system. Some students may feel their privacy is being invaded.

Operational

Economical

Ethical

Think of some of the constraints which may affect the production of the multimedia product. (8 Marks)
Constraints Technical Description Will it take up time trying to figure out how to use the software? Where will we have to save all the media that we are using for the project? Where will all the pages be saved so we can access them at any time? Example It did not take up time trying to navigate Adobe Dreamweaver as we had already constructed a website last Semester. I really benefited from creating that website as it gave me a good understanding of how to use the overall program so this time I could get straight into it. Before making any graphics or constructing any pages, it was crucial that I created a new root folder on my C drive called Year 9 Website Creation Thrills and Chills. After doing that, I then

Weaving the Web Creativity in the online world

Operational

Is Adobe Dreamweaver the most suited program to use for this project? Is the program easy to use? Is there a variety of tools to use in order for our website to look attractive and easy to navigate? Is Adobe Photoshop the most suited program to use in creating animated GIFs, backgrounds, banners, and navigation buttons? Is the program simple enough to use? Is there an array of tools to use to ensure our graphics look appealing and complex enough?

needed to make another two folders inside of that called Media and Pages. This is a very important part of the assessment because as I previously learnt, if that step is missed, your files are saved all over the place and wont open up correctly in Dreamweaver. From my perspective, Adobe Dreamweaver is the most suitable program to choose for this assessment, as it is quick and easy to learn. There are also a very wide range of tools to make sure your website looks sophisticated such as; adding horizontal division lines to separate your buttons from the banner and image buttons which allow you to insert images from other sources. I had no issues with using Dreamweaver and I would definitely use it again if I was to create another website in the future. I also believe that Adobe Photoshop was also the most suited program to use in creating personally created graphics as we have all used it before and it is quite basic to use. There are also a broad variety of tools to choose from to ensure our graphics look great. Once again, I had no problems using this software and I would recommend others to use it too.

Financial

Are Adobe Dreamweaver and Photoshop the most cost effective products to use for this particular assessment task? Can the school afford to purchase the software?

In my opinion I think that both Dreamweaver and Photoshop were very likely the most cost effective products as they are

Weaving the Web Creativity in the online world

Ethical

Are the students given permission off their parents to have their picture displayed to the public? Is the music playing on my Animoto legal to download?

quite simple programs to operate. The school may have gotten a good deal if they were ordering enough copies of the software to be installed on all IST students laptops. The school may have also gotten the deal as it is a program that teaches students new skills and techniques that they never knew before. If students pictures are ever used on the college website, college newsletters or simply for promotional use, their parents would have been asked to sign a consent form which was an agreement to acceptable use and image use policy. This can be found in the college diary on page 36. The music that I have selected for my animoto comes standard with your account and is commercially licensed. Therefore the music is free and legal to download, however, I only needed 24 seconds of the song to play whilst the images were being displayed.

Designing the Solution

Production of the Storyboard (20 Marks)

Weaving the Web Creativity in the online world

The major stage in project development is the design phase; a time where you come up with a variety of solutions to solve the problem. The design stage can save you many hours prior to implementation as it maps out where elements can fit on the page. A storyboard is a design tool used in a digital media production. It demonstrates how a multimedia item navigates or progresses. Below are some examples of Storyboards. You will be expected to construct a Hierarchical storyboard

L o

Image
|| Attractions

Designing the Solution

Example of the Storyboard and Navigation Structure

Home ||

T e
I m a

Text

Index Page

Logo

Image

Home

||

Attractions

||

Text

Text

Imag e

Designing the Solution

Series of Screen Shots of my Website

Designing the Solution

Series of Screen Shots of my Website

Designing the Solution

Series of Screen Shots of my Website

Please note that all the content on each page hasnt been displayed in the screen shots as it would look too squashed.

Producing the Solution

Using existing knowledge of Adobe Dreamweaver and Photoshop, you are to produce a solution to the problem. (40 Marks) Application software is used to produce a solution to the problem. Application software can include: Word Processing Applications. Examples: Microsoft Word, Neooffice Database Applications. Examples: Microsoft Access, Filemaker Pro Graphics editing Applications. Examples: Adobe Photoshop, Adobe Photoshop Elements You have been developing skills in the use of Dreamweaver and Photoshop. In order to produce the desired solution, you will need to be able to Create a fully functional website with consistent navigation and page layout Insert an animated GIF Insert a created background

Evaluating the Solution

Peer and Self Evaluation (10 Marks) Finallyyouve finished your multimedia product; however, it is really important to obtain constructive feedback as to whether its met the objectives stated in the Problem Definition (Defining the Problem). Use the following table below to evaluate your final product (self- evaluation) and someone elses product.
Criterion Functionality Quality Questions To Ask Did the multimedia product work as expected? How well has the multimedia creator done their job? Eg. Is the multimedia item creative? Was the project straightforward did it solve the problem? Was the content satisfactory? Did the multimedia author complete the tasks required? Was the project tidy and delivered in suitable form? Did the project meet all the specifications set? Was the project delivered on time? Is all the content original? Are sources documented? Problems to be considered Did you test the product on a number of computers? Maybe get a peer to look over your final project prior to submission Did my animation become unwieldy and time consuming?? Too little or too much detail. Carefully choose the best tool for the job. Does it meet the requirements for displaying to a young person? Ensure you read the assessment sheet carefully. Remember: this is not a night before job!! Dont copy someone elses work.

Simplicity

Output Tools Display

Completeness Schedule Acknowledgement

Reproduced from (Wilson, 2007)

Criterion Functionality

Questions To Ask My website worked exactly how I wanted it to. The overall layout of everything was perfect, the links to the images worked fine, the animated GIFs worked well and the links to each web page also worked. Overall I believe my website looks quite sophisticated and is very easy to navigate.

Quality

Simplicity

Output

Problems to be considered Before, I submitted my website, I previewed it on four different browsers, Google Chrome, Internet Explorer, Mozilla Firefox and Safari. I did this to ensure that my website could be viewed from various browsers without any dramas as some people may have only one specific internet browser and dont have access to any other ones. I believe that I have created a Prior to submitting my pretty good website that was website, I got a few of my original and creative at the friends and few of my family same time. I think that my members to go through my website is pretty easy to website to see what they had navigate as all the buttons are to say about it and where I aligned at the top of each could make room for page, the content is good and improvements. I really there are no spelling mistakes. benefited from hearing each It also provides great of their opinions as it helped information for people who me to make sure the website want to learn more about the was absolutely perfect. Thrills and Chills Extravaganza. I thought that my website was From my perspective, I think pretty straightforward and it that both my animated GIFs definitely met the criteria we (the landing page GIF and the were given prior to receiving lightning bolt GIF on the home the assessment task. Whilst it page) are not time consuming looks very simple, viewers can or unwieldy as they are short, hopefully notice that a lot of simple and are hopefully effort has gone into the interesting to look at. They website and that it not only are very minimalist images looks simple but is also very without too much detail effective in promoting Thrills which I think is just right as and Chills. you dont want the animation to go on for more than one minute. I think that the content I strongly believe that I have throughout my website was the correct amount of detail satisfactory or even better as I in my website which was followed all the instructions enough to make it look we were given such as effective and very creative. I creating at least two think that if I had added less personally created graphics detail, my website would not using Photoshop, creating six be convincing which means web pages and including that we wouldnt get the turn

Tools

external links that take you directly to the corporate sponsors after clicking on each logo on the Sponsors page. I think I definitely fulfilled the criteria as I have even created more than two personally created graphics. I believe that I completed all the tasks that were required in order to build by website. I created my graphics using Adobe Photoshop as asked in the Assessment Notification and I constructed my overall website using Adobe Dreamweaver.

Display

I think that my website is tidy and will be delivered in a neat and suitable way on the due date (13th September). Ive created six different pages each consisting of different content, information and images to make sure that everything is easy to understand rather than reading everything together under the one web page.

Completeness

Schedule

My website does meet the specifications that were required and hopefully promotes Thrills and Chills in a new and complex way. I am very proud of my website as I finished it on time and I am very happy with the final product. I think that I worked consistently over the past month to produce a wonderful promotional product. My project will be submitted during class time on Thursday 13th September 2012 as I am going on holidays the next day which is the due date for the

out that we are all hoping for. If I added too much detail, it would look too overdone and it would not look like a Year 9 student has constructed the entire website themselves which would defeat the whole purpose. I created a wide variety of graphics such as animated GIFs, navigation buttons, a background and more using different techniques in Photoshop. These techniques included changing the layout to Motion, duplicating layers, creating shapes using the pen tool, adding new layers and adding text in different ways. I think my website definitely suits the target audience which will be a variety of teenagers. The layout is quite good, its easy to navigate, the font is easy to read, the animated GIFs are interesting to look at and there is a video which is available to also view. Hopefully it effectively promotes the Thrills and Chills extravaganza and we get a variety of people coming to the event. I took the time to read through the assessment notification to ensure I was on the right track. I also read through the marking criteria to aim for the best results possible. In preparation for an assessment task it is crucial to read through the criteria and requirements to make sure you know when the due date is and what the task is. I believe I worked pretty well over the past month to ensure I had enough time to complete both the website and portfolio by the due date.

Acknowledgement

rest of Year 9. I will be handing in a hard copy of my portfolio and will need to investigate how to publish my website so it is available for everyone to see. My website is original whilst still being creative. I havent used any music as I couldnt find any tutorials that explained how to upload it to your website in detail. However I did add an animoto which consisted of images related to the Thriller Genre which I found off Free Foto. I also added some music in the background to ensure everyone will be entertained whilst watching the images.

The only thing I could have done better was to make more use of class time.

My website is original and I have worked on this project myself. I have picked a layout that I think really relates to the Thriller genre and have ensured that my website is easy for everyone to use. I have used music whilst my Animoto plays, however, it is already commercially licensed and was available to use at no cost. The music can be found at www.animoto.com after creating an account.

Criterion Functionality

Assessment of My Website My website worked exactly how I wanted it to. The overall layout of everything was perfect, the links to the images worked fine, the animated GIFs worked well and the links to each web page also worked. Overall I believe my website looks quite sophisticated and is very easy to navigate.

Quality

Simplicity

I believe that I have created a pretty good website that was original and creative at the same time. I think that my website is pretty easy to navigate as all the buttons are aligned at the top of each page, the content is good and there are no spelling mistakes. It also provides great information for people who want to learn more about the Thrills and Chills Extravaganza and goes into good detail about whats happening at the event for those who are interested in attending. I thought that my website was pretty straight-forward and it definitely met the criteria we were given prior to receiving the assessment task. Whilst it looks very simple, viewers can hopefully notice that a lot of effort has gone into the website and that it not only looks simple but is also very effective in promoting Thrills and Chills. I think that the content throughout my website was satisfactory or even better as I followed all the instructions we were given such as creating at least two personally created graphics using Photoshop, creating six web pages and including external links that take you directly to the corporate sponsors after clicking on each logo on the Sponsors page. I think I definitely fulfilled the criteria as I have even created more than two personally

Assessment of a Classmates Website (Fiona Skleparis) I believe that Fionas website also worked well too. The overall layout of her website was pretty good, the text was easy to read, her animated GIF worked well and the links to each page also worked in the correct way. Overall, I think her website looked pretty good, the only place she could improve on was maybe adding an image to the banner instead of just having the text read Thrills and Chills. I think that Fiona also constructed a website that provided good information on the Thrills and Chills Extravaganza. Her buttons are also aligned horizontally at the top of each page, the content is good and there arent any spelling errors. Her website also provides information on where the event will be held, and when it will be held. She has also made use of a Google Map to show where St Ursulas College is located.

Fionas website is also very straightforward and got to the point about explaining Thrills and Chills. Her website also met the requirements we were given prior to submitting the assessment task. Her website is very minimalist and would capture everyones attention. However, she could have made the landing page a little more decorative. I believe that the content throughout her website was satisfactory as she also followed the instructions we were given such as to create two personally created graphics, creating six web pages and including external links that take you to the cooperate sponsors after clicking on each logo. She has also created her own background which is used on each web page (excluding the landing page), an animated GIF on the landing page, constructing

Output

Tools

Display

Completeness

Schedule

Acknowledgement

created graphics. These are; creating the navigation buttons, animated GIF on landing page, making the background on the landing page, and another animated GIF on the Home Page I believe that I completed all the tasks that were required in order to build by website. I created my graphics using Adobe Photoshop as asked in the Assessment Notification and I constructed my overall website using Adobe Dreamweaver. I think that my website is tidy and will be delivered in a neat and suitable way on the due date (13th September). Ive created six different pages each consisting of different content, information and images to make sure that everything is easy to understand rather than reading everything together under the one web page. My website does meet the specifications that were required and hopefully promotes Thrills and Chills in a new and complex way. I am very proud of my website as I finished it on time and I am very happy with the final product. I think that I worked consistently over the past month to produce a wonderful promotional product. My project will be submitted during class time on Thursday 13th September 2012 as I am going on holidays the following day which is the due date for the rest of Year 9. I will be handing in a hard copy of my portfolio and will need to investigate how to publish my website so it is available for everyone to see. My website is original whilst still being creative. I havent used any music as I couldnt find any tutorials that explained how to upload it to your website in detail. However I did add an animoto which consisted of images related to the Thriller Genre which I found off Free Foto. I also added some music in the background to ensure everyone will

navigation buttons, and a final animated GIF on the banner.

Fiona also completed all the tasks that were required in order to create her website. She also created her graphics in Adobe Photoshop as asked in the Assessment Notification and she also made her overall website using Adobe Dreamweaver. I think that Fionas website will also be delivered in a neat and presentable way on the due date (for the rest of the class it is 14th September). She has also created six different pages each consisting of different content, information and images to make sure everything is understandable. I believe that Fionas website also met the specifications that were required and also promoted Thrills and Chills in a simple way. She included everything that was needed in her website which proved that she had followed the Assessment Criteria to ensure she was doing the right thing. Fionas final product will be submitted on Friday 14th September 2012 in D03 between 8.20am and 8.40am. She will most likely be also handing in a hard copy of her portfolio and will also need to find out how to publish her website so everyone can view it in an internet browser. Fionas website is also original whilst still being sophisticated. She hasnt used any music in her website, nor has she added any photos from Free Foto. However, as an alternative she has inserted image from the Fake Blood experiment she completed in Science. She took these images on her phone and therefore, they purely belong to her.

be entertained whilst watching the images.

Guidelines for Marking

Range 82-96 (Very high level) A student in this range:
Demonstrates a comprehensive understanding of Project Development through a concise problem definition, project constraint analysis and the management of the project throughout its duration. The portfolio thoroughly documents the project development cycle. Articulates the need to ethically use multimedia that complies with copyright legislation. Demonstrates an excellent competency in using hardware to solve the problem. Demonstrates an excellent competency in manipulating data/information in an ethical manner Incorporates effective planning and justification for the given situation demonstrating an effective use of a storyboard. Incorporates a professional stop motion animation which was produced in collaboration with another student/s Produces a professional multimedia item which incorporates all the required aspects including, flash animation, flash video, stop motion animation all presented in a webpage demonstrating excellent creativity.

Outcomes 5.2.1, 5.2.2, 5.5.2 5.3.1 5.1.2 5.3.2 5.2.2 5.5.1 5.2.1, 5.2.2 5.2.1, 5.2.2, 5.5.2 5.3.1 5.1.2 5.3.2 5.2.2 5.5.1 5.2.1, 5.2.2 5.2.1, 5.2.2, 5.5.2 5.3.1 5.1.2 5.3.2 5.2.2 5.5.1 5.2.1, 5.2.2 5.2.1, 5.2.2, 5.5.2 5.3.1 5.1.2 5.3.2 5.2.2 5.5.1 5.2.1, 5.2.2

68-81 (High Level)

Demonstrates a high level of understanding of Project Development through a straight forward problem definition, project constraint analysis and the management of the project throughout its duration. The portfolio documents the project development cycle to a high standard.. Articulates the need to use multimedia that complies with copyright legislation. Demonstrates a high level of competency in using hardware to solve the problem. Demonstrates an high level of competency in manipulating data/information in an ethical manner Incorporates effective planning, demonstrating an effective use of a storyboard.
Incorporates an effective stop motion animation which was produced in collaboration with another student/s

Produces a quality multimedia item which incorporates all the required aspects including, flash animation, flash video, stop motion animation all presented in a webpage demonstrating a high level of creativity. Demonstrates a satisfactory understanding of Project Development through a problem definition, project constraint analysis. Management of the project is at a satisfactory level, demonstrated through a satisfactory portfolio. Understands that you should use multimedia that complies with copyright legislation, but is not sure why. Demonstrates a satisfactory level of competency in using hardware to solve the problem. Usually requires some assistance. Demonstrates a satisfactory level of competency in manipulating data/information often without recognition of ethical standards. Incorporates some planning, demonstrating some effective aspects in the use of a storyboard. May/May not present a navigational structure or page layout.
Incorporates a satisfactory stop motion animation which was produced in collaboration with another student/s.

53-67 (Satisfactory Level)

Produces a satisfactory multimedia item which incorporates all the required aspects including, flash animation, flash video, stop motion animation all/some presented in a webpage demonstrating a satisfactory level of creativity. Demonstrates a basic understanding of Project Development through a problem definition, project constraint analysis. Management of the project is at a fundamental level, demonstrated through the submission of a limited portfolio. Little recognition of the need to include multimedia in an ethical way. Demonstrates a basic level of competency in using hardware to solve the problem. Frequently requires assistance. Demonstrates a basic level of competency in manipulating data/information without recognition of ethical standards. Incorporates limited planning, demonstrating some effective aspects in the use of a storyboard. The storyboard demonstrates limited evidence of thought/planning.
Incorporates a satisfactory stop motion animation which was to be produced in collaboration with other students; limited involvement here.

30-52 (Progressing Level)

Produces a limited multimedia item which incorporates some/few of the required aspects including, flash animation, flash video, stop motion animation all presented in a webpage demonstrating a minimal level of creativity

Bibliography
Wilson, C. (2007). Information Software and Technology. Sydney: Cambridge University Press. 9 Essential Principles for Good Web Design. [Internet]. Available From: <http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/> [Accessed 14th August 2012]. Morris, C (2012). Thrills and Chills 2012 Intro. [Internet]. Sydney. Available From : <https://docs.google.com/a/sydstu.catholic.edu.au/presentation/d/171HK0fMWX3BPbPT0ene9kT WRB4sLeRHLjXrHzcIFEPI/edit#slide=id.p29> [Accessed August and September 2012].
Uploaded By: bpwebmedia (2011). Photoshop Tutorial CS5.1 Tutorial - Creating Navigation Buttons - Part 1. [Internet]. Available From: <http://www.youtube.com/watch?v=Z6V7BWQQIro> [Accessed 15th

August 2012]. Uploaded By: AquuL (2010). Photoshop CS5: Smoke Desktop Wallpaper Making/Creating Tutorial. [Internet]. Available From: <http://www.youtube.com/watch?v=Mx7_dvidlgI> [Accessed 27th August 2012]. Free Foto. [Internet]. Available From: <http://www.freefoto.com/index.jsp> [Accessed 1st September 2012]. Animoto. [Internet]. Available From: <http://animoto.com/> [Accessed 7th September 2012].