CIS $145$ Term Project: Your Resume Website

Project Requirements $(100$ marks$)$

Purpose

To design, develop, and publish a web site on your resume using recommended design practices. Your web site will contain a home page and at least two content pages $($three pages total$).$ You are required to create an external style sheet $(.$css file$)$ that configures text, color, and page layout. $($No font tags or inline CSS may be used.$)$ Your content pages must each relate to your resume information. Some examples of content pages include: education, work experience, volunteer experience, skills, projects$/$portfolio$,$ hobbies, and contact information.

Note: To avoid plagiarism, all the pages must be created only by the skills $($content$)$ covered in the textbook and lecture notes. Fail to do so will result in a zero mark in the project.

Project Requirements

It$$s time to write the HTML and CSS to build your website. The following required components must be included in the every page of your website:

a$)$ Reasonable information of your resume

b$)$ Use three column layout

c$)$ Consistent banner logo area

d$)$ Consistent navigation Section

e$)$ Association with external style sheet $(.$css file$)$

f$)$ Use media query makes your pages mobile friendly

All of the following required features must also be added to your website:

g$)$ One e$-$mail hyperlink in the home page

h$)$ Utilize tables effectively to display tabular information in the education page $($the table must have visible borders$)$

i$)$ Contact information must contain a form with at least three different types of elements $($the form values must be able to be submitted$)$

j$)$ Use JavaScript to validate the form element input

k$)$ One media feature $($ex$.$ An embedded YouTube video, a CSS Image Gallery, or a CSS Transition or Transformation$)$ in the home page

l$)$ Look and feel: your website should look and feel professional. There should be obvious application of the Visual Design Principles, and your use of color should be appropriate.

You must check that your HTML pages and CSS are valid using validators $($provide the screen shot$),$ as this will be a significant portion of the project mark. Compile all the screenshots into one file named validation. Fail to do so will get zero mark of this component.

Due Date

Friday. Aug. $2$nd$,$ at $(18$:$59$pm$).$

Hand$-$in Procedure:

$1.$ Post your Project pages on your UFV web server that is accessible from the Internet.

$2.$ Submit the above URL $($the address that can access your project from the Internet$)$ to blackboard.

$3.$ Create and zip the folder project which contains all the files of project and upload the zip file to Blackboard..

Note:

$1.$ The assignment will not be marked $($a zero mark will be given$)$ if failed to follow any of the above three hand$-$in steps.

$2.$ A zero mark will be given if the files $($and their content$)$ on the UFV web server and Blackboard are different.

$3.$ Submission through email will NOT be accepted. You will receive a zero in this situation.

$4.$ A zero mark will be given if files cannot be opened with Windows Operating System.

Marking Key

The project will be marked as follows:

$1.$ Correct # of Pages $5$

$2.$ Requirement a: Reasonable Resume Information $5$

$3.$ Requirement b: Three column layout $10$

$4.$ Requirement c: Consistent banner logo area $5$

$5.$ Requirement d: Consistent navigation Section $5$

$6.$ Requirement e: Association with external style sheet $5$

$7.$ Requirement f: Mobile friendly pages $10$

$8.$ Requirement g: e$-$mail hyperlink $5$

$9.$ Requirement h: Use tables $5$

$10.$ Requirement i: Form $5$

$11.$

$12.$

$13.$

$14.$

$15.$ Requirement j: JS form validation

Requirement k: Media feature

Requirement l: Look and feel

HTML pages validation

CSS validation $5$

$5$

$20$

$5$

$5$

Total $100$marks

Note: Different topics other than resume will result in zero of the project grade.

Need solution with html$.$ code and all needed to conmmplete the project Please csCSS