On page 3Demonstrate your knowledge of the following code by giving an example of each code below (which means that you will using the tag for that code). Divide your list of examples into 2 different types of lists you haven’t used before. The type of lists you can use are listed below.bolditalicsuperscript-and-subscriptwhite-spaceline-breakshorizontal-rulesstrongemphasisquotationsabbreviationscitationsdefinitionsaddressstrike-throughLists you can use for page 2 and page 3.ordered-listsunordered-listsdefinition-listsnested-lists
moacmtahtml5applicationsdevfundamentals98375.pdf
Unformatted Attachment Preview
®
Microsoft Official Academic Course
HTML5 Application Development
Fundamentals, Exam 98-375
| i
VP & PUBLISHER
EDITOR
DIRECTOR OF SALES
EXECUTIVE MARKETING MANAGER
MICROSOFT PRODUCT MANAGER
EDITORIAL PROGRAM ASSISTANT
ASSISTANT MARKETING MANAGER
SENIOR PRODUCTION MANAGER
ASSOCIATE PRODUCTION MANAGER
CREATIVE DIRECTOR
COVER DESIGNER
TECHNOLOGY AND MEDIA
Don Fowley
Bryan Gambrel
Mitchell Beaton
Chris Ruel
Rob Linsky of Microsoft Learning
Jennifer Lartz
Debbie Martin
Janis Soo
Joel Balbin
Harry Nolan
Georgina Smith
Tom Kulesa/Wendy Ashenberg
This book was set in Garamond by Aptara, Inc. and printed and bound by Bind-Rite Robbinsville.
The cover was printed by Bind-Rite Robbinsville.
Copyright © 2013 by John Wiley & Sons, Inc. All rights reserved.
No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means,
electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108
of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization
through payment of the appropriate per-copy fee to the Copyright Clearance Center, Inc. 222 Rosewood Drive, Danvers,
MA 01923, website www.copyright.com. Requests to the Publisher for permission should be addressed to the Permissions
Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030-5774, (201)748-6011, fax (201)748-6008,
website http://www.wiley.com/go/permissions.
Microsoft, ActiveX, Excel, InfoPath, Microsoft Press, MSDN, OneNote, Outlook, PivotChart, PivotTable, PowerPoint,
SharePoint, SQL Server, Visio, Visual Basic, Visual C#, Visual Studio, Windows, Windows 7, Windows Mobile, Windows
Server, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/
or other countries. Other product and company names mentioned herein may be the trademarks of their respective owners.
The example companies, organizations, products, domain names, e-mail addresses, logos, people, places, and events
depicted herein are fictitious. No association with any real company, organization, product, domain name, e-mail address,
logo, person, place, or event is intended or should be inferred.
The book expresses the author’s views and opinions. The information contained in this book is provided without any
express, statutory, or implied warranties. Neither the authors, John Wiley & Sons, Inc., Microsoft Corporation, nor their
resellers or distributors will be held liable for any damages caused or alleged to be caused either directly or indirectly by
this book.
ISBN 978-1-118-35993-8
Printed in the United States of America
10 9 8 7 6 5 4 3 2 1
www.wiley.com/college/microsoft or
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only)
Foreword from the Publisher
Wiley’s publishing vision for the Microsoft Official Academic Course series is to provide
students and instructors with the skills and knowledge they need to use Microsoft technology effectively in all aspects of their personal and professional lives. Quality instruction is
required to help both educators and students get the most from Microsoft’s software tools and
to become more productive. Thus our mission is to make our instructional programs trusted
educational companions for life.
To accomplish this mission, Wiley and Microsoft have partnered to develop the highest quality
educational programs for Information Workers, IT Professionals, and Developers. Materials created by this partnership carry the brand name “Microsoft Official Academic Course,” assuring
instructors and students alike that the content of these textbooks is fully endorsed by Microsoft,
and that they provide the highest quality information and instruction on Microsoft products.
The Microsoft Official Academic Course textbooks are “Official” in still one more way—they
are the officially sanctioned courseware for Microsoft IT Academy members.
The Microsoft Official Academic Course series focuses on workforce development. These
programs are aimed at those students seeking to enter the workforce, change jobs, or embark
on new careers as information workers, IT professionals, and developers. Microsoft Official
Academic Course programs address their needs by emphasizing authentic workplace scenarios
with an abundance of projects, exercises, cases, and assessments.
The Microsoft Official Academic Courses are mapped to Microsoft’s extensive research and
job-task analysis, the same research and analysis used to create the Microsoft Technology
Associate (MTA) and Microsoft Certified Solutions Developer (MCSD) exams. The textbooks focus on real skills for real jobs. As students work through the projects and exercises
in the textbooks they enhance their level of knowledge and their ability to apply the latest
Microsoft technology to everyday tasks. These students also gain resume-building credentials
that can assist them in finding a job, keeping their current job, or in furthering
their education.
The concept of life-long learning is today an utmost necessity. Job roles, and even whole
job categories, are changing so quickly that none of us can stay competitive and productive
without continuously updating our skills and capabilities. The Microsoft Official Academic
Course offerings, and their focus on Microsoft certification exam preparation, provide a
means for people to acquire and effectively update their skills and knowledge. Wiley supports students in this endeavor through the development and distribution of these courses as
Microsoft’s official academic publisher.
Today educational publishing requires attention to providing quality print and robust electronic content. By integrating Microsoft Official Academic Course products, WileyPLUS, and
Microsoft certifications, we are better able to deliver efficient learning solutions for students
and teachers alike.
Joseph Heider
General Manager and Senior Vice President
www.wiley.com/college/microsoft or
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only)
| iii
Preface
Welcome to the Microsoft Official Academic Course (MOAC) program for HTML5
Application Development Fundamentals. MOAC represents the collaboration between
Microsoft Learning and John Wiley & Sons, Inc. publishing company. Microsoft and Wiley
teamed up to produce a series of textbooks that deliver compelling and innovative teaching
solutions to instructors and superior learning experiences for students. Infused and informed
by in-depth knowledge from the creators of Microsoft products, and crafted by a publisher
known worldwide for the pedagogical quality of its products, these textbooks maximize skills
transfer in minimum time. Students are challenged to reach their potential by using their new
technical skills as highly productive members of the workforce.
Because this knowledge base comes directly from Microsoft, creator of the Microsoft
Certified Solutions Developer (MCSD) and Microsoft Technology Associate (MTA) exams
(www.microsoft.com/learning/certification), you are sure to receive the topical coverage that
is most relevant to students’ personal and professional success. Microsoft’s direct participation
not only assures you that MOAC textbook content is accurate and current; it also means that
students will receive the best instruction possible to enable their success on certification exams
and in the workplace.
■
The Microsoft Official Academic Course Program
The Microsoft Official Academic Course series is a complete program for instructors and institutions
to prepare and deliver great courses on Microsoft software technologies. With MOAC, we recognize
that, because of the rapid pace of change in the technology and curriculum developed by Microsoft,
there is an ongoing set of needs beyond classroom instruction tools for an instructor to be ready to
teach the course. The MOAC program endeavors to provide solutions for all these needs in a systematic manner in order to ensure a successful and rewarding course experience for both instructor
and student—technical and curriculum training for instructor readiness with new software releases;
the software itself for student use at home for building hands-on skills, assessment, and validation of
skill development; and a great set of tools for delivering instruction in the classroom and lab. All are
important to the smooth delivery of an interesting course on Microsoft software, and all are provided with the MOAC program. We think about the model below as a gauge for ensuring that we
completely support you in your goal of teaching a great course. As you evaluate your instructional
materials options, you may wish to use the model for comparison purposes with available products.
iv |
www.wiley.com/college/microsoft or
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only)
Illustrated Book Tour
■
Pedagogical Features
The MOAC textbook for HTML5 Application Development Fundamentals is designed to
cover all the learning objectives for that MTA exam 98-375, which is referred to as its
“objective domain.” The Microsoft Technology Associate (MTA) exam objectives are highlighted throughout the textbook. Many pedagogical features have been developed specifically
for Microsoft Official Academic Course programs.
Presenting the extensive procedural information and technical concepts woven throughout the
textbook raises challenges for the student and instructor alike. The Illustrated Book Tour that
follows provides a guide to the rich features contributing to Microsoft Official Academic Course
program’s pedagogical plan. Following is a list of key features in each lesson designed to
prepare students for success as they continue in their IT education, on the certification
exams, and in the workplace:
• Each lesson begins with an Exam Objective Matrix. More than a standard list of
learning objectives, the Exam Objective Matrix correlates each software skill covered in
the lesson to the specific exam objective domain.
• Concise and frequent Step-by-Step instructions teach students new features and provide
an opportunity for hands-on practice. Numbered steps give detailed, step-by-step
instructions to help students learn software skills.
• Illustrations: Screen images provide visual feedback as students work through the
exercises. The images reinforce key concepts, provide visual clues about the steps, and
allow students to check their progress.
• Key Terms: Important technical vocabulary is listed with definitions at the beginning of
the lesson. When these terms are used later in the lesson, they appear in bold italic type
and are defined. The Glossary contains all of the key terms and their definitions.
• Engaging point-of-use Reader Aids, located throughout the lessons, tell students why
this topic is relevant (The Bottom Line) and provide students with helpful hints (Take
Note). Reader Aids also provide additional relevant or background information that adds
value to the lesson.
• Certification Ready features throughout the text signal to students where a specific
certification objective is covered. They provide students with a chance to check their
understanding of that particular MTA objective and, if necessary, review the section
of the lesson where it is covered. MOAC offers complete preparation for MTA
certification.
• End-of-Lesson Questions: The Knowledge Assessment section provides a variety of
multiple-choice, true-false, matching, and fill-in-the-blank questions.
• End-of-Lesson Exercises: Competency Assessment case scenarios and Proficiency
Assessment case scenarios are projects that test students’ ability to apply what they’ve
learned in the lesson.
www.wiley.com/college/microsoft or
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only)
| v
vi | Illustrated Book Tour
■
Lesson Features
c03BuildingtheUserInterfacebyUsingHTML5OrganizationInputandValidation.indd Page 53 17/10/12 2:01 PM user-f396
Building the User
Interface by Using
HTML5: Organization,
Input, and Validation
F-403
3
LESSON
Exam Objective Matrix
E X A M O B J E C T I V E M AT R I X
SKILLS/CONCEPTS
MTA EXAM OBJECTIVE
MTA EXAM OBJECTIVE NUMBER
Choosing and Configuring
HTML5 Tags to Organize
Content and Forms
Choose and configure
HTML5 tags to organize
content and forms.
2.4
Choosing and Configuring HTML5
Tags for Input and Validation
Choose and configure HTML5
tags for input and validation.
2.5
KEY TERMS
article element
nav element
aside element
ordered list
autofocus attribute
pattern attribute
automatic validation
placeholder text
client-side validation
required attribute
datalist element
section element
email attribute
semantic markup
footer element
server-side validation
form input
table
global attribute
unordered list
header element
validation
menu element
Web form
Key Terms
More Information
Reader Aid
c01ManagingtheApplicationLifeCycle.indd Page 5 10/16/12 3:36 PM user-f494
/Users/F-440/Desktop
Managing the Application Life Cycle | 5
✚ MORE INFORMATION
The Web addresses used in the previous exercises are repeated here for your convenience—consider
bookmarking them for later use. You can find information on the HTML5 standard on the W3C Web site at
http://www.w3.org/TR/html5/. One Web site that provides HTML5 tutorials is at http://www.w3schools.com/
html5/default.asp. Microsoft provides useful information to new developers at the Beginner Developer Learning
Center (http://msdn.microsoft.com/en-us/beginner/default.aspx) and the MSDN site at http://bit.ly/Hd9uzt.
Creating Apps
HTML5 apps are much easier to develop than similar apps that use other technologies
such as Adobe Flash and Microsoft Silverlight. HTML5, CSS, and JavaScript are
interpreted languages, which means they do not require compilation. You can debug the
code within a browser, make quick edits, and then refresh the browser window to see the
result of the changes.
Business
Scenario
One of your new tasks as an intern at Malted Milk Media is to create a Web form that
restricts what a user can enter into the form fields and validates the input. To prepare to
create the Web form, you must first learn how best to organize or structure the markup
using new HTML5 elements.
53
Although you can create a lot of code using a simple text or HTML editor, if you want to
package and deploy your app, you’ll need to use an application development tool such as
Microsoft Visual Studio.
Figure 1-3
General steps for creating
an app
c01ManagingtheApplicationLifeCycle.indd Page 2 10/16/12 3:36 PM user-f494
/Users/F-440/Desktop
Plan
Design UI
Update Manifest
Test and Debug
Build App
Write Code
Package
Validate
Deploy
2 | Lesson 1
You are the new intern at Malted Milk Media, a creative agency that creates rich media
applications for clients. The company will soon begin using HTML5 in its projects.
Your manager asked you to research HTML5 and its related technologies and present
a report on significant changes from HTML 4.01 to HTML5. You must also include
information on how HTML5 can be used for creating touch-screen applications, such as
those for PCs, slates, tablets, and smartphones.
■
Understanding Platform Fundamentals
THE BOTTOM LINE
TAKE NOTE
*
W3C® is a trademark
(registered in numerous
countries) of the World
Wide Web Consortium;
marks of W3C are registered and held by its
host institutions MIT,
ERCIM, and Keio.
HTML5 is the latest HTML standard and a family of technologies that includes HTML,
CSS, and JavaScript. Although the HTML5 standard won’t be finalized for a few years,
most modern Web browsers already support HTML5 elements, and HTML5 app
development for Web and mobile device browsers is well underway.
Hypertext Markup Language (HTML) is the language you use to describe Web pages. It is a
markup language, not a programming language, which means HTML uses markup tags such as
and to describe parts of a Web page. An HTML file doesn’t “run” like a program.
Instead, an HTML file is interpreted by a browser to display a Web page based on the tags.
Bottom Line
In this section, you will learn the general steps involved in creating an app. Figure 1-3
illustrates the steps, which are explained as follows:
• Plan your project: Think about the type of app you want to create. Whatever you
choose, it’s best to keep it simple while you’re first learning HTML5 app development.
After you decide on the main action of your app, create an outline of the general flow
of the application from start to finish. Also determine the type of user interactivity
you want to include, such as a touch interface, whether you need to save data outside
of the app, and whether the app should connect to other apps or services (such as an
RSS feed).
• Design a UI: When designing the user interface, determine how you want the app
to appear to users. Group the content in a way that makes logical sense. Begin listing
the commands you will need for the app to run as expected, and gather images and
multimedia clips if necessary. At a minimum, today’s apps require a launcher icon,
which represents your app.
• Update the app manifest: Every app requires a manifest file. The manifest file
describes properties of the app and what the app needs to run (see Figure 1-4). The file
includes many different pieces of information, such as a display name that users see, a
description of the app, the app’s orientation (portrait, landscape, etc.), the file path to the
app’s icon, the app’s capabilities (system features or devices that your app can use), and
much more.
Since 1999, HTML 4.01 has been the standard for Web pages, but the world has changed
quite a bit since then. Web users want richer Web applications that incorporate audio, video,
and a lot of interactivity on the Web sites they visit. And with the surge in popularity of
mobile devices like slates, tablets, and smartphones, users want to experience the same richness and interactivity in mobile applications regardless of which device they choose.
All of this has prompted the need for a new standard, which will be HTML5. The World
Wide Web Consortium (W3C) is the main standards body developing specifications for
HTML5, which should be finalized in 2014. The HTML5 logo is shown in Figure 1-1.
Figure 1-1
The HTML5 logo
TAKE NOTE
*
Even though HTML5
is still under development, most of the major
Web browsers such
as Microsoft Internet
Explorer, Google
Chrome, Mozilla Firefox,
Opera, and Apple Safari
support many HTML5
elements.
CERTIFICATION READY
What are the three
primary technologies in
the HTML5 family?
1.1
This work is attributed to the W3C.
An important point to remember about HTML5 is that it is both a standard and a combination
or family of new HTML markup tags, CSS, JavaScript, and other related technologies. Cascading
Style Sheets (CSS) defines styles for HTML in a separate file, so you can easily change fonts, font
sizes, and other attributes in a CSS file and the changes are reflected across all HTML files that reference the CSS file. The latest version of CSS is CSS3. JavaScript is a scripting language (a programming language that uses scripts and requires no compiler) that adds interactivity to Web pages.
Although you can use HTML5, CSS3, and JavaScript to create Web pages, you can also use
the combination to develop client applications (apps) that run on touch-enabled devices like
www.wiley.com/college/microsoft or
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only)
Illustrated Book Tour | vii
c01ManagingtheApplicationLifeCycle.indd Page 9 10/16/12 3:36 PM user-f494
/Users/F-440/Desktop
Managing the Application Life Cycle | 9
Figure 1-5
A portion of the MSDN
Developer Network Samples
Web page
2. Scroll down and click the HTML5 link in the left pane, currently near …
Purchase answer to see full
attachment