1002–Implement Microsoft website layout

Media Files

📦 Media File Download (12.7 MB)

Project Submission

+ Submit Assignment

Your submissions

Requirement

We want you to implement an HTML page with CSS to follow the Microsoft layout.

You need to use media query to let the elements adept the width of the screen.

Help

❓ Show help content

Marking scheme

 
A
B
C
D
E
1
項目M/J分值備注
2
手機版各項內容齊全M2缺一項扣 0.5 分
3
平板各項內容齊全M2缺一項扣 0.5 分
4
桌面版各項內容齊全M2缺一項扣 0.5 分
5
手機版排版分 Row/Column 正確M2錯一項扣 1 分
6
平板排版分 Row/Column 正確M3錯一項扣 1 分
7
桌面版排版分 Row/Column 正確M3錯一項扣 1 分
8
手機版 Layout 與原圖近似或相同J2
9
平板 Layout 與原圖近似或相同J2
10
桌面版 Layout 與原圖近似或相同J2
11
總分20
12
 
A
B
C
D
E
 
1
2
3
4
5
6
7
8
9
10
11
12