Wednesday, 7 September 2011

Milestones achieved and those yet to be completed



·         Successful created S.O.S logo with a cotton look and banner with beach feeling and look.
·         We successful to make our website to have a beach and island feel and look too.
·         We have done the flash about Pulau Kapas.
·      We have done the banner with different subtopic words but same background. So, it’s only change the words of each webpage and the background maintain the same.
·         We successful to make our website feeling clean and relax. 

Concept & Theme


Pulau Kapas


Concept


·      Kapas Island: Kapas represents cotton and Island represents the land surround by water and has beaches surrounded too.

·      So, our concept is cotton and sand beach.
·      Cotton: Our S.O.S logo love shape is like a cotton
·      Sand Beach: Our website and banner background is part of sand of beach.



Theme


·     Beach sand as our website and banner background in order to have a feeling at the beach side. 

this is the orginal picture
the star and shells looks so weird after we put it in our website



so, we used photoshop to clone it 
it become like this
we used this as our website background 


Group Meeting / Discussion

We had created a group page in Facebook
to discuss about our assignment
so that it's more convenience and easier for us to discuss.


This is the group page named as S.O.S[Digital Media 2]

 below are the examples of our group discussion 

discuss about the website background


discuss about the web pages

discuss about the banner

discuss about the final initial layout

discuss about the individual initial layout and flowchart

discuss about the initial report and giving some opinions


 parts that each members had done and posted it here


discuss about the website buttons and the blog


share document about the report

post announcement here


During the meeting, we had discussed about  :

·         What was discussed :
-          design our S.O.S logo, website banner and buttons
-          what we should put on our website
-          what kind of look should we apply on our website
-          create the flash such as what to put in the flash and what look should we design the flash
-          discuss about our initial layout and flowchart.
-          Set the time that we should complete the works and combine together.
·         Problems:
-          Facing midterm exams
-          Still have other assignments from different subjects
-          All of our timetable different so it’s hard to meet out and discuss together
-          All members ideas were different
·         Ideas
-          Each webpage have different kind of banners
-          Make it have a feeling at the beach side
-          Neat and decorative arrangement of website
-          Create a logo with a cotton looks
-          Put a sand beach background to have a feeling at the beach

Tuesday, 6 September 2011

[Home]The progress of Home webpage (using Dreamweaver) - Kong Joan




Home webpage


this is the banner for Home Webpage







This is 3 different type of buttons for Home Webpage














this is the pictures
edited with adobe Photoshop 
(Reference :  link 1 , link 2 )

______________________________________________________________________________
        


1st - create table to build our website
then, insert logo and banner inside upper part



this is the table for our whole website
align = center
 border = 0


properties of banner
W = 829
H =  302


Properties of logo
W= 202
H = 158


2nd - create table with 1 row and 6 column 
to organize the button properly and neatly


This is the arrangement of the button


3rd - I create table with 2 columns and 1 row.
then i insert flash , images and subtopics inside
and then link the subtopic and image one by one



4th - create anchor near the logo and named it as "top"
( Reference : more about anchor )


5th - highlight "back to top" and then link to the anchor which named as "top"
so that when we click on it then it will move up.

[Webmaster]The progress of Webmaster webpage ( using Dreamweaver ) - Kong Joan


Webmaster webpage

Page 1



Banner for webmaster




buttons for webmaster





this is the pictures
edited using Adobe Photoshop
(Reference : http://news.bbc.co.uk/2/hi/uk_news/wales/2463563.stm )

___________________________________________________________________________________



1st - click on "Form" icon



to create a box like the above



2nd - insert the Q&A picture inside


3rd - click on "Text Field" icon



to create name box in order to enter the name of the viewer




4th - click on "Spry Validation Text Field"



to create the email box specific to let the viewer to enter the email address only
 



5th - create the comment box (same as 3rd step) with Multi line
to let the viewer to enter the comment




6th - hightligh the 3 boxes and click on "button" icon to create submit button
in order to let viewer submit it after enter all in the boxes

Reference : ( link 1 , link 2 , Adobe Dreamweaver CS4 E-book - Topic 8 Working with Forms )

Page 2



add on this pictures in page 2




1st - create table which consist of 3 rows and 4 column
in order to organize the details


2nd -  set the table border = 0



3rd - insert pictures in first and third column



4th - insert the detail of each profile of the picture