Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 001 Media information Navigation info Screen 1 of 24 Notes: When this slide ends the continue button will be animated to appear in this slide. The continue button will navigate the user to the next slide, which is the objectives slide. Animated Background: Purchased from VideoHive.net Licence: es/regular Sound Effect: Evolving Atmosphere 05 – from iLife Library Narrative: None Text Animation: Created in After Effects

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 002 Media information Navigation info Screen 2 of 24 Notes: Narrative: Hi, I’m Ahmed Davis and I would like to welcome you to the HTML5 Essential Training. In this course we’ll be working on building a strong knowledge base of HTML5. The course objectives for this training module is to learn: What is HTML? What is an HTML Tag? You will learn the anatomy of an HTML Tag and basic HTML structure. However, before we begin this training module you will be required to take a pre-exam to assess your knowledge of HTML. Animated Background: Purchased from VideoHive.net Licence: es/regular When this slide ends the continue button will be animated to appear in this slide. When the learner clicks on the continue button they will navigate to the first test slide that prompts the learner to take the pre- exam.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 003 Media information Navigation info Screen 3 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular When this slide ends the continue button will be animated to appear in this slide. When the learner clicks on the continue button they will navigate to the first test slide that prompts the learner to take the pre- exam.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 004 Media information Navigation info Screen 4 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will be presented with the clear and submit answer buttons during the pre-assessment. Upon submission of the answer the learner will be navigated to the next question in the assessment regardless if the question was answered correctly or failed. No remediation.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 005 Media information Navigation info Screen 5 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will be presented with the clear and submit answer buttons during the pre-assessment. Upon submission of the answer the learner will be navigated to the next question in the assessment regardless if the question was answered correctly or failed. No remediation.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 006 Media information Navigation info Screen 6 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will be presented with the clear and submit answer buttons during the pre-assessment. Upon submission of the answer the learner will be navigated to the results slide. No remediation.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 007 Media information Navigation info Screen 7 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular Navigation in the results slide is contingent upon how the learner scores in this exam. If the learner pass the continue button will navigate the to a congrats slide where they can exit the exam. If the learner fails the continue button will navigate the learner directly to training.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 008 Media information Navigation info Screen 8 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 009 Media information Navigation info Screen 9 of 24 Notes: HTML is a Markup language. Markup refers to the Markup tags or HTML tags that are used to describe the document’s contents. Keep in mind that the terms Markup tags and HTML tags are used interchangeably and they are the same. Animated Background: Purchased from VideoHive.net Licence: es/regular When this slide ends the continue button will be animated to appear in this slide. The continue button will navigate the user to the next training segment of my training module, which is the “What is an HTML tag?” training segment.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 010 Media information Navigation info Screen 10 of 24 Notes: What Is an HTML Tag? An HTML tag provides information about how the HTML document is structured. An HTML tag contains keywords that are surrounded by angle brackets. Example: Animated Background: Purchased from VideoHive.net Licence: es/regular When this slide ends the continue button will be animated to appear in this slide. The continue button will navigate the user to the next training segment of my training module, which is the “The anatomy of an HTML Tag” training segment.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 011 Media information Navigation info Screen 11 of 24 Notes: Animated Background: Purchased from VideoHive.net Licence: es/regular When this slide ends the continue button will be animated to appear in this slide. The continue button will navigate the user to the next training segment of my training module, which is the “Basic HTML Structure” training segment. Narrative: The Anatomy of an HTML Tag. An HTML tags usually come in pairs with an opening tag and a closing tag. Example: The opening tag represents the start of the HTML document. The closing tag represents the end of the HTML document.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 012 Media information Navigation info Screen 12 of 24 Notes: Animated Background: Purchased from VideoHive.net Licence: es/regular After the Basic HTML Structure segment of the train module has ended the learner will be presented with a navigational button to continue to the congratulation slide. Narrative: Basic HTML Structure The first tag that is used in a basic HTML page structure is the tag. The tag is used to tell the browser that this Document’s Type is HTML and to handle this document as an HTML document. The second tags that is used in a basic HTML page structure is the HTML tag. The opening HTML tag informs the browser of where the HTML document begins. The closing HTML tag informs the browser of where the HTML document ends. The third tags is the Head Tag and it resides in the HTML tag. The Fourth tag that is used in a basic HTML page structure is the Title tag. The Title tag’s is used to display text in the browser’s title bar such as the name of your web site and the web site page title. The Title tag resides in the Head tag. The fifth tag is the Body tag. The Body tag is where the viewable content of your page will be placed. The Body tag is placed after the closing Head tags but within the HTML tag.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 012 Media information Navigation info Screen 13 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular Upon the completing the training the learner will be presented with this congratulation slide that contains a navigational button to prompt the learner to begin the assessment.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 014 Media information Navigation info Screen 14 of 24 Notes: The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 015 Media information Navigation info Screen 15 of 24 Notes: The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 016 Media information Navigation info Screen 16 of 24 Notes: The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 017 Media information Navigation info Screen 17 of 24 Notes: The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 019 Media information Navigation info Screen 19 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 020 Media information Navigation info Screen 20 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 021 Media information Navigation info Screen 21 of 24 Notes: The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 022 Media information Navigation info Screen 22 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 023 Media information Navigation info Screen 23 of 24 Notes: No Narrative Animated Background: Purchased from VideoHive.net Licence: es/regular The learner will initially be presented with the clear and submit answer buttons during the assessment. However, the learner will be prompted and have opportunity for remediation in the event that he or she answers the question incorrectly.

Project name: HTML5 Essential Training Date: 4 /17/ 2014 Screen ID: 024 Media information Navigation info Screen 24 of 24 Notes: The navigational buttons that will appear on the results screen is contingent upon the results of the quiz results. If the learner passes the assessment they can exit the module. However, if the learner fails the assessment he or she will be presented with options to either take the test again or view the training again. Animated Background: Purchased from VideoHive.net Licence: es/regular No Narrative