Phuc's Web Design Final Exam

Index page

ELEMENT PROCESS
Splash Page image The picture was photoshoped with 3 layers the fish layer , the ps3 layer, and the controller layers. This picture represents what is going to be in the website.
"enter" The word "enter" also done in photoshoped as a text layer. It was then linked to the homepage in dreamweaver by hotspotting it. This is where the visitors click to enter the website. enter should be visible to the viewers so that they know right away where to click.
   
   
   

Homepage

ELEMENT PROCESS
Banner

The banner was done in flash. Using text to type the word Ego and motion tween between each frame to make the movement move smoothly. The picture was photoshoped and then place on the flash with motion tween in between as well.

Template Template was made for the homepage and every other page after it. The template is use to make duplication of pages so that people can easily change how their pages look without going through each pages on their website. This is usually done if people create more than one page that have the same look to it.
Buttons The flash buttons were premade. FLASH buttons are found in dreamweaver. IT has premade buttons. All you need to add is the text and what page to link it to. flash buttons help people know that the button is a link to another page.
Blog blog was placed in by using a "draw layer" we made that layer an editable region so that we can update anything on that part of the region. We use the text tool to write and update what our webpage is up to each day keeping our visitors inform.
   

Media

ELEMENT PROCESS
Template This was made from a new template and the base for the gallery, trailers, and online games.
Menu buttons this is use to guide the users through the webpage and this was also part of the template from homepage.

Gallery, trailers,online games buttons

 this was added to the media page these are buttons that will send the viewer to another page within the media page of the website. Made by premade flash buttons.
Blog this is where the viewers can see what is updated for the media. used text and draw layer to make the blog.
Banner Banner was simply made in flash with the text tool and a few motion tween placed in between for smooth movements.
GALLERY made from the media template. It has pictures taken from online and made into an album from iphoto. exported and then published to web and save it on the dream weaver files.
   
TRAILERS Template made from the media template. linked to other pages that actually have the videos. that way, you dont have to embed it or have it on your own hard drive.
   
ONLINE GAMES Templates made from the media template. Embedded game codes from another website and placed into the editable region of this page.
   

Calendar

ELEMENT PROCESS
external link the calendar button will send the viewers to another site where the calendar will be at. this page update viewers of upcoming events, club meeting, and etc.
   
   
   
   

About Us

ELEMENT PROCESS
Template taken from the homepage template.
Banner Made in flash with text tool and motion tween
TEXT text was made right in dream weaver using the text tool. this section gives information about the website and the club.
   
   

Forum

ELEMENT PROCESS
External Link Made from the website proboards.com. this gives the viewer a place to hang and chat about games also getting to know other people within the community.