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.
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.
Step by step
Solved in 3 steps