Soufi Media Software

Postingan Soufi Asegaf. Diberdayakan oleh Blogger.

Design a Web Site

Now, I will introduce to you, how to make a design a web site using Adobe Fireworks. Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It was originally developed using parts of Macromedia xRes, which Adobe acquired in 2005. Fireworks is made for web designers for rapidly creating website prototypes and application interfaces. Its features include slices and the ability to add hotspots. It is designed to integrate with other Adobe products such as Adobe Dreamweaver and Adobe Flash. It is available as either a standalone product or bundled with Adobe Creative Suite. Previous versions were bundled with Macromedia Studio.

Here are the step design a web site using Adobe Fireworks.

1. First, open Adobe Fireworks application in the desktop on your computer.

















Wait the program until the loading is finished.

2. Second, you will find this dialog box. Please choose "Fireworks Document (PNG)".


















3. Then, fill the size and back colour of your document workspace.


































4. Make the Header box use Rectangle tool. Drag and drop to the your workspace.

















5. Give color of header box. Using color box. Look this image.





















6. Then, make a buttons in your web. Using "Rounded Rectangle". Click in the corner of the tool. To detail, please look this image.

















7. Then, add information about your web site. For example: Title, Picture, Text, button, etc.


















8. In order button that we created earlier can be clicked on. Right-click the button that has been made. Then select the "Convert to Symbol".













 



9. In the "state" select 'Over'. Click the "Copy Up Graphic". Then adjust the color of the button when the mouse pointer touches the key. If so, click 2x on the workspace. Copy and paste the key. Then give the text on the button using the "Text Tool".











































10. Then, you can customize the screen. 
11. Finally, if you have finished and want to save it to a document file. html, click File> Export. Fill the file name in the format "NAME INI.html". Then click 'Save'.

If you want to look tour document in the Web Browser, Right-Click your document > Open With > YOUR WEB BROWSER .


















It's the screen shoot result of your document.





 


Thanks on your Visit..

Please leave a comment.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Banner iskaruji dot com