We are asked to use HTML, CSS, and JavaScript to create our own digital resume. We have 30 requirements that we must meet. We should have our name, email address, highlights, school, achievements, and extracurriculars. We also should have a portrait, skill table, contact form, and three hyperlinks on the bottom of the page leading to our school, ePortfolio, and hobbies page.
Steps:
First, we started off by writing an HTML code for the structure of the page.
This is my HTML code and the result:
Then, we used CSS to style the page. This is my page before and after styling along with the code:
Then, we made a Hobbies.HTML file where we listed our three hobbies. We linked the same CSS styling file to make it look the same.
Then, we added a skills table with at least three skills. It should be styled to have a border, background color, space for the data, and text alignment.
Next, we added a contact form with a text field for name, email address, and message, and added javascript to address when "Send" was clicked.
This is the JS code:
This is what the contact form looks like:
This is what the page displays once "submit" is clicked:
Reflections:
S: My biggest strength was CSS styling
O: I think my skills table could've been more detailed
U: I learned how to make a website using HTML, CSS, and JS
L: I struggled with doing the actual coding by myself, and I often had to get help from a classmate.
WISCR:
I: I was an insightful and critical thinker as I overcame any problems that I faced.
C: I was a clear communicator by asking for help when I needed it and giving help when my classmates asked for it.