Thanks for the help, but really all I need to do is show the user input and output screens. Specifically, for input we need to illustrate a log in screen and a employee look up screen. Then, for output we need to show a detailed report and a summary report.
The professor is not asking for any code, merely a mock up or "dummy" version of the web-based system.
The above code shows a simple login system and a search box when click it would bring up employee information.
For the output you could be lazy, just open up Microsoft access every uni/college has it. Make some fields e.g. ID(Primary), First Name...
What ever you want in your report and use the report wizard simply print screen it and your works done. I don't see a problem in your print screening a login system or the search box either.
To display it within a browser you will need to use code.
Save your images. e.g. ( imageone.jpg)
<img border="0" src="imageone.jpg" alt="">
You can use any software to edit images. I'd download GIMP it's free and like photoshop.