Embedded Files
Description: This project was to develop a resume website using HTML, CSS, and JavaScript on Sublime Text.
Description: This project was to develop a resume website using HTML, CSS, and JavaScript on Sublime Text.
Procedure: We designed the structure of website using HTML, adding in forms, texts, tables, images, and more. We made two HTML files for the home page and a separate one for the hobby page. Then, we created a CSS file to style the website and make it look aesthetic to our liking. Finally, we added a JS file to make the contact form interactive, alerting the user when the message has been successfully sent.
Procedure: We designed the structure of website using HTML, adding in forms, texts, tables, images, and more. We made two HTML files for the home page and a separate one for the hobby page. Then, we created a CSS file to style the website and make it look aesthetic to our liking. Finally, we added a JS file to make the contact form interactive, alerting the user when the message has been successfully sent.
1 HTML: First, we structured the website with HTML. We added a heading and a footer, supplemented with an activities, highlights, education, achievements, extracurriculars, and skills list. We also added a contact section towards the bottom of the page. We learned to create tables, lists, buttons, and forms.
1 HTML: First, we structured the website with HTML. We added a heading and a footer, supplemented with an activities, highlights, education, achievements, extracurriculars, and skills list. We also added a contact section towards the bottom of the page. We learned to create tables, lists, buttons, and forms.
2 CSS: Next, we styled our website. I chose a sienna brown dessert theme, emphazising the must colors. I center-aligned the text and added other features, such as background color, borders, and font. I also styled the table and other texts to make everything follow one in sync theme. After learning about Id and Class to specifically target individual parts of the website and the transform function, I implement those into my code.
2 CSS: Next, we styled our website. I chose a sienna brown dessert theme, emphazising the must colors. I center-aligned the text and added other features, such as background color, borders, and font. I also styled the table and other texts to make everything follow one in sync theme. After learning about Id and Class to specifically target individual parts of the website and the transform function, I implement those into my code.
3 JavaScript: Finally, we learned how to use javascript and create functions to give interactive features to the buttons. Specifically, we coded the button for the contact information sector to send the message and receive a alert() notification to tell the user that their message has been successfully sent.
3 JavaScript: Finally, we learned how to use javascript and create functions to give interactive features to the buttons. Specifically, we coded the button for the contact information sector to send the message and receive a alert() notification to tell the user that their message has been successfully sent.
SOUL Reflection -
S - I think my HTML and JavaScript worked well
O - I think some of the CSS coding did not work well
U - I learned that I always need to look for mistakes my ID's and Classes, especially in the expressions like, "hover," "visited"
L - Nothing prevented me from having a successful project
WISCR - I think I was really self motivated and that prevented me from giving up. I also think both me and my project, the resume helped me think critically when finding mistakes in my HTML, CSS, and JavaScript.
Page updated
Report abuse