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
1	項目	M/J	分值	備注
2	手機版各項內容齊全	M	2	缺一項扣 0.5 分
3	平板各項內容齊全	M	2	缺一項扣 0.5 分
4	桌面版各項內容齊全	M	2	缺一項扣 0.5 分
5	手機版排版分 Row/Column 正確	M	2	錯一項扣 1 分
6	平板排版分 Row/Column 正確	M	3	錯一項扣 1 分
7	桌面版排版分 Row/Column 正確	M	3	錯一項扣 1 分
8	手機版 Layout 與原圖近似或相同	J	2
9	平板 Layout 與原圖近似或相同	J	2
10	桌面版 Layout 與原圖近似或相同	J	2
11		總分	20
12

	A	B	C	D	E


1
2
3
4
5
6
7
8
9
10
11
12

[["項目","M/J","分值","備注",null],["手機版各項內容齊全","M","2","缺一項扣 0.5 分",null],["平板各項內容齊全","M","2","缺一項扣 0.5 分",null],["桌面版各項內容齊全","M","2","缺一項扣 0.5 分",null],["手機版排版分 Row/Column 正確","M","2","錯一項扣 1 分",null],["平板排版分 Row/Column 正確","M","3","錯一項扣 1 分",null],["桌面版排版分 Row/Column 正確","M","3","錯一項扣 1 分",null],["手機版 Layout 與原圖近似或相同","J","2",null,null],["平板 Layout 與原圖近似或相同","J","2",null,null],["桌面版 Layout 與原圖近似或相同","J","2",null,null],["","總分","=SUM(C2:C10)",null,null],[null,null,null,null,null]]