HTML5 APP Development
Lesson 4 - Adding content & Links
Outcomes:
-
You will create and populate the pages of the app.
-
You will create and program Navigation buttons.
Task 1 - Creating your page Frame
-
Open your index.html page.
-
You will need to delete everything between the two <body> tags (so between <body> & </body>)
-
We are going to create a basic frame for our home page.
-
We are goin to use a html tag <div>. A div basicly creates a square frame.
-
Then please watch the video.
Task 2 - Creating your navigation buttons
-
Watch the second video above, to see how to add a navigation button on the homepage.
-
You will need to add to following :
<a href="#about_us" data-role="button" data-icon="arrow-r" data-iconpos="right">About Us</a>
Videos
Starter - Re-establish your site in Dreamweaver
As the PC loses what you last did in dreamweaver you will need set-up your site.