Can someone plz help me??? I would like a website that has to do with guitars...

Question

Question

Can someone plz help me??? I would like a website that has to do with guitars...

Can someone plz help me??? I would like a website that has to do with guitars or something to do with music, someone asked me what kind of website I would like to have and that would be awesome. The attributes to be included, are below. I need a small website that to where I need to interlink a CSS file into the HTML file. I don't know to save the files to have to be able to run with the CSS attributes show up in the browser when I do click the "open with" after I click on the saved HTML file. Basically when I copy files from the internet, to see if the HTML and CSS would interlink and run, the HTML would run and show the site, but the colors and font, CSS attributes, does not show up. The site is only black and white as if the html file was only ran. Please help me write a html file and CSS file, to write a website. The CSS file and the html file separately and then instruct me how to how to save the files and tell me how to get the program to run. The small program I did write would not run and so I deleted the program, can you help me? The files have to include the following: Additional information>> edit the css file provided as an example to match the colors and styles you want for your own website. Or create a simple css of your own keeping in mind it has to incorporate all the required elements in the assignment... The HTML page provided is your base, unless you wish to give me another page of your own design but including all the points (requirements) mentioned in the assignment and html page and showing them clearly. All the requirements are supposed to be called into the html page using the css file (updated one, or a new one you create).

Font

Color Theme

Headings (H1, H2, H3)

Buttons

Form Elements (inputs and labels, check boxes and radio buttons)

Contextual website messages (Success, Warning, and Error)

Please make sure the elements retain a consistent look to be able to communicate with the audience Thank you so much, for your time.

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

The html file index.html contents are:

<html>
   <head>
       <link rel="stylesheet" href="styles.css">
   </head>
   <body>
       <h1> This is a demonstration of CSS and Html link up</h1>
       <br><br>
       <h2>Below is the form for information about the students</h2>
       <br><br>
       <h3>Please fill in the details</h3>
       <br><br>

       <form id="myform" onsubmit="check()">
          <label for="fname">First name:</label><br>
           <input type="text" id="fname" name="fname"><br>
           <label for="lname">Last name:</label><br>
           <input type="text" id="lname" name="lname"><br>
           <input type="radio" id="male" name="gender" value="male">
           <label for="male">Male</label><br>
           <input type="radio" id="female" name="gender" value="female">
           <label for="female">Female</label><br>
           <input type="radio" id="other" name="gender" value="other">
           <label for="other">Other</label><br>
           <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
           <label for="vehicle1"> I have a bike</label><br>
           <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
           <label for="vehicle2"> I have a car</label><br>
           <input type="checkbox" id="vehicle3" name="vehicle3" value="Bicycle">
           <label for="vehicle3"> I have a bicycle</label><br>
           <input type="submit" value="Submit">
           <input type="button" value="Clear" onclick="reset()">
       </form>

       <div class="success-msg">
           <p id="success"></p>
       </div>
       <div class="error-msg">
           <p id="error"></p>
       </div>
       <script>
       function check()
       {
           var flag = 0;
           var fname = document.getElementById("fname").value;
           var lname = document.getElementById("lname").value;
           if (document.getElementById('male').checked == false && document.getElementById('female').checked == false && document.getElementById('other').checked == false)
           {
               flag = 1;
           }
           if (document.getElementById('vehicle1').checked == false && document.getElementById('vehicle2').checked == false && document.getElementById('vehicle3').checked == false)
           {
               flag = 1;
           }
           if (fname == "" || lname == "")
           {
               flag = 1;
           }
           if(flag == 0)
           {
               document.getElementById("success").innerHTML = "This is successful!!!"
           }
           if (flag == 1)
           {
               document.getElementById("error").innerHTML = "There was an error!!!"
           }
       }
       </script>

   </body>
</html>

The css file styles.css contents are:

body{
   background-color: blue;
}
h1{
   color: red;
   font-family: verdana
}
h2{
   color: green;
   font-family: verdana
}
h3{
   color: white;
   font-family: verdana
}
.success-msg {
color: #270;
background-color: #DFF2BF;
}
.error-msg {
color: #D8000C;
background-color: #FFBABA;
}

The contents which I have given is an example of how the html and css file communicate. You can just change the label in order to make it for your guitar related or music related website.
As for your doubt regarding css file not appearing, there could be these following reasons:
1. You must have not specified the link tag inside the head tag. This is essential so that the html file knows that an extternal css file is used.
2. If you have specified the link tag, then check for the spelling of the css file mentioned inside the link tag and the spelling of the name of the css file you have saved. Both the spellings must be same along with the extension .css so that the html file communicates with the correct css file.
3. If both the above conditions are true, then make sure that the css file and html file are stored in the same folder.

Add a comment

Answer 2

Can someone plz help me??? I would like a website that has to do with guitars...

Homework Answers

Add Answer to:
Can someone plz help me??? I would like a website that has to do with guitars...

Post as a guest

Earn Coins

Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard...

I need help I would like the time to run but every time it hits a...

Create a website on a topic of your choosing. Site should include the following: Design: Site...

I would greatly appreciate if someone can assist me with this question. This question has to...

can someone please help me with this. I need to use java. Recursion Write and run...

So I need help and I have little time. I was wondering if someone can help...

You've been hired to create a website for Eating Well in Season, a business in Glover,...

One page statement of professional goals in nursing. Would like for someone to help steer me...

I need some help< I keep getting this wrong and don’t understand why 2. 5. Challenge Children files Let’s test your file creation skills. Make sure you are on the ~/workspace directory and: 1.Creat...

yes you will need matlab software Can someone please help me. attached is the exercise i...

Can someone plz help me??? I would like a website that has to do with guitars...

Homework Answers

Add Answer to: Can someone plz help me??? I would like a website that has to do with guitars...

Post as a guest

Earn Coins

Add Answer to:
Can someone plz help me??? I would like a website that has to do with guitars...