Interactive Design Exercise 4 - Layout Exercise + Layout Design
02/11/2022 (Week 11)
WONG JUN ZHE / 0353613
Interactive Design / B' Creative Media / Taylor's University
Exercise 4 / Layout Exercise + Layout Design
Layout Exercise
HTML Webpage
 |
| Fig. 1.1.1 HTML Webpage |
 |
| Fig. 1.1.2 HTML code (Part 1) |
 |
| Fig. 1.1.3 HTML code (Part 2) |
Adding CSS
Fig. 1.2.1 CSS code (Part 1)
Fig. 1.2.2 CSS code (Part 2)
Fig. 1.2.3 CSS code (Part 3)
Fig. 1.2.4 Linking HTML to CSS style sheet + Font
|
| Fig. 1.2.1 CSS code (Part 1) |
|
| Fig. 1.2.2 CSS code (Part 2) |
|
| Fig. 1.2.3 CSS code (Part 3) |
|
| Fig. 1.2.4 Linking HTML to CSS style sheet + Font |
Final Outcome
Exercise 4 - Layout Design
HTML Webpage
 |
| Fig. 2.1.1 HTML Webpage |
 |
| Fig. 2.1.2 HTML Code (Part 1) |
 |
| Fig. 2.1.3 HTML Code (Part 2) |
 |
| Fig. 2.1.4 HTML Code (Part 3) |
Adding CSS
 |
| Fig. 2.2.1 CSS code (Part 1) |
 |
| Fig. 2.2.2 CSS code (Part 2) |
 |
| Fig. 2.2.3 CSS code (Part 3) |
 |
| Fig. 2.2.4 CSS code (Part 4) |
 |
| Fig. 2.2.5 CSS code (Part 5) |
 |
| Fig. 2.2.6 CSS code (Part 6) |
 |
| Fig. 2.2.7 Linking HTML file to CSS file + Google font |
Final Outcome
 |
| Fig. 3 Screenshot of final webpage |
Comments
Post a Comment