Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Using ONLY (HTML tags, CSS, and JavaScript), Design a well navigated Website with the following Pages. a. A first Page that gives a Complete Academic
Using ONLY (HTML tags, CSS, and JavaScript), Design a well navigated Website
with the following Pages.
a. A first Page that gives a Complete Academic Description of yourself [The Primary school You attended, the Junior High School You attended, The Senior High School You Attended, the Courses you Offered, your Favorite Subject indicating where the schools are located (Region and Area: eg: Madina in the Greater Accra Region) and when you attended]. If they have websites, link the names of the school in your text to their live webpages. You can also include the names of your family. [8 Marks]
b. A second page that displays one major tourist attraction in your home Region or Country of citizenship for non-Ghanaians. [Use at least 4 images and one short video (less than 2mins Video)]. [7 Marks]
c. A third Page that has a request form for all who visit your site. (The Form should Request for Surname, First Name, Other Names, Gender, Date of Birth, email, and a Comment). Use Appropriate input type for each form entry. Surname, First Name, Gender and Email and Comment Should all be Mandatory Fields. [8 Marks]
d. Use an External CSS Page to format Each of the Pages in your Web site to be structured to the Layout as indicated in fig. 1 (NB: Use any Colors of your Choice, every block section should have a different color)
[6 Marks].
e. Use a JavaScript function to validate the Date of Birth input field to prevent any date greater or after the Current system Date to be Rejected or Deactivated
and time the Date of Birth is changed. [4 Marks]
f. Use JavaScript to Change the Background Color of the Heading Banner Section any time the Cursor on it. The Color should change back to the
Original Color when the cursor is no more there. [2 Marks]
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started