Interactive Design- EXERCISE

 Interactive Design

Ma Ruisheng 0347125

EXERCISE 1

EXERCISE 2

In this exercise, I chose two websites to make.I made a simple change according to the composition and color style of the original website.

final work

final work

HTML exercise

In this assignment, we need to complete a self-introduction web page in HTML.At first, I didn't know how to do this job at all, and many wrong forms were presented in the code.But in class, Mr. Hamimi showed us how to type the code step by step, and I corrected a lot under his guidance.

html

final cotcome

here is my website link: https://vivianmrs.github.io/vvmaruisheng.github.com.io/

Exercise 4

TASK：Based on the content provided (text and images), your task is to create a responsive grid layout for a website. The design and alignment should be visually appealing and functional across different screen sizes, allowing for optimal viewing on both desktop and mobile devices. Upon completing the task, upload the exercise to Netlify and submit the link here. You may want to explore media queries for ensuring that your website is responsive and different link styles to improve the usability and aesthetic of the website.

In this assignment, we need to rearrange the content and pictures given to make a website. I'm going to stick with the original layout, the simplest layout. This is one way I don't have to refer to it at all.

I made a rough draft on paper, the overall layout.

draft

here is my website link：https://vivianmrs.github.io/MARUISHENG0347125.github.io/