HTML basic website. Please only answer if you can complete everything listed so
ID: 3858779 • Letter: H
Question
HTML basic website. Please only answer if you can complete everything listed so I can give a thumbs up. Below I will upload the rubric for what is expected in this basic website. The website needs to have 6 total pages (including the home page), and needs to demonstrate best web design practices, each page should pass HTML validation, CSS should be present and pass validation, and I would really appreciate you giving me instructions how I can get a domain name and this website posted to the internet. Below that I will be posting all of my info for each page and what it should be titled with content. This website is a website for a musician named "vanta blvck." You can use any other bands website as a reference if you haven't seen a simple website like this before.
Home Page: "Vanta Blvck"
the home page with a simple design where maybe can have a picture of the artist or album
Page 2: "Music"
a page where there can be links to the artists music on apple music, spotify, youtube
Page 3: "Tour"
a page where tour dates and locations can be listed
Page 4: "Social Media"
a page with links to twitter.com/vantablvck youtube.com/vantablvck instagram.com/vantablvckk
Page 5: "Bio"
a page where a paragraph long biography can be inserted
Page 6 "Contact"
a page where business email and phone number can be listed
Developing 2-3 points Needs Improvement 0-2 point 4-5 points Page is published to the Web Page demonstrates web design best practices contains content of value to more web design best the target audience, and is Ipractices and/or content needs followed or content is not of published to the Web Page demonstrates web design best practicc contains content of value to more web design best the target audience, and is practices and/or content needs followed or content is not of published to the Web age but does not follow one or eb or more than three web design best practices are not ome improvement. alue to the target audience Page 2 Page is published to the Web but does not follow one or Pages are not published to the eb or more than three web design best practices are not ome improvement. alue to the target audience Page 3 Page is published to the WebPages are not published to the but does not follow one or Page demonstrates web contains content of value to more web design best the target audience, and is practices and/or content needs followed or content is not of published to the Welb Page demonstrates web design best practices are not alue to the target audience Pages are not published to the design best practices are not alue to the target audience Pages are not published to the ome improvement. Page 4 Page is published to the Web contains content of value to more web design best the target audience, and is Ipractices and/or content needs followed or content is not of published to the Web Page demonstrates web design best practices contains content of value to more web design best the target audience, and is Ipractices and/or content needs followed or content is not of published to the Web Page demonstrates web ome improvement. Page 5 Page is published to the Web but does not follow one or eb or more than three web design best practices are not alue to the target audience Pages are not published to the Pa Page is published to the Web but does not follow one or ge sign best practice contains content of value to more web design best the target audience, and is Ipractices and/or content needs followed or content is not of published to the Web eb or more than three web design best practices are not some improvement. alue to the target audience HTML Validation Each page passes HTML alidation o page passes CSS Validation External CSS file is not present or does not pass validation External CSS file is present nd passes validationExplanation / Answer
Home Page(Vanta Blvck)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> WelCome to Home Page</title>
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
<body>
<h1>WelCome to Home Page...</h1>
<a>
Click <a href="Music.html">here</a> to go to Music Library.
</a>
<br />
<br />
<a>
Click <a href="Tour.html">here</a> to go to Tour Page.
</a>
<br />
<br />
<a>
Click <a href="SocialMedia.html">here</a> to go to Social Media.
</a>
<br />
<br />
<a>
Click <a href="Bio.html">here</a> to go to Bio Page.
</a>
<br />
<br />
<a>
Click <a href="Contact.html">here</a> to go to Contact Page.
</a>
<br />
<br />
</body>
</html>
Page 2:("Music")
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Music</title>
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<style>
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
</style>
<body>
<p>
WelCome to music cafe????
</p>
<p>
Click <a href="http://www.yahoo.com">here</a> to watch our music on youtube.
</p>
<br />
<p>
Click <a href="https://www.apple.com/in/music">here</a> to enjoy our music on apple.
</p>
<br />
<p>
Click <a href="https://play.spotify.com">here</a> to watch our music on spotify.
</p>
<br />
<p>
<a>Click <a href="VantaBlvck.html">here</a> to go to Home Page.
</a>
</p>
</body>
</html>
Page 3:("Tour")
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tour</title>
</head>
<style>
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
</style>
<body>
<h1>WelCome to Tour Page????
</h1>
<br />
<br />
<img src="Web address of Images" alt="Image Name">
<p>
<a>
Click <a href="VantaBlvck.html" color="FF00CC">here</a> to go to Home Page.
</a>
</p>
<h3>Tour Date field</h3>
<input type="date" id="tourDate" value="2017-07-21">
<p>Click the button to get the date of the date field.</p>
<button>Check Tour date</button>
<p id="tourdem"></p>
<script>
function myFunction() {
var x = document.getElementById("tourDate").value;
document.getElementById("tourdem").innerHTML = x;
}
</script>
</body>
</html>
Page 4:("Social Media")
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Social Media</title>
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<body>
<p>
WelCome to Social Media world?
</p>
<br />
<br />
<p>
Click <a href="http://www.yahoo.com">here</a> to watch news on youtube.
</p>
<p>
<a>
Click <a href="VantaBlvck.html">here</a> to go to Home Page.
</a>
</p>
</body>
</html>
Page 5: ("Bio")
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bio</title>
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<body>
<p>
WelCome to Bio Page?????
</p>
<!--You can increase size -->
<input id="Text1" type="text" name="pin" maxlength="50" size="50" />
<input id="Button1" type="button" value="Insert" />
<br />
<br />
<p>
<a>
Click <a href="VantaBlvck.html">here</a> to go to Home Page.
</a>
</p>
</body>
</html>
Page 6:("Contact")
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Contact</title>
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
<body>
<h1>This is a Contact Section</h1>
<p>Address: #27, Bagalore Palace , IT Coloney Sadashiva Nagar
Bangalore- 560056, Karnatka (India)</p>
<p>webiste: www.abc.abc</p>
<p>Email : abc@abc.com </p>
<p> Mobile : +91 7676767676
Fax : +91 7676300000 </p>
<a>
Click <a href="VantaBlvck.html">here</a> to go to Home Page.
</a>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.