Description on the individual ideation of the link
As present idea, and for the introduction for Baba & Nyonya is to present the history of theirs. Basically, i would use time line to describe how Baba & nyonya came about, and after that where and when the population of Baba & nyonya to grow. Through this, a hope that viewer can know more about the origin of Baba & Nyonya.
Objective of the link
The objective of this link is to let people know the origin or the history of Baba & Nyonya, how this culture came into the late Tanah Melayu and till the modern existence of Baba & Nyonya. To get viewers to get to more interest with Baba & Nyonya so that culture can be share among each other.
Design of GUI
Before each are selected to go, there will be a flash video embed in the website to show some interactive in the website to gain some extra idea what is about Baba & Nyonya.
There will be a banner for the site and below are the links for the particular sub topic
on the left hand side, there is a side bar, where it can link it to home, and all the various subtopics.
in the middle, there will be attachment of various pictures regards or old and modern days of Baba & nyonya, with some paragraph to introduce their history.
Flow Chart of individual site
this individual page consider of three main component which is About Baba & Nyonya, Origin and Current Baba & Nyonya
every pages will have info about the particular component, and pictures.
of course flash video will be included for the about for the introductory.
References
(About Baba & Nyonya),(Current Baba & Nyonya(Video))
History of Baba & Nyonya
2nd Update
With the completed draft above, hence i had started with my work with designing
This is the banner of my web pages
also, as a team leader, i had done a flash for as an introduction for the website
This is the main page for the navigation to all 4 web elements.
In previous post, i had mention to put some video to introduce more about Baba Nyonya
This link direct to the sample video
3rd Update
Flash Video screen shot
Info screen shot
Video posting screen shot
With these, i complete the update for my webpages.
Tools to use
Adobe Flash -
Main Intro
Using 6 different picture as an introduction of Baba Nyonya website,
the concept of this flash is large picture from center will be shrink to small size and move to their position respectively.
after that, a banner will move out from center, from small to big
Adobe Photoshop
With the old paper image background,
and Viner Hand ITC for Font style.
With few pictures added into the banner
Website main page
Chooses old paper background, and started with one custom shape tool.
uses red colour as the paste
After that, i copied into four more and uses the same shape, i make it bigger and uses black and the background of the button
and it turn like this
Using font of Viner Hand ITC, i type few words on top of the button to make this banner as the main page of the website
Dreamweaver
Inserted one table and put a flash as an intro for the website
with it, there is an hyperlink phrase where it says "Click here To Proceed"
where after clicking that button, it will lead you to the main banner for the navigations
After the proceed
I uses rectangle hotspot tool, to make them click able and navigate around the website.
and i hyperlink them one by one to make sure every web pages's link works on the button
Back to intro is also available if we want to go back to the flash intro
my part - history
under the banner, i had prepare another three link to link within all my web pages.
As discussed earlier, we had plan to use the same side menu to navigate around us,
Home, History, Culture, Clothing and Food.
this side menu had given an ease for us to navigate around.
With split mode, i m able to see the code and how the website run as,
first i inserted one big tables, 2 column, 4 row, with border thickness of 2,
after each table, i inserted the embed youtube code into respective table, and it is centralised.
and it wont look messy.
No comments:
Post a Comment