Nasimul's Web Design Final Exam

Index page

ELEMENT PROCESS
Splash Page image The picture was photoshoped with 4 layers the fish layer , the ps3 layer, the controller layer, and a text layer. This picture represents what is going to be in the website.
"enter" It is the text layer from the splash page and tells you where to go to "enter" the site. It is simple and direct.
   
   
   

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 smooth motion. The picture was cut in photoshop and saved as '.png' then importing that file directly to the flash stage. This allowed for the pic to show up without a background. Then the banner was published and put into Dreamweaver though the Flash Media feature.

Template Template was made for the homepage and every other page after it. The template is used 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 and found in Dreamweaver from INSERT. 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, makes the page seem interactive, and combined with the sound, it brings the site to a whole new level.
Blog Blog was placed in by using "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 informed.
   

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 used to guide the users through the webpages 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 a different style of 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 dreamweaver.
   
TRAILERS made from the media template. just linked videos from the internet instead of embedding it.
   
ONLINE GAMES made from the media template. Embedded game codes from another website and placed into the editable region of this page. also downloaded the thumbnails and put them on the page for visual aid.
   

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.