Create HTML 5 file that will display the same output as attached file. 2- Apply
ID: 3599078 • Letter: C
Question
Create HTML 5 file that will display the same output as attached file.
2- Apply all the rules from project 1, project 2, for this project.
3- Save your file as proj3html.txt, proj3js.txt, and proj3css.txt.
4- Use form design and layout to create the same layout and the design as the attached output files. If the design and the layout not match the attached output file, the grade will be reduced by 5-points.
5- When the user enters “Artists Group” name, for example “Artists Group two” and “Last Show Date", for example “11/04/2017”. Then, click on the button “Countdown!” The message will display “27 day(s) until artists group two! (Sat Nov 04, 2017). As you see in the output attached file. If the design and the layout not match the attached output file, the grade will be reduced by 5-points.
6- A table will follow the form. If the design and the layout not match the attached output file, the grade will be reduced by 5-points.
7- Finally, the copyright with a mail to part. If the design and the layout not match the attached output file, the grade will be reduced by 5-points.
Currently Showing Graphic Arts LTD. Artists Group: Artists Group two Last Show 11/04/2017 Date: Countdown! 27 day(s) until artists group two! (Sat Nov 04 2017) Artists Group Curated specifically for creative professional One Artists Recently So GroupI ld: Patricia Queiruga, Isabel Conde, and Oliwa Bueka. two Artists Group three Art. Bring Your Home To Life. Afordable art fair Copyright © NYIT ITEC 320 fall 2017Explanation / Answer
<!DOCTYPE html>
<html>
<style type="text/css">
*{
margin: 0px;
}
body
{
background-color: #9dfafa;
}
#All
{
width: 100%;
height:800px;
}
#Ta
{
margin-left:auto;
margin-right: auto;
margin-top:10%;
border-width:6px;
border-style: double;
border-color: #4779e8;
}
h2
{
color:#4779e8;
}
.R
{
background-color: #c0a268;
height: 40px;
max-height: 50px;
}
.R1
{
background-color:none;
height: 40px;
max-height: 50px;
}
</style>
<script type="text/javascript">
function myFunction() {
var AG1 = document.demo.AG;
var LTD1 = document.demo.LTD;
alert(AG1);
alert(LTD1);
return false;
}
</script>
<head>
<title>Artists Group</title>
</head>
<body background="skyblue">
<div id="All">
<form method="post" name="demo">
<table id="Ta" width="80%" height="80%">
<tr><th colspan="2"><h2>Currently Showing Graphic Arts LTD.</h2></th></tr>
<tr><td class="l" align="right"> Artists Group:</td><td class="r"><input type="text" name="AG"></input></td></tr>
<tr><td class="l" align="right">Last Show Date:</td><td class="r"><input type="text" name="LSD"></td></tr>
<tr><td colspan="2"><center><input type="submit" value="Countdown" name="Countdown"></input></center></td></tr>
<tr><td colspan="2"><div id="display"><p></p></div></td></tr>
<tr><td colspan="2">
<center><table>
<tr><td class="R">Artists Group One</td> <td class="R">Curated Specifically For Creative professional </td></tr>
<tr><td class="R1">Artists Group two</td> <td class="R1">Recently sold:Patricia Queiruga,Isabel Conde,and Oliwa Bueka.</td></tr>
<tr><td class="R">Artists Group Three</td> <td class="R">Art.Bring Your Home To Life.Afordable Art Fair. </td></tr>
</table></center>
</td></tr>
<tr><td width="80%" colspan="2" bgcolor="#2cf636"><center>Copyright NYIT ITEC 320 fall 2017<br>AdlyElzoheary@nyit.edu</center></td></tr>
</table>
</form>
</div>
</body>
</html>