INTEL XDK APP STARTER TUTORIAL 3
STEPS
1) Continue from the previous tutorial
2) Adding Images to the Pages
2.1) Download the following images and put them into the folder images.
eat.jpg
see.jpg
stay.jpg
2.2) Add these images to the pages.
First drop the Container element to the page. Then drop the Image element. Finally, set the image source and style.
3) Edit the Footer
Notice that we have a footer tab Info which is linked to the Main page as well. This is temporary as we haven’t created the Info page yet.
4) Finalizing Pages
4.1) Add a new page Info
4.2) Put a Container and Text element on the page.
4.3) Enter texts “This is an info page”
4.4) Update the List on the Main Page.
4.5) Update the Footer Tab as well.
4.6) Delete the Hello World button on the Main Page.
4.7) Final Design
No comments:
Post a Comment