Scribd
Upload
19 views8 pages

Module 1 - Web Design - WD03

Uploaded by

rslclone003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
19 views8 pages

Module 1 - Web Design - WD03

Uploaded by

rslclone003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

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

You might also like