WGU C777 WEB DEVELOPMENT APPLICATION PRE ASSESSMENT/
C777 WEB DEVELOPMENT APPLICATION POST ASSESSMENT
ACTUAL EXAM 2026/2027 COMPLETE REAL QUESTIONS AND
CORRECT DETAILED ANSWERS (100% CORRECT VERIFIED
SOLUTIONS) LATEST UPDATED VERSION |GUARANTEED PASS A+
|FULL REVISED EXAM
A web designer creates the following animation by using CSS3: #text effect
{position: relative; animation-name: scroll; animation-duration: 5s; animation-
timing-function: linear; animation-play-state: running;} @key frames scroll {from
{left: 0px;} to {left: 200px;}} How does the content of the element move when the
page loads?
Answer- From left to right one time
A web page includes the following CSS code: @key frames anim_01 {0% {left:
0px; top: 0px;}50% {left: 200px; top: 0px;}100% {left: 600px; top: 0px;}}
#animation {position: relative; animation-name: anim_01; animation-duration: 4s;
animation-timing-function: linear; animation-iteration-count: infinite; animation-
direction: alternate; animation-play-state: running;} How often does the animation
play when it is invoked?
Answer- Forever
Given the following CSS code: div {transition-property: opacity, left, top, height;
transition-duration: 5s; transition-delay: 3s} Which value determines how long the
transition will last?
,Answer- 5 seconds
Given the following CSS code: Box {width: 150px; height: 150px; background:
red; margin-top: 20px; margin-left: auto; margin-right: auto; -web kit-transition:
background-color 2s ease-out; -most-transition: background-color 2s ease-out; -o-
transition: background-color 2s ease-out; transition: background-color 2s ease-
out;}. box: hover {background-color: green; cursor: pointer;} Which color does
this box turn when a user hovers a mouse pointer over it?
Answer- Green with a time duration of two seconds
A web page has a section that contains an <aside> element. The element is always
10 pixels from the right and 50 pixels from the top of the browser. Which type of
layout positioning does the <aside> element use?
Answer- Fixed
A web designer reviews the following style rule: #brand {font-weight: bold;}
Which paragraph element will it select?
Answer- <p id="brand">Web Design</p>
Which CSS selector defines an element with a class attribute equal to subject?
,Answer- subject
Which background-size property value scales the background image to the greatest
height and width that fits within the specified content area?
Answer- contain
Which of the following statements about HTML5 is true?
Answer- HTML5 does not require third-party plug-ins for video and audio content
What is the purpose of using the <output> element in a Web form?
Answer- It displays the result of a calculation in the form
Why are syntax errors so common when writing JavaScript code?
Answer- Because JavaScript is case-specific
What CSS3 property can be used to create rounded corners on an image or other
element?
Answer- border-radius
What type of JavaScript expression evaluates to true or false?
, Answer- Logical
Which statement is true about JavaScript?
Answer- JavaScript is widely used for client-side and server-side scripts
You have created a Web page using the HTML5 <navy> structural element to
define a navigation area. Consider the following external style sheet code:
navy {
float: left;
width:165px;
background: #d8d8d8 urn(background.gif) top right;
height:662px;
}
Where on the page will the image (background.gif) appear?
Answer- At the top right of the navy section
Kate has created a complex script that she wants to attach to multiple HTML files,
but she also wants to add a simple script to only certain sections of one page. What
must she do to apply both scripts?
Answer- She must use separate <script> elements to call the external script file and
to embed a separate script
C777 WEB DEVELOPMENT APPLICATION POST ASSESSMENT
ACTUAL EXAM 2026/2027 COMPLETE REAL QUESTIONS AND
CORRECT DETAILED ANSWERS (100% CORRECT VERIFIED
SOLUTIONS) LATEST UPDATED VERSION |GUARANTEED PASS A+
|FULL REVISED EXAM
A web designer creates the following animation by using CSS3: #text effect
{position: relative; animation-name: scroll; animation-duration: 5s; animation-
timing-function: linear; animation-play-state: running;} @key frames scroll {from
{left: 0px;} to {left: 200px;}} How does the content of the element move when the
page loads?
Answer- From left to right one time
A web page includes the following CSS code: @key frames anim_01 {0% {left:
0px; top: 0px;}50% {left: 200px; top: 0px;}100% {left: 600px; top: 0px;}}
#animation {position: relative; animation-name: anim_01; animation-duration: 4s;
animation-timing-function: linear; animation-iteration-count: infinite; animation-
direction: alternate; animation-play-state: running;} How often does the animation
play when it is invoked?
Answer- Forever
Given the following CSS code: div {transition-property: opacity, left, top, height;
transition-duration: 5s; transition-delay: 3s} Which value determines how long the
transition will last?
,Answer- 5 seconds
Given the following CSS code: Box {width: 150px; height: 150px; background:
red; margin-top: 20px; margin-left: auto; margin-right: auto; -web kit-transition:
background-color 2s ease-out; -most-transition: background-color 2s ease-out; -o-
transition: background-color 2s ease-out; transition: background-color 2s ease-
out;}. box: hover {background-color: green; cursor: pointer;} Which color does
this box turn when a user hovers a mouse pointer over it?
Answer- Green with a time duration of two seconds
A web page has a section that contains an <aside> element. The element is always
10 pixels from the right and 50 pixels from the top of the browser. Which type of
layout positioning does the <aside> element use?
Answer- Fixed
A web designer reviews the following style rule: #brand {font-weight: bold;}
Which paragraph element will it select?
Answer- <p id="brand">Web Design</p>
Which CSS selector defines an element with a class attribute equal to subject?
,Answer- subject
Which background-size property value scales the background image to the greatest
height and width that fits within the specified content area?
Answer- contain
Which of the following statements about HTML5 is true?
Answer- HTML5 does not require third-party plug-ins for video and audio content
What is the purpose of using the <output> element in a Web form?
Answer- It displays the result of a calculation in the form
Why are syntax errors so common when writing JavaScript code?
Answer- Because JavaScript is case-specific
What CSS3 property can be used to create rounded corners on an image or other
element?
Answer- border-radius
What type of JavaScript expression evaluates to true or false?
, Answer- Logical
Which statement is true about JavaScript?
Answer- JavaScript is widely used for client-side and server-side scripts
You have created a Web page using the HTML5 <navy> structural element to
define a navigation area. Consider the following external style sheet code:
navy {
float: left;
width:165px;
background: #d8d8d8 urn(background.gif) top right;
height:662px;
}
Where on the page will the image (background.gif) appear?
Answer- At the top right of the navy section
Kate has created a complex script that she wants to attach to multiple HTML files,
but she also wants to add a simple script to only certain sections of one page. What
must she do to apply both scripts?
Answer- She must use separate <script> elements to call the external script file and
to embed a separate script
