HomeworkLib
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   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

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.

0 0
Add a comment
Know the answer?
Add Answer to:
Can someone plz help me??? I would like a website that has to do with guitars...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • I need a small website that to where I need to interlink a CSS file into...

    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...

  • // I need help in creating and publishing a website with two pages for this assignment,...

    // I need help in creating and publishing a website with two pages for this assignment, I am new to this and need a bit of help as to what and how many HTML files I need to create, and CSS files. If anyone could send me a sample code or anything to start out with it would be appreciated ! I have attached the specifications and requirements below CPI 101 Introduction to Informatics Homework #1 Check Out My Website!...

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

    Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard that contains all elements necessary (HTML, CSS, Images, etc)-I will be unzipping the files and opening them from and running them in Visual Studio Code's Live Server Using HTML and CSS, create a personal website for yourself. The purpose of this site will be to act as a home page and portal and should show off both your HTML and CSS skills along with...

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

    I need help I would like the time to run but every time it hits a minute the font style, font size, and color in JavaScript. Directions below Write an HTML document that uses JavaScript to show on your page the time (MM:SS) a visitor has spent viewing your web page. The digit string indicating the time should change the font type, font size and font color each next minute in a circular fashion 7 times, as shown below File...

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

    Create a website on a topic of your choosing. Site should include the following: Design: Site Map (Task 7) Page-layout for each page (Task 8) Homepage . . o Title o Navigation Links o Footer o Minimum of 1 graphic 4 additional pages that are linked to home page o o o Navigation Links (link back to homepage) Minimum of 1 graphic per page Footer (matching homepage) CSS should be used for formatting visual aspects of site. Use either external...

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

    I would greatly appreciate if someone can assist me with this question. This question has to do with the command line on Linux. Thank you. QUESTION 8 What do hidden files and directories have that regular files and directories do not? Response. 10 points 1 BI U $ = 3 !!! Your response... O words Attach file(s) Max size 500 MB DRAG & DROP - save cancel

  • I am writing an html site and need help with dropdown navigation bars. The navigation bar...

    I am writing an html site and need help with dropdown navigation bars. The navigation bar should have dropdown menus to navigate around the site to different pages. The issue is that it cannot use div elements and while it can use javascript it would be highly preferred it did not. The home page is in its own directory as well as the css has its own directory and the web pages have their own directory. The navigation bar should...

  • Use Java Please File 1 and File 2 at bottom of post. 1. Write a program...

    Use Java Please File 1 and File 2 at bottom of post. 1. Write a program that compares two text files for equality. Print out any lines that are different along with the line number. 2. Include the following: File I/O Exception Handling using a Try/Catch Block Algorithm: Initial and Refined Internal Documentation All prologue information The two external files 3. Use the following two files: File1.txt and File2.txt. These files are included. I have also attached zip files containing...

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

    can someone please help me with this. I need to use java. Recursion Write and run a program that reads in a set of numbers and stores them in a sequential array. It then calls a recursive function to sort the elements of the array in ascending order. When the sorting is done, the main function prints out the elements of the newly sorted array Hint: How do you sort an array recursively? Place the smallest element of the array...

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

    So I need help and I have little time. I was wondering if someone can help me out. its due in a few hours and I have been trying to catch up because of persoanl reasons. https://www.dropbox.com/s/95w9wqkova5i8zy/New%20folder.zip?dl=0 those are the folder files, I am bit still behind on Bootstrap. of these SDS for t date. Diss payablo be IO With Its Positions abso, Width ean ute Positions abs a te Wich1 se FIGURE S.39 Completed project 2 PROJECT 3 Art...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT