web front-end interface design

  Here we will continue creating our calendar application.




Step 1: Click right and Create new folder named "images".









Step 2: Download image icon and save it to images folder.







Step 3: Open visual studio, we going to add new link to line 9.









Step 4: Input the code as above to line 13-86.







Step 5: Input the background code as above to line 92-93.

Step 6: Save all the data.

Step 7: Open your file from file explorer and you can see our progress for today.



Komentar

Posting Komentar

Postingan populer dari blog ini

web front-end interface design

Gambar
 Here we will continue creating our calendar application.   Step 1: Click right and create new folder named css. Step 2: Create two new files under css folder.  Step 3: Move the body of the code to main.css file. Step 4: Move the current day of the code to current-day.css file. Step 5: Put the link under the meta. Step 6: Input the code as above. Step 7: Save all the data. Step 8: Open your file from file explorer and you can see our progress for today.
Baca selengkapnya

web front-end interface design

Gambar
  Here we will continue creating our calendar application. Step 1: Delete "open" and add "hidden" like picture above. Step 2: Create a New File named "testRWD.html". Step 3: Type "!" and press enter to display the code. Step 4: Then change the title name to "test RWD". Step 5: Type the code like above pictures. Step 6: This is the test RWD result.
Baca selengkapnya

web front-end interface design

Gambar
 Here we will continue creating our calendar application. Step 1: Create new files under css folder.  Step 2: Move the style of the code to calendar.css file. Step 3: Create the link. Step 4: Create code for color options. Step 5: Type the code like above picture. Step 6: Type the button code. Step 7: Type the code for add note. Step 8: Type the code like above pictures. Step 9: Create new files under css folder.  Step 10: Move the style of the code to model.css file. Step 11: Create the link. Step 12: This is the progress for today.
Baca selengkapnya