WEEK 3 - ADOBE MUSE

Today is started with learning new software which is called as Adobe Muse. Overall, it is used for interactive web and different from Dreamweaver where every files will be changed automatically as long as we use same file sources.

Started with create new site, press "OK"

Then, add other pages by clicking "+" button on the right side. Below is the display after clicking it. 

Now, we start to create design inside the pages. It is started with creating navigation bar for whole pages by making it in "a-master" pages which has already set to each pages.  

Please change font face, sizes, and color as well as background if necessary. Hover button color could 

be changed by going to "states" in widgets library line and choose "rollover".  

Then, we go to gallery page by double-clicking it. Choose the options in slideshow lists given. In this case, lightbox is used to put or replace pictures and you can add images as well. 

Do not forget to export file into HTML and create domain name with ".com" behind. Below is where domain name is inserted.

After it is exported, one folder will appear and here is the files inside.

Next section is doing HOME page consists of title and text. --->

Then, for CONTENTS page, the form is available on "widgets library -> forms", and choose either detailed or simple contact to show the form.

PARALLAX SCROLLING IN ADOBE MUSE !

We need to create title and paragraph for parallax scrolling. Then, create headline for the tiltle to keep font face, sizes, and color. Simply done with going to paragraph styles and create new layer, named it as "headline".

Just simply go to "widgets library" -> DRAG state button on to the page. Then, rectangle box with grey button will appear. After that, activate anchor, give name,  and put it at the position you want. DO NOT FORGET TO EXTEND YOUR PAGES TO SEE THE DIFFERENCE ! 

After that, click rectangle box, SET HYPERLINKS, find "anchor name", and preview. It will be automatically go to anchor position once you click the rectangle box. 

Furthermore, there is 3 paragraphs and title arranged with specific name for anchor. Once it click title 1, it will go to page 1, etc.  The button stands steady there select those 3 grey rectangle and pin it up.  

LAST FOR TODAY, playing with scroll effects and the first 2 icons inside. We can adjust the upper straight line above words to determine the gap until scrolling done. 

HERE IS THE SCREENSHOT OUTCOME ...