We begin by inserting a new site where we created a page like we used to in Dreamweaver before. It has a homepage and about, gallery, contact us.
In the master A (which is for all the page in it),we added in the page title and navigation bar in it.
While in separate (in the gallery page), we added the light box image where we added our own image in it.
In the about page however, we learned to do parallax scrolling using muse. Honestly it is easier than in edge but for now I think it is less animated (as in more to changing page in a scrolling method). So here we used pin and anchor. We anchored a part of the page and then we added button to navigate to the anchor point. To keep the button following the page, we pin it from the top middle point.
This will be the for the phone. We just added in another page especially for the phone. So here, we just need to copy from the desktop and rearranged it into a phone page.
Here is another page where we learned more about parallax scrolling.
This is done based on our understanding during the lesson and it is done after the lesson.
No comments:
Post a Comment