Title of Page (Edit the h1 item on the style sheet (mystyle.css) to change the look of the title.)
The large white box that contains everything is controlled by the "container" section on the style sheet. If you want to adjust its size, color, etc., then you can play with the values underneath the "container" item in the mystyle.css file.
To change the font size and style, edit the "p" item on the style sheet.
This is a hyperlink. To change the color of the hyperlink and the color it changes to when you mouseover it, edit the "a", "a: visited" and "a: hover" items in the style sheet, mystyle.css. You can also edit the link itself and change where it points to.
This is h2 Subtitle Text. Change the h2 item in the style sheet to change the design of this text.
A disciplined
use
of
color on a website can
make things considerably more appealing. In this regard, it's useful to consult a color
chart. See this one for a home grown variety.
There are many offered on the web, e.g.,
http://gotomy.com/color.html.
This is h3 Subtitle Text. Change the h3 item in the style sheet to change the design
of this text.
To your right you see a photo of my dog Otis. Mouse over him, a message says, "Click to get big Otis." Go ahead and click it. Beginners often display photos that are WAY too large - they take up valuble space, they take longer to load, and it's totally unnecessary. The small Otis is 4 KB (kilobytes) and the larger one is 161 KB! There are lots of ways of reducing the size of a picture.
For example, what I did to get the small Otis was open large Otis up in MS Paint, on the menu bar click on Image, then click on Stretch/Skew. Finally, under Stretch, change both Horizontal and Vertical settings to 15. Save the result, that's all there was to it. Of course, you can magnify or shrink to whatever size you wish, but I'd recommend using the same percentage for both Horizontal and Vertical settings, otherwise you might get some pretty distorted looking images.