Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Note: this is a web programming class. please follow the requirment(detail) in t

ID: 3790578 • Letter: N

Question

Note: this is a web programming class.

please follow the requirment(detail) in this assignment.

the CS Department link is http://cs.gsu.edu/

this is my homework four code.

1-<html>
2-<body>
3-<style>
4-div {
width: 700px;
box-shadow: 10px 10px 5px grey;
margin: 10px;
}
</style>
<div>
<center><h1>CSc4370/ 6370 Web Programming</h1>
</center>
</div>
<div>
<bold><h1>Instructor</h1></bold>
<hr> </hr>
<table>
<tr><b>Name:</b>Bing Li</tr><br><br>
<tr><b>Office:</b>25 park place (Suntrust Building),room 649</tr><br><br>
<tr><b>Email:</b>bli6@student.gsu.edu</tr><br><br>
<tr><b>Office hour:</b>Tuesday 2:00pm. to 4:00pm. or by appointment
</table>
<br>
<br>
<bold><h1>Grading</h1></bold>
<hr> </hr>
<p>1.Quiz:30%<br>2.Home Work:50%<br>3.Final Project:20%</p>
<br><br><br>
<p><b><h1>Class polices</h1></b>
<hr> </hr>
<ul>
<li>Attendance:Daily attendance is strongly encouraged.Any student missing a lession responsible for any material assigned or covered in class during his or her absence</li>
<li>All assignment to be handed inmust be done indivisually unless the instuctor explicitly states otherwise. Any assignment or portion of an assignment that is duplicated or group result will receive a grade of zero for all parties concerned.The same policy applies to projects.
</li>
<li>Last work:No late submission accepted unless official documentation provided.</li>
<li>Please advice the instuctor if you have a documented disability that needs to be accomodated.</li>
<li>No extra work in the next semester given to improve your grade.Any queries about the grades should be brought to the attention of the instructor within a week after the graded students works have been returned to the classes.</li>
</ul>
</div>
<div>
<center><h1>Spring 2017</h1></center>

</div>
</body>
</html>

>>>>>

n this assignment, your are requested to modify your homework four to built a more complicated web site. Details 1. Change the font family of the text in the top and bottom blocks to monospace 2. Change the font family of the text in the center block to sans serif 3. Add a new menu block between top and center blocks 4. Add four options (Instructor, Grading, Class Polices, and CS Department) in menu block. 5. The background color of the menu bar is #81c7D4 and the font color is white. 6. When the mouse is over these options, the option's background color will change to #33A6B8 7. The text decoration in menu bar is none and the alignment is center 8. Split original content into three new webpages, instructor.html grading.html classpolices.html The following screenshots are the examples of these three web pages instructor. html

Explanation / Answer

instructor.html

<html>
<body>
<style>
div {
width: 700px;
box-shadow: 10px 10px 5px grey;
margin: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('span').mouseover(function(){
$(this).css("background-color", "#33A6B8");
});
$('span').mouseout(function(){
$(this).css("background-color", "#81C7D4");
});
});
</script>
<div>
<center><h1>CSc4370/ 6370 Web Programming</h1>
</center>
</div>
<div>
<span id="heading" ><a href="instructor.html">Instructor</a></span>
<span id="heading"><a href="grading.html">Grading</a></span>
<span id="heading"><a href="classpolices.html">Class Polices</a></span>
<span id="heading"><a href="http://cs.gsu.edu/">CS Department</a></span>
</div>
<div>
<bold><h1>Instructor</h1></bold>
<hr> </hr>
<table>
<tr><b>Name:</b>Bing Li</tr><br><br>
<tr><b>Office:</b>25 park place (Suntrust Building),room 649</tr><br><br>
<tr><b>Email:</b>bli6@student.gsu.edu</tr><br><br>
<tr><b>Office hour:</b>Tuesday 2:00pm. to 4:00pm. or by appointment
</table>
<br>
<br>
</div>
<div>
<center><h1>Spring 2017</h1></center>
</div>

</body>
</html>

grdinging.html

<html>
<body>
<style>
div {
width: 700px;
box-shadow: 10px 10px 5px grey;
margin: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('span').mouseover(function(){
$(this).css("background-color", "#33A6B8");
});
$('span').mouseout(function(){
$(this).css("background-color", "#81C7D4");
});
});
</script>
<div>
<center><h1>CSc4370/ 6370 Web Programming</h1>
</center>
</div>
<div>
<span id="heading" ><a href="instructor.html">Instructor</a></span>
<span id="heading"><a href="grading.html">Grading</a></span>
<span id="heading"><a href="classpolices.html">Class Polices</a></span>
<span id="heading"><a href="http://cs.gsu.edu/">CS Department</a></span>
</div>
<div>

<bold><h1>Grading</h1></bold>
<hr> </hr>
<p>1.Quiz:30%<br>2.Home Work:50%<br>3.Final Project:20%</p>
<br>

</div>
<div>
<center><h1>Spring 2017</h1></center>
</div>

</body>
</html>

classpolices.html

<html>
<body>
<style>
div {
width: 700px;
box-shadow: 10px 10px 5px grey;
margin: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('span').mouseover(function(){
$(this).css("background-color", "#33A6B8");
});
$('span').mouseout(function(){
$(this).css("background-color", "#81C7D4");
});
});
</script>
<div>
<center><h1>CSc4370/ 6370 Web Programming</h1>
</center>
</div>
<div>
<span id="heading" ><a href="instructor.html">Instructor</a></span>
<span id="heading"><a href="grading.html">Grading</a></span>
<span id="heading"><a href="classpolices.html">Class Polices</a></span>
<span id="heading"><a href="http://cs.gsu.edu/">CS Department</a></span>
</div>
<div>
<p><b><h1>Class polices</h1></b>
<hr> </hr>
<ul>
<li>Attendance:Daily attendance is strongly encouraged.Any student missing a lession responsible for any material assigned or covered in class during his or her absence</li>
<li>All assignment to be handed inmust be done indivisually unless the instuctor explicitly states otherwise. Any assignment or portion of an assignment that is duplicated or group result will receive a grade of zero for all parties concerned.The same policy applies to projects.
</li>
<li>Last work:No late submission accepted unless official documentation provided.</li>
<li>Please advice the instuctor if you have a documented disability that needs to be accomodated.</li>
<li>No extra work in the next semester given to improve your grade.Any queries about the grades should be brought to the attention of the instructor within a week after the graded students works have been returned to the classes.</li>
</ul>
</div>
<div>
<center><h1>Spring 2017</h1></center>
</div>

</body>
</html>

Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote