So, hopefully the guides available on this little website have given you all the basics you might need. However, if there's things you'd like to add and you're not sure how, there's a couple ways you can find this out. Obviously, you can ask, and if I'm not sure myself, we can both research it, but if you feel confident enough to look for resources by yourself, here's a few tips for finding what you need.
The websites you're most likely to find helpful results on are W3schools, which is a website dedicated entirely to giving code instructions with examples, and Stack Overflow, a forum website where people can submit and answers coding questions. Of course, you can look at other sources too, but these two are your best bet for getting exactly what you need.
Make sure to include 'html' in your search! There are over 1000 coding languages out there, so if you don't specify which one you need, you'll
probably find completely incompatible code.
Some things will require you to edit the CSS sheet as well as the HTML page. this can get a little confusing. In the most basic terms, you copy and paste a block into the CSS page, then whenever you use the title of that block in a HTML page, it should be able to carry out what the CSS wants it to do. Feel free to give it a go if you feel you understand it, but if you need a more detailed explanation, I can demonstrate.
Feel free to experiment with the information you find - in fact, please experiment. There's no problem with taking bits and pieces and seeing if they work together - this is sometimes called 'Frankencoding', and as long as it doesn't cause any issues and does what you want it to, it's perfectly fine.
I'm also going to give you the code pieces from the lesson slides here so they're easier to copy and paste whenever you need to;
<meta charset="UTF-8"> - Goes below <head>, tells the browser what text character set you're using
<link rel=”shortcut icon” type=”image/x” href=”x”/> - Goes below <title>, sets the thumbnail icon. The first x should be replaced with the
image's filetype (.PNG, .JPEG, .WEBP etc.).
<link href="/stylesheet.css" rel="stylesheet" type="text/css" media="all"> - Goes below the thumbnail line, tells the webpage to use the
style explained in the CSS document
<center><div style="background-color: #ffffff; border: 2px solid #343434; color: #000000; padding: 10px; border-radius: 10px;"> - Goes
right before you want the website body itself (text and images) to start
CSS Copy
Copy and paste the entirety of the block below into the style.css file once you've emptied it.
body {
font: 16px Arial Narrow, sans-serif;
color: #000000;
background-image: url("/images/x");
}
a { color: #0000EE; }
a:visited { color: #551A8B; }
#main {
background-image: url("/images/x");
width: 900px;
padding: 40px;
margin: 0 auto;
border-radius: 10px;
}
h1, h2 {
text-align: center;
}
h2 { font-size: 16px;
font-weight: normal;
}
#footer {
margin-top: 7em;
text-align: center;
font-size: 10px;
}
