2.1 Using HTML5, create an interface for the customer’s satisfactory scenario based on theprototype displayed in the Appendix. The page must contain the following: • A logo for Search Factory • A search box with a button The placeholder, as depicted in Figure 2.1.(See attached.) 2.2 Apply external CSS to your page with the proper styling as displayed in Figure 2.1.(Also attached.).The web page must be displayed as shown in the prototype for wide screens and cell phones. Apply media queries at 768px to break from wide screen display to cell phone display as shown in Figure 2.1.(Also attached.). Do not use any internal CSS style.  2.3 Apply an internal or external JavaScript code to the Search page. Ensure that your JavaScript code validates the search box. If no keyword is entered, then the alert “A keyword must be entered” must be returned to the user. Ensure to use a JavaScript function for this task.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

2.1 Using HTML5, create an interface for the customer’s satisfactory scenario based on theprototype displayed in the Appendix. The page must contain the following:
• A logo for Search Factory
• A search box with a button The placeholder, as depicted in Figure 2.1.(See attached.)

2.2 Apply external CSS to your page with the proper styling as displayed in Figure 2.1.(Also attached.).The web page must be displayed as shown in the prototype for wide screens and cell phones. Apply media queries at 768px to break from wide screen display to cell phone display as shown in Figure 2.1.(Also attached.). Do not use any internal CSS style. 


2.3 Apply an internal or external JavaScript code to the Search page. Ensure that your JavaScript code validates the search box. If no keyword is entered, then the alert “A keyword must be entered” must be returned to the user. Ensure to use a JavaScript function for this task. 

The following is the prototype to be used for Question 2.1, Question 2.2 and Question 2.3:
6-15 PM
tl
Search Factory
Search Factory
Eter your sepwort tem
Enter your keyword term
Figure 2.1: Desktop and Cell Phone Display
Source: Obhaido (2021
Transcribed Image Text:The following is the prototype to be used for Question 2.1, Question 2.2 and Question 2.3: 6-15 PM tl Search Factory Search Factory Eter your sepwort tem Enter your keyword term Figure 2.1: Desktop and Cell Phone Display Source: Obhaido (2021
Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Designing elements of Web Page
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education