Wireframe is the sketch or blueprint of the webpage that displays the structure of basic web page elements.
Hence, the correct answer is option “D”.
Explanation of Solution
Web page:
- A web page is an internet document.
- Web browsers are used to view the web pages on a computer screen or any other device’s screen such as mobile, laptop.
- It contains different kinds of information such as text, graphics, and hyperlink to other pages and files.
- Generally, web pages are written in hypertext markup language (HTML).
Wireframe:
- It is a visual guide that is also known as page schematic or screen blueprint.
- It represents the skeletal framework of a website that arranges the elements to best accomplish a particular purpose.
- These are generally developed by user experience designers, developers, business analysts, and others who are expert in interaction design, information architecture and user research.
Explanation for incorrect options:
Drawing:
Wireframe is the sketch or blueprint of a web page that shows the structure of basic page elements, drawing may be a sketch or blueprint but does not show the structure basic elements.
Hence, the option “A” is wrong.
HTML code:
Wireframe is the sketch or blueprint of a web page that shows the structure of basic page elements, HTML code cannot be the sketch or blueprint of the structure of basic elements.
Hence, the option “B” is wrong.
Site map:
Wireframe is the sketch or blueprint of a web page that shows the structure of basic page elements, site map is the list of pages of the website but not the structure of basic elements.
Hence, the option “C” is wrong.
Want to see more full solutions like this?
Chapter 5 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- Create a simple html website that implement the following: Background images Marquee Table Inserting images Formatting text Breakline Paragraph alignment Font attributes/text alignmentarrow_forwardDevelop an HTML Page content, a table consists of two columns and two rows with the flowing format: Text red color. Background green color. Border 3. Title “my new table format”. Fount-family “Caliri”.arrow_forwardWhat are the two main road-maps to website development? HTML & CSS Frontend and Backend Road-maps JavaScript and CSS Learning to Code and working in the frontend What does HTML stand for? Horizontal mark-up links Hyper Text Mark-up logarithms Hypertext Markup Language Hyperlinks Markup Language Responsive Web Design is used in all types of……………..? a) Modern web development b) Website pages c) programming languages today d) IT projects ECMAScript 5 is supported in all modern browsers, it also referred to as? JavaScript 5 CSS3 HTML5 Modern Programming language Every Web Developer must have a basic understanding of? Some programming language HTML, CSS, and JavaScript JSON, AJAX, and JavaScript Web-builders and Code-based development AJAX and JSON are used for making? Server requests Website feedback debugging Diagnosis from modern systems None of the above JavaScript’s modern frameworks at the frontend include all the following except? js js js Bootstrap…arrow_forward
- Let’s build our new web page Step # 1 Type in your editor the following lines of code: <!DOCTYPE html> <html> <head> <title>Page Title Here! </title> </head> <body> Open your .html file in a Web Browser [ Double-click on the file in explorer or launch from notepad++ ] Your page should be blank but you will have a page title Change the page title to “Weyland-Yutani Employee Data” Remember, every time you make a change that you want to see, you'll need to save the file and refresh the Web Browser. Step # 3 HTML5 uses semantic elements to group content on a web page. Some examples of these are <header>, <footer>, <nav>, <section>, and <article>. These semantic elements allow us to label certain types of information on our pages for later use with styles to separate content from presentation. It may sound a little confusing now but we’ll be working with styles in the next lab and it will make more sense then.…arrow_forwardCreate an HTML 5 web page 1, add a background color sky-blue, and name the page, “The Sky Is The Limit”. Add a Heading: LEARNER: Lesson Learned (ALL CAPS), add your full nameand Surname, Student Number, Module Code, Semester, Date, and Year in the text line. Also add a paragraph with a list of 05 positive points and five negative points reflecting on this module CS 101, (good and/or bad). Also, make a suggestion on how to improve. Create another page 2 using HTML 5, add background color to be light gray, insert two text boxes, all should be in the middle, the first one lable it Username and the second one Password, and add the following buttons, Clear and Log-in, add a link named Forgotten Password at the bottom, on a mouse click, a popup message/window saying “ Please contact the administrator for assistance!!! should appear. - Use JavaScript code to make text box 1 (Username) accept only text and text box 2 (Password) to accept a combination of both text and numbers.…arrow_forwardwhich element can appear in any section of an HTML page? a) <footer> b) <main> c) <aside> d)<nav>arrow_forward
- ) What is a case in which HTML code is primarily needed? 1) The height color for marked text needs to changed. 2) The page element needs an identifier to be referenced by the javaScript function. 3) The size of a box needs to be resized for mobile screen. 4) The background color of an input box needs to be yellow.arrow_forwardAdvanced HTML5 with JavaScript new FeaturesExercise 1Design a web page with a canvas with the id c1, width – 300 height 300 with solid border with Red color. Draw a line on the canvas from (0,0) to (175,100).arrow_forwardPlease do in HTML. Thank you! 1. Open your preferred text editor.2. Create a basic HTML skeleton page with the following elements:a. Add <!DOCTYPE html>b. Add <html></html>c. Add <head></head>d. Add <body></body>3. Add lang=en (w/ or w/o quotes) to an appropriate element.4. Add the four folders you typically expect to find with an organized website: images, scripts,styles, docs (this is a good habit to get into now).HEAD Section:5. Add <title>Hello world</title>6. Add <meta charset="utf-8">BODY Section7.Add h1 tags and the title Hello World!8. Add p tags and a sentence like: “Hello,world. I am Geoff and I am learning aboutHTML.”arrow_forward
- Make a page that looks like this on anything above an extra small screen. The picture is attached below. The sidebar is to the left of the content region. Note that the sidebar is only as wide as it needs to be, to fit the content. Here's some HTML that might be useful. Use as much or as little of it as you want. <p> <a href="https://www.allrecipes.com/recipe/21014/good-old-fashioned-pancakes/">Recipe</a> </p> <p> <a href="https://metro.co.uk/2017/02/28/pancake-puns-are-coming-in-their-shroves-here-are-the-best-funny-pancake-jokes-6478025/">Puns</a> </p> <p> <a href="https://www.guinnessworldrecords.com/news/2014/3/flipping-amazing-seven-of-the-best-pancake-day-records-55616-55617/">Records</a> </p> ... <h1>Pancakes for great goodness</h1> <p>Sweet roll donut chocolate gummi bears powder candy. Tootsie roll sesame snaps sugar plum liquorice liquorice chupa chups topping. Topping…arrow_forwardCreate a very simple html page then write html, css or javascript code that adds Extra space on the right of the webpage causes horizontal scroll bar. Check the attached picture for guide thanksarrow_forwardCreate a web page that generates a timesheet table like the one in Figure 1 using the HTML code from Figure 2 and the CSS rules from Figure 3 below. NOTE: For Figure 2, fill in the ellipsis (...) with the correct code.arrow_forward
- Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage LearningFundamentals of Information SystemsComputer ScienceISBN:9781305082168Author:Ralph Stair, George ReynoldsPublisher:Cengage LearningPrinciples of Information Systems (MindTap Course...Computer ScienceISBN:9781285867168Author:Ralph Stair, George ReynoldsPublisher:Cengage Learning