Site Diagram

site diagram

Wireframe (Form Page)

<header>
<section>
<fieldset>
<legend>
[Student Info]
<label>
[name]
<input>
<label>
[id]
<input>
<label>
[gender]
<fieldset>
<radio> <label>
[male]
<radio> <label>
[female]
<label>
[mode of study]
<fieldset>
<radio> <label>
[part time]
<radio> <label>
[full time]
<label>
[Phone Num]
<input>
<label>
[Email]
<input>
 
<fieldset>
<legend>
[result mark]
<label>
[assignment]
<input>
<label>
[project]
<input>
<label>
[test]
<input>
<label>
[final]
<input>
  <input>
[button]
 
<fieldset>
<legend>
[show result]
<table>
 
<fieldset>
<legend>
[comment]
<textarea>
 
<fieldset>
<button>
[submit]
<footer>