Embedded Files
Description: For this project, we were assigned to code a digital resume of ourselves using HTML, CSS, and Java script. We created two pages, one for our resume, and another one for our hobbies. On our website page, we added information on ourselves. We added our email, name, photo, highlights, education, achievements, skills, extracurriculars, and a contact form. We also linked three hyperlinks at the bottom of the page that brings you to the hobby page, the Pinewood website, and this portfolio website.
Procedure:
Step 1 (HTML): At the beginning, we were taught by Ms. Tran on basics for HTML. We learned how to create unordered and ordered lists, create headings, make a table, and link images. Then we started adding the content of the page using HTML code. We added all the text information about our highlights, education, achievements. And also created a table for skills.
Step 2 (CSS): Next, we added CSS styling to the page to make it more look better and personalize it. I changed the text color, text-align, margins, padding, font, background color, text-align, font weight (how bold it is), border, and font shadow. We also linked an external CSS file to our original HTML file. And we learned how to specify elements using ID and class. In addition, I learned how to make the hyperlink buttons change color and size when hovered over or visited.
Step 3 (JavaScript): Lastly, we linked a Javascript file to our HTML file. The Javascript file made my HTML file interactive. I used JavaScript in the contact form, so that the user can type in their name, email, and a message. Once the submit button is hit, a personalized message will come up to inform them that it has been sent successfully.
Reflection: In this project, I am very proud of myself for everything that I have learned, and my ability to apply that knowledge to create my resume. Before this project I had minimal knowledge on HTML, CSS, and JavaScript, but now I have learned so much more about these topics, and now know how to create a web page when I need to.
S - Strengths: strengths of my project is that my web page turned out to be very organized, the finished product looks very visually appealing with similar shades of blue throughout my resume.
O - Opportunities: opportunities where I could improve my project is possibly adding even more JavaScript to my page. I only used JavaScript in the contact form, but it would have been nice to see if I could have applied it elsewhere.
U - Understanding: I learned a lot on HTML, CSS, and JavaScript coding throughout this project and can't wait to see what else I can learn in these topics.
L - Limitations: Some limitations I encountered during this project were some bugs in my code. However, I learned how to organize my code with indentations to make it easier to check my code and fixed up all my bugs.
WISCR: The two qualities that I believe I demonstrated this project were well rounded and insight critical thinkers. I was well-rounded because I applied my knowledge i learned about three different coding languages to my resume and hobbies website, and I was an insightful and critical thinker because I made sure to make my resume the best it could be and help others with problems in their code.
Page updated
Report abuse