Download presentation
Presentation is loading. Please wait.
1
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
2
Wireframe Wireframe is a way to layout your webpage with some of the things that html5 does. There are new things besides body and header. There are headers, navs, main, footer, etc.
3
This is the layout of a webpage. It sets up what will go where.
Sample Wireframe This is the layout of a webpage. It sets up what will go where.
4
Header Sample site: Nav Main Footer
5
New HTML CODE! Add this to your code
6
the <head> tag contains all the things like, meta tags, title tags, and css style calls
the <header> creates a space for the title of your page.
7
Nav Tag - this sets up a place for links
Nav Tag - this sets up a place for links. This one is for internal links (links to other pages on your website) Special character that creates a blank space Link What you see
8
main tag - this is where the main part of your page is located.
9
div tag - this is where things go that are not part of a header, main or footer.
10
footer tag - This resides at the bottom of the page
footer tag - This resides at the bottom of the page. Things like tags, links to FAQ pages, etc.
11
Add common symbols to html output
Similar presentations
