Professional Documents
Culture Documents
Textual & visual action details Show opening screen. Narration text
Welcome to the HTML5 Fundamentals demo. This demo will provide an overview of the semantic approach that is the structural essence of HTML5, introduce some of the new tags, and show how CSS3 enhances the look and feel. Type of transition: Barn Cube Rotate We are going to design a page called the Musical Muse as outlined in this diagram. The main flow of the page will consist of a page header, a navigation menu, a main article that contains two sections and an aside, and finally the footer. There will also be two asides that are not part of the main page flow.
As you talk about the diagram, zoom/highlight in on the components. Transition here Show completed web page itself. [Record actual page. As you talk about the page, zoom/highlight in on the sections. Click one or two of the buttons to show how they work.]
Type of transition: Fade Here is the Musical Muse web page. The header area contains the logo, the page title, and a sub-title. It is followed by a navigation menu. Below the navigation is the article area, with its two sections and an aside. The aside contains a video about the Greek muses. The article area is followed by the footer. The left aside contains a stylized image of the muse Euterpe, the muse of music. The right aside contains buttons that, when clicked, tell you more about the other eight muses, who are not actually part of this article.