Sei sulla pagina 1di 16

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

TABLE OF CONTENTS
TITLE 1.0 2.0 3.0 4.0 5.0 6.0 7.0 8.0 Lab Code and Title of Experiment Theory/ Introduction Objectives Procedure Results Discussion Conclusion &/ Recommendation References PAGE

L a b C ode : T it l e of E xpe ri m e nt :

INTRODUCTION : 1

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

The project is to create a homepage to describe our faculty that is faculty engineering. The purpose in this project is we are asked to enhance our facultys website. We are required to include at least one e-form in our website that relates with our faculty information like public survey which we need to create questionnaire for website visitors to fill in. The topic depends on our creativity. The survey result must be saved in the database. Besides that we need to have quote of the day which we must have to be retrieved from the database and different quote will be displayed in the website for different user who visits the website. At the end of the project, we are also required to upload our website to a free server.

OBJECTIVES : 1. To show the necessary of understanding the concept of passing information to the public and how to express opinion through online as well as how these may influence the design and creation of Web pages. 2. We are introduced to program for making 'web pages' for the World Wide Web including organization of web pages, basic HTML, multimedia features of web pages, how to use FrontPage, designing a web site, and loading and editing your pages on a web server. 3. T o m a s t e r t h e s k i l l s o f u s i n g t h e s o f t w a r e t h a t l e a r n e d i n t h e TMX lab that are third-party software which use to enhance the design and functionality of web page like Adobe Photoshop, Macromedia Flash, etc which use to develop a fantastic web page. 4. Finally, learn how to post the web site on a free server.

What is Adobe Dreamweaver CS4 ?

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

It is a software that can build world-class websites and applications with one of the industrys leading web authoring tools. Adobe Dreamweaver CS4 software is an ideal for web designer, web developer and visual designer. Not only that, it is possible to edit web pages and do much more using this software. It is almost the same like other software to design or build websites such as Microsoft Publisher Creating webpage using Adobe Dreamweaver CS4 Software.

For a new site, start at Dreamweavers menu and choose Site > New Site. Then fill in the fields in the Local Info category. Choose File > New in Dreamweaver CS3 for a completely redesigned New Document window. Then select HTML file type under the Page Type column. The layout is selected from the list of CSS Layouts that appears in the Layout Column. We are using three column liquid, header, footer for this project.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

When the header page comes out, the sidebar 1 and 2 are deleted.

Put as Close

Click the spry collapsible panel. The display and default state are put as close.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

Then the background colour code is chosen.

The width and height of the whole text is adjusted at the box category.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

To insert Flash, click on media and then shockwave.

After that click background.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

Under the shockwave, width 1260 and height 150 are put in for the Flash.

To do hyperlink, highlight the word. Then type in the address of the web that wanted to be link to.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

What is Adobe Flash CS4 software?

Create animation using Flash (Macromedia Flash) CS4 Basic interfere of Flash

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

PANELS STAGE

LAYER TOOLBARS

TIMELINES

PROPERTY INSPECTOR

Creating moving text with colour using Flash.

Flash is created using Adobe Flash CS4 Professional. Flash File (ActionScript 3.0) is choosen.

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

In order to create a moving text, we set the background colour to #DFF2ED (light blue). Later, we create a text with the desired font and size. Frame rate is set to ensure the text moves from the right, becoming bigger in the middle, stopped with yellow glow before moving to the left. Also, at the Filters section, adjust the Blur X and Blur Y to 10 px with strength quality 150% yellow. Of course all these were set using the properties dialog boxes, panels and toolbars available.

The text will be moving from left with small font. Time lines are set with Classic Motion so that the text can move from one place to another place.

10

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

The text will get bigger while moving to the center of the stage.

When reached center, the text will glow and stop for a moment for about 40 frames.

The text is then changed back to original black colour and continues to move toward left side.

11

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

Creating appearance, disappearance of text together with background.

Flash is created using Adobe Flash CS4 Professional. Flash File (ActionScript 3.0) is choosen.

The background is set to the desired picture on the 1st frame.

12

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

The picture is then selected to convert to symbol with type Graphic. Soon, the at the colour effect panel, Alpha is set to 0% so that at the frame selected, the background will be invisible.

Another layer is created to type in the text. Then, the text is Break Apart and soon Distribute to Layers. Different layers will have different frame and we can edit one layer without affecting the other layers. By doing so, we can create motion of each layer relative to other layers.

13

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

The layers are then are edited in such a way that the text will appear one by one with the background appearing from Alpha 0% to Alpha 100% and disappeared after finished. Alpha 100% is to make sure the invisible background becoming more and more visible. The flash will keep on repeating.

Movements of Flash created.

14

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

15

Faculty of Engineering Mechanical and Manufacturing Engineering Department TMX 2012 - Alatkuasa Pekerja Ilmuan

References :

16

Potrebbero piacerti anche