Test PE_2
Spring 2026
Subject: WED201c
Duration: 120 minutes
Objectives:
Create a style sheet and link it to the html file.
Background:
-
In this practice exam, you are given a folder "Resource". You are going to use page "index.html" to
finish the exam.
- The Student is allowed to add classes or ids to the html tags in the index.html page.
-
After completing the final exam, The student will submit the Resource folder to the Server.
Before styling index.html page
Required:
Create a file called styleindex.css to format the index.html page and save it to the Resource/css
folder.
Evaluation
o The student is not allowed to change images and content in the index.html page. If
violated, the exam result will be 0.
o If the student embed css in the wrong path, the exam result will be 0.
A. HTML [0.5 points]
- Embed the styleindex.css file in the head tag of the index.html page [0.5 points].
B. CSS [ 9.5 points]
- Use a 12-column grid system to format web page content [1 point].
-
Use margin and padding to create the right spacing for the contents [1 point].
- Use css to format the logo as shown above [ 0.5 points].
Use css to format the menu as shown above [0.5 points].
Use css to format for 4 titles: "Choose the area where you want to search and invest", "The Most
Interested Projects for Investors in 2026", "Affordable Houses in Ho Chi Minh City in 2026" and
"About Hung Phat Land" [ 1 point].
-
Use css to format the content of the title "Choose the area where you want to search and invest" [
1 point].
o Format for the images [ 0.5 points].
o Format for the 3 radio [ 0.5 points].
Use css to format the content of the title "The Most Interested Projects for Investors in 2026" [ 1
point].
Format for the images [ 0.5 points].
Format for the names of 3 projects [ 0.5 points].
Use css to format the content of the title "Affordable Houses in Ho Chi Minh City in 2026" [ 1 point].
o Format for the images [ 0.5 points].
o Format for the text [ 0.5 points].
Use css to format the content of the title "About Hung Phat Land" [ 1 point].
o Format for the images [ 0.5 points].
o Format for the text and chat icon [ 0.5 points].
- Use css to format the content "footer" [0.5 points].
Use css to format website content on mobile devices [ 1 point].
The End
