VINH LONG UNIVERSITY OF TECHNOLOGY EDUCATION
PRACTICE CENTER
TEST PROJECT
PRACTICAL SKILLS
MODULE 1: WEB DESIGN
Exam Paper Code: WD01
SCHOOL LEADERSHIP CHIEF SUBCOMMITTEE ON
EXAM DEVELOPMENT
Vinh Long, month 12/2020
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
GUIDE CONTESTANTS
Time:
- Preparation Time: 05 minutes
- Time Duration: 150 minutes
- Break Time: 10 minutes
Scores:
Exam content Marks
1 Programming with HTML/CSS 30
2 Programming with JavaScript 30
3 Use the MySQL 10
4 Programming with PHP 30
Total Marks 100
Candidates are required to note:
- Ensure safety standards of health and computer
- Do the test independently without discussing while doing the test
- Comply with regulations of exam room and proctor’s instructions
- Fill the information in the form
- Complete all requirements in the content of the exam
- Do not use documents, the Internet and other communication devices during the
assignment
- If the exam does not have special requirement for the file name and storage location,
contestants save all exam file name in the folder as following format: D:\
WorkSkills\Web Design\
<Student’s Name>_< Student code >[.< extension >]
Test Project: Web Design Exam Paper Code: WD01
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
CONTENT OF THE TEST
Question 1:
Programming with HTML/CSS:
Use HTML/CSS code to design the following page:
DESCRIPTION OF PROJECT AND TASKS
o Use the images in folder \\Web Design\Flowers.
o Make heading “THE MOST BEAUTIFUL FLOWERS” is blue, bolders and make
them use Times New Roman font (or any serif font on the system), bold and center
align.
o List flowers is blue color and left align.
o Border of the table is double dash style and red color.
o Border of rows is single dash and green color
o Last row “Incnut Digtal” link to https://www.stylecraze.com/ and right align.
o When mouse over any name of flower in list flower then show image of the flower at the
right column and title the flower change to red color and size larger size.
o Set size of the image flower is the same and fit to the right column.
Test Project: Web Design Exam Paper Code: WD01
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
o Save the file with name Flower.html
Question 2:
Programming with JavaScript:
Write the necessary JavaScript code Puzzle_Move.js for the functionality of the
following page:
DESCRIPTION OF PROJECT AND TASKS
o Create the table has 3 rows and 3 columns.
o Each cell gets a value random between 0 and 8.
o Value of each cell is unique.
o Assign blank value for cell has 0 value.
o When user is pressing left_click on any cells then the value of cell turns red color.
o After the user has clicked, the values of all cell turn black color.
o If the adjacent cell is been clicking blank cell then the content of those 2 cells will be
swapped.
o
Test Project: Web Design Exam Paper Code: WD01
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
Question 3:
Use the MySQL create database with name Mana_ commodity:
The database schema:
DESCRIPTION OF PROJECT AND TASKS
o Create database with name Mana_ commodity
o In database Mana_ commodity create table CLASSES and table STUDENTS
o Choose appropriate data type for the fields.
o Create relationship for the above tables.
o Insert data for the tables as above.
Test Project: Web Design Exam Paper Code: WD01
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
Question 4:
Programming with PHP:
Use database Mana_ commodity from Question 3 write a page that displays the
result of a query in PHP. Create a new PHP file and save the file as SearchStudent.php.
DESCRIPTION OF PROJECT AND TASKS
o Create title “Search STUDENT”
o Create text to Enter full Name
o Create button Search
o Create table “Result of search”
o Create event for button Search.
o If content search is blank then show all students as table “Result of search”.
o If content search is not blank then show students whose full name is similar to the search
text
Test Project: Web Design Exam Paper Code: WD01
Guide contestants
Date of
Student's name Placement Module
birth
Web Design
Test Project: Web Design Exam Paper Code: WD01
Assessment guidelines
Student's name Date of birth Position
Web Design
GENERAL TRANSCRIPT
Maximum Achieved
Exam content
Marks Marks
1 Programming with HTML/CSS 30
2 Programming with JavaScript 30
3 Use the MySQL 10
4 Programming with PHP 30
Total Marks 100
TEST TIME
Get to know the equipment Time Duration Break Time
Starting time Starting Starting Starting
time time time
Ending time Ending Ending Ending
time time time
TEACHERS’ SIGNATURE
1 2 3 4 5
Test Project: Web Design Exam Paper Code: WD01
