Embedded Files
Design A Digital Resume
For this project, we will use HTML, CSS, and Javascript to create our own digital resume.
This project has 30 requirements.
Day 1
For today we used what we learned about html to add content to our resume, then used CSS to style it, such as choosing a background, and text colors.
Day 2
Today we increased the font size, and made the text look nice by adding dates. We learned about class, which we used to group all the dates toghether.
We also added an image and hyperlinks.
Day 3
Today we added a new page called 'My Hobbies', which we added images and text onto. We linked it to the same css document. We also added a hyperlink to link the page with the resume page.
Day 4
For day four we made the links look nicer by making them into buttons, and they will change their appearance from the top one to the bottom one when clicked.
Day 5
I made a table and added another section on my resume for skills.
Day 6
I mostly worked on CSS for today, making the layout more appealing and changing some of my colors. I also added text shadow to my headings and changed the appearance of the hyperlinks when you hover over and click them.
Day 7
Today we learned about forms, and added a contact form to our resume. I changed its styling to match the rest of my resume. I also used the same code for styling the hover and active of my hyperlinks, and used it on my submit button. I added a different border when you hover over a text field, and made sure everything aligned nicely.
Day 8
We spent a lot of time learning Javascript, which we added a bit to this project in the contact form. I made it so when the form is submitted, the information in the form gets logged in the console and an alert will show that the form was submitted.
Reflection -SOUL:
S-Strength of Your Work: I think I did really good in the CSS, especially with the buttons, which align nicely.
O- Opportunities to improve your project: I think I should add more things to my javascript, which was rather short.
U-Understanding-What you learned in this project: I learned how to do html, css, and javascript in classes. I used alot of css in this project and learned alot about it.
L-Limitations You Encountered in this Project: I don't think that I encountered many limitations, but one was that I the .visited on buttons didnt work very well so it was hard to write css for that part.
WISCR:
I-insightful and Critical thinker: I tried my best to solve difficulties and debug my code by myself, thinking critically about how to improve my code.
S: Self-motivated: I enjoyed working on the resume project by persevering through challenging aspects and working hard to learn well.
Page updated
Report abuse