Tuesday, 6 September 2011

''How to go'' of my individual site process

I'm going to show you how did I do my individual site for my group assignment. I used the a software called Adobe Dreamweaver for creating my

First of all, open Adobe Dreamweaver. Then click on File and select New. When you select New, a menu will pop up. Choose Blank Page ===> HTML ===> 2 column liquid, left sidebar.



After that, you will have something like this: 



When you are at the step like the image above, delete the descriptions and you will have something like this:


Now I'm going to my group's blog and go to my site of the blog which is How To Go. 


After that, i saved all the pics that are on my site into a folder and copy the descriptions and paste it on dreamweaver. You will have something like this:




Then, click on one of the pic and there will a menu below. In order to make sure you picture will be on your individual site when you use other computers or other gadgets to view your site, go to Link and click the folder icon and select the picture. Do it to all the pictures. To make things easier, I will put the images and this Dreamweaver file into a folder. 





So that is all from me. The others like buttons was helped by my groupmate because the group leader wants all of us to use the same button designs. So, thank you for viewing my blog. Stay tune for more.


Refrences:  
www.sos-digitalmedia.blogspot.
com

Thursday, 18 August 2011

How to go to Pulau Kapas?

Description on the individual ideation of the link

The idea of the site is describe how to how to get to Pulau Kapas. This link is to ease the viewers that want to get to Pulau Kapas.

Objective of the link

The objective of the link is to let people know how to get to Pulau Kapas. This link tells you which jetty to go to and how much is the fare to get there. This can make the viewers easy to go to Pulau Kapas and to make sure that there will be no difficulties going there.

Design of the GUI



This is the initial layout for my group's website. On the top of the left side, it will be our group logo. Beside the logo, it is my group's designed banner and other subtopic banners. There will be 6 buttons below the banner. Each button represents different links and each links will be design by our different member. So it gonna show out different style of our group member. Below the button, it will be the content. So when you click on the different button, it will show up different content. And the content will based on the subtopic present it out. The content will be presented with words, image, flash and video. Below the content, it is the signature of my group (copyrighted).


After you like the ''How to go?'' Button, you see will something like this : 




I'm going to use this layout as my individual site page (INTRODUCTION). There's no special buttons or flash or animation. My individual site is straightforward and all the information is in one page.




This is the flowchart of the my individual site :
















Friday, 15 July 2011

Tutorial 3 (Retouching and Enhancing Image)

In this tutorial, I'm going to teach you how to retouch and enhancing images. The purpose of this tutorial is to make the image look better by adding effects and add or remove the particular part of the image.

I'm gonna use this image:


In this picture, there's a black taxi that is giving me an eye sore. So, I'm going to remove the taxi from this image. In order to do this, I'm going to use Clone Stamp Tool which is the ninth tool of the menu at the left.



Once you click the Clone Stamp Tool, press ALT and left button on your mouse together and rub the blue area of the image. After that, hold the left button on the mouse and rub the taxi and you will get this:


This image looked plain after removing the taxi out of the image. So, I'm going to add a ''MMU's Mascot'' image which is from the previous tutorials. 




Now, I'm going to enhance the image by using the Hue/Saturation.


Remember about to switch layers when you want to use Hue/Saturation. You can enhance the image with other ways. You can see it from Image--> Adjustments.




So there you have it peeps. Stay tune for more tutorials =)