2023 UPDATED PREDICTOR WGU C799 WEB DEVELOPMENT FOUNDATIONS FINAL EXAM LATEST (REAL EXAM ) QUESTIONS AND ANSWERS

PNG is a raster-graphics file-format that supports lossless data compression. PNG was developed as an improved, non-patented replacement for Graphics Interchange Format (GIF). ● GIF files only support 8-bit color (256 colors) and moving graphics; ● JPEG allows for variable compression and supports millions of colors; it is preferred for photographs. Which statement accurately describes a vector graphic? A. It is created by using Microsoft tools because vector graphics are patented by Microsoft, Inc. B. It uses small dots (usually thousands) to create images and specify colors. C. It is created by using Adobe Photoshop because vector graphics are patented by Adobe Systems, Inc. D. It uses mathematical coordinates with lines, curves and shapes to create images and specify colors. Answer: D. ● Vector graphics are computer graphics images that are defined in terms of 2D points, which are connected by lines and curves to form polygons and other shapes. ● Each of these points has a definite position on the x- and y-axis of the work plane and determines the direction of the path; further, each path may have various properties including values for stroke color, shape, curve, thickness,and fill. ● Vector graphics are commonly found today in the SVG, EPS and PDF graphic file formats. It uses mathematical coordinates with lines, curves and shapes to create images and specify colors. Which Web-ready image formats support interlacing? A. JPEG and PNG B. GIF 89a and JPEG C. GIF 87a, GIF 89a and JPEG D. GIF 87a, GIF 89a and PNG Answer: D ● Interlacing (also known as interleaving) is a method of encoding a bitmap image such that a person who has partially received it sees a degraded copy of the entire image. Preferred when using slow Internet connections. ● Interlacing is supported by the following formats, where it is optional: ● PNG uses the Adam7 algorithm, which interlaces in both the vertical and horizontal direction. What is the correct CSS for positioning an image on the right of a page? A. img { align: right;} B. img { float: right;} C. img { place: right;} D. img { position: right;} Answer: B. ● The float property is used for positioning and formatting content e.g. let an image float right or left to the text in a container. ● The CSS float property specifies how an element should float on the page. Which heading tag below displays the smallest text? A. h5 B. h4 C. h3 D. h2 Answer: A. ● large to small: h1, h2, h3, h4, h5, h6 ● Search engines use the headings to index the structure and content of your web pages. What kind of CSS style is this? And what does it do? a { text-decoration: none; } A. It’s a custom ID that changes the color of the default link; B. It’s a custom Class that modifies every anchor tag on a page; C. it’s an HTML modifier that turns off the underlining of a link; D. none of the above. Answer: C ● It is an HTML modifier ● It turns off the underline of a hyperlink on a page. What kind of CSS style is this? And what does it do? .bgcolor {background-color: #000; color: #FFF;} A. It’s a custom ID that changes the page background color; B. It’s a custom Class that renders text black; C. it’s an HTML modifier that turns the background white; D. It’s a custom Class that modifies page & text color; Answer: D. it’s a custom Class ● it modifies page & text color using hexadecimal color codes What kind of CSS style is this? And what does it do? ol li {background: #cce5e5; padding: 5px; margin-left: 35px;} A. it’s custom class that creates a bulleted list; B. it’s a custom ID that makes list items a light cyan; C. it’s an HTML modifier that creates an indented list; D. a custom rule that formats all unordered lists. Answer: C. it’s an HTML modifier ● it modifies items in an ordered list with a background color, padding and a left-side margin Which of the following tags is a block-level HTML element used for page design? A. div B. pre C. item D. area E. middle Answer: A. div The div element is the original block-level element. ● A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). There are many block-level elements in HTML5: