Posts

Showing posts from October, 2023
Image
7th Week Homework  Part 2 Calendar – Right Column DIV This week's homework is to add a new column to the right side of the previous calendar lesson. The process to create this right column involves inserting a few lines of code into the work from the fourth week. Let's review and inspect this together. The code in Figure 1, Figure 2 and Figure 3 are from the previous lesson, and it is used to create the left side of the calendar column, resulting in Figure 7 (the last figure on the page). On the other hand, the code for the remaining figures, numbered 4 to 6, is used to generate the right side of the mini calendar column. It includes numbers for the days and the seven-day names: Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, and Sunday. Please refer to the final result on the last page for clarification. Fig:1 Left Column Codes on Visual Studio Code Fig 2 : Left Column Codes on Visual Studio Code   Fig: 3 Left Column Codes on Visual Studio Code 2 Fig: 4 Right ...
Image
4th Week Homework   This week homework is to use a clip-path method on "My Calendar" to create a different shape while writing the following codes on Visual Studio Code application. Codes on Visual Studio Code   Clip-path result    
Image
 3rd Week Homework           This week homework is about to do some changes of the previous assignment as adding font color, words alignment and numerical sign changes on the schoolwork that I have uploaded in a few days ago. Let's not waste any time and begin immediately.      Firstly, you may need to type below codes on Visual Studio Code application and do some customize data on line 12,14,18,22, and more. For changing background font color, click on the color block to edit color as preference.      Secondly, will change default cursor, text align, background color, border color and off-color as shown in figure.       Lastly, save the codes after writing on the application and run to check the final result on the website. According to the writer perspective, the codes are tailoring and adjustable. Image 1 Image 2       Image 3