1 / 24

University of Palestine Software Engineering Department Project Overview

This project serves as a demonstration of a university website for the Software Engineering Department at the University of Palestine. Developed by students Ali Mahdi and Mohammed Elkhalili, under the supervision of Dr. Mohammed Mekki, it highlights important sections, including a homepage and a materials page. The website features navigation links to various educational resources and materials relevant to students and faculty. This project is part of a collaborative learning effort in the engineering department, showcasing teamwork in web development.

razi
Télécharger la présentation

University of Palestine Software Engineering Department Project Overview

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Software Engineering Department web SiteProject Code Prepared by Mohammed Alkhalily & Ali Mahdi Supervised By Dr: Mohammed Mikii

  2. Code of First Page”index”:- • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml"> • <head> • <title>University Of Palestine - Ali Mahdi & Mohammed Elkhalili</title> • <meta http-equiv="Content-Language" content="English" /> • <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> • <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> • </head> • <body>

  3. Cont:- • <div id="wrap"> • <div id="top"></div> • <div id="content"> • <div class="header"> • <h1>University Of Palestine</h1> • <h2>Software Engineering Department</h2> • </div> • <div class="breadcrumbs"> • <a href="index.html">Home</a> | <a href="material.html">Material</a> | <a href="dr.html">Doctor</a> • </div> • <div class="middle">

  4. Cont:- • <h2>University Project Example</h2> • This website is an Example of live university website.<br /> • This Project Is Made By Students : <br /> • <ul><li>Ali Mahdi </li><li>Mohammed Elkhalili</li></ul> • <br /> • Under Supervision Of&nbsp; Dr.MohammedMekki.<br /> • This Project Is For Group Project Material.<br /> • In Department Of Engineering , in University of Palestine. • <br /><br /><imgsrc="images/up.jpg"> • <br /><br /> • </div> • <div class="right"> • <h2>Main Menu</h2>

  5. Cont:- • <ul> • <li><a href="index.html">Home</a></li> • <li><a href="material.html">Material</a></li> • <li><a href="dr.html">Doctor</a></li> • </ul> • </div> • <div id="clear"></div> • </div> • <div id="bottom"></div> • </div> • <div id="footer"> • Design by Ali Mahdi & Mohammed Elkhalili • </div> • </body> • </html>

  6. Code of Second Page”Material”:- • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml"> • <head> • <title>Materials Page</title> • <meta http-equiv="Content-Language" content="English" /> • <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> • <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> • </head> • <body> • <div id="wrap"> • <div id="top"></div> • <div id="content">

  7. Cont:- • <div class="header"> • <h1>University Of Palestine</h1> • <h2>Software Engineering Department</h2> • </div> • <div class="breadcrumbs"> • <a href="index.html">Home</a> | <a href="material.html">Material</a> | <a href="dr.html">Doctor</a> • </div> • <div class="middle"> • Click On Material Name To See Material Info.<br /> • <script type="text/javascript"> • function expandcollapse(group) • { • varsubnavdiv = document.getElementById(group); • if(subnavdiv.style.display=='none') • { • subnavdiv.style.display=''; • } • else • { • subnavdiv.style.display='none'; • } • } • </script>

  8. Cont:- • <a href="#" onclick="expandcollapse('mt1');return false;"><h2>Material 1</h2></a> • <div id="mt1" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 1 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div>

  9. <a href="#" onclick="expandcollapse('mt2');return false;"><h2>Material 2</h2></a> • <div id="mt2" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 2 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('mt3');return false;"><h2>Material 3</h2></a> • <div id="mt3" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 3 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div>

  10. <a href="#" onclick="expandcollapse('mt4');return false;"><h2>Material 4</h2></a> • <div id="mt4" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 4 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('mt5');return false;"><h2>Material 5</h2></a> • <div id="mt5" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 5 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div>

  11. <a href="#" onclick="expandcollapse('mt6');return false;"><h2>Material 6</h2></a> • <div id="mt6" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 26 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('mt7');return false;"><h2>Material 7</h2></a> • <div id="mt7" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 7 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div>

  12. <a href="#" onclick="expandcollapse('mt8');return false;"><h2>Material 8</h2></a> • <div id="mt8" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 8 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('mt9');return false;"><h2>Material 9</h2></a> • <div id="mt9" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 9 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div>

  13. <a href="#" onclick="expandcollapse('mt10');return false;"><h2>Material 10</h2></a> • <div id="mt10" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Material 10 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Code</td><td> ??????????? </td></tr> • <tr align="center"><td>Time</td><td> ???????????? </td></tr> • <tr align="center"><td>Dependances</td><td> ???????????? </td></tr> • <tr align="center"><td>Doctor</td><td> ??????????? </td></tr> • <tr align="center"><td>ClassRoom</td><td> ??????????? </td></tr> • </table> • </div> • </div> • <div class="right"> • <h2>Main Menu</h2> • <ul> • <li><a href="index.html">Home</a></li> • <li><a href="material.html">Material</a></li> • <li><a href="dr.html">Doctor</a></li> • </ul> • </div>

  14. <div id="clear"></div> • </div> • <div id="bottom"></div> • </div> • <div id="footer"> • Design by Ali Mahdi & Mohammed Elkhalili • </div> • </body> • </html>

  15. Code of Third page”Doctors”:- • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml"> • <head> • <title>Doctors Page</title> • <meta http-equiv="Content-Language" content="English" /> • <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> • <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> • </head> • <body> • <div id="wrap"> • <div id="top"></div> • <div id="content">

  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml"> • <head> • <title>Doctors Page</title> • <meta http-equiv="Content-Language" content="English" /> • <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> • <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> • </head> • <body> • <div id="wrap"> • <div id="top"></div> • <div id="content">

  17. <div class="header"> • <h1>University Of Palestine</h1> • <h2>Software Engineering Department</h2> • </div> • <div class="breadcrumbs"> • <a href="index.html">Home</a> | <a href="material.html">Material</a> | <a href="dr.html">Doctor</a> • </div> • <div class="middle"> • Click On Doctors Name To See Materials And Info About Doctor.<br /> • <script type="text/javascript"> • function expandcollapse(group) • { • var subnavdiv = document.getElementById(group); • if(subnavdiv.style.display=='none') • { • subnavdiv.style.display=''; • } • else • { • subnavdiv.style.display='none'; • } • } • </script>

  18. <a href="#" onclick="expandcollapse('dr1');return false;"><h2>Doctor 1</h2></a> • <div id="dr1" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 1 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr1.jpg"></td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('dr2');return false;"><h2>Doctor 2</h2></a> • <div id="dr2" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 2 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr2.jpg"></td></tr> • </table> • </div>

  19. <a href="#" onclick="expandcollapse('dr3');return false;"><h2>Doctor 3</h2></a> • <div id="dr3" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 3 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr3.jpg"></td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('dr4');return false;"><h2>Doctor 4</h2></a> • <div id="dr4" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 4 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr4.jpg"></td></tr> • </table> • </div>

  20. <a href="#" onclick="expandcollapse('dr5');return false;"><h2>Doctor 5</h2></a> • <div id="dr5" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 5 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr5.jpg"></td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('dr6');return false;"><h2>Doctor 6</h2></a> • <div id="dr6" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 6 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr6.jpg"></td></tr> • </table> • </div>

  21. <a href="#" onclick="expandcollapse('dr7');return false;"><h2>Doctor 7</h2></a> • <div id="dr7" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 7 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr7.jpg"></td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('dr8');return false;"><h2>Doctor 8</h2></a> • <div id="dr8" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 8 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr8.jpg"></td></tr> • </table> • </div>

  22. <a href="#" onclick="expandcollapse('dr9');return false;"><h2>Doctor 9</h2></a> • <div id="dr9" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 9 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr9.jpg"></td></tr> • </table> • </div> • <a href="#" onclick="expandcollapse('dr10');return false;"><h2>Doctor 10</h2></a> • <div id="dr10" style="display:none"> • <table border="1" cellspacing=0 cellpadding=6 bordercolor="darkblue" width="100%"> • <tr align="center"><td colspan="2">Dr 10 Info</td></tr> • <tr align="center"><td>Name</td><td>????????????????</td></tr> • <tr align="center"><td>Address</td><td> ??????????? </td></tr> • <tr align="center"><td>Phone</td><td> ???????????? </td></tr> • <tr align="center"><td>Email</td><td> ???????????? </td></tr> • <tr align="center"><td>Degree</td><td> ??????????? </td></tr> • <tr align="center"><td>Photo</td><td><img src="images/dr10.jpg"></td></tr> • </table> • </div>

  23. </div> • <div class="right"> • <h2>Main Menu</h2> • <ul> • <li><a href="index.html">Home</a></li> • <li><a href="material.html">Material</a></li> • <li><a href="dr.html">Doctor</a></li> • </ul> • </div> • <div id="clear"></div> • </div> • <div id="bottom"></div> • </div> • <div id="footer"> • Design by Ali Mahdi & Mohammed Elkhalili • </div> • </body> • </html>

More Related