| HP003/004.05 | HP003/004.06 | HP25201 |
|
|
||
| Step One: Creating Your Webspace | ||
| Step Two: Getting Our First Web Page | ||
| Step Three: Making Our First Web Page | ||
| Step Four: Uploading Our Page Via FTP | ||
| Step Five: Making A Second Web Page | ||
| Step Six: Backgrounds, Links, and Color Schemes | ||
| Step Seven: Inserting Images Correctly | ||
| Step Eight: Tables | ||
| Fin: Conclusion and Tips | ||
| Bonus Page: Connecting to FTP via Dreamweaver | ||
Step Six: Backgrounds, Links, and Color Schemes
Alright, since I'm making an Abraham page I'm going to jot down some information about Abraham and flesh out the page a little text-wise, do some work on your page accordingly. Now I'm going to show you another easy trick, setting your background color. Most of you probably have already figured this out, but for those that haven't you'll notice how the first page I made had a rather dry gray background, and for this Abraham page I want to do something with more color.
With Composer, go to the "Format" menu and select "Colors and Background". You may also have to select the "Use custom colors" option before you can change the background. Now, if you click next to "Background Color" you can choose from a whole host of colors, I've always been partial to blues and greens so I'll pick one of those. Select the color you want, click "Apply" and your page is colorized!

Note: You can also use an image for your background instead of a color, but I only suggest doing this is if you find some sort of design or pattern that works for an entire background. This is because an image file is "wallpapered" all across the background of a browser, and if you pick a picture of something it is going to be multi-copied all across the background and look real gross. So use colors for backgrounds unless you find a design that works for an entire page.
Alright, this page is basically done so save it in both your web site folder and your backup one. But, what if I want to be able to access the Abe page from my main one, how do I make a link? Quite simple really.
Start by opening up your default page. Now somewhere on the page write what you want the link to say; like "Click here for my Abraham page," or "To my Abraham page," or just "Abraham," whatever. It can be wherever on the page but I suggest trying to be neat and organized and writing it with that in mind.
After you've done that highlight the text you want to be linked to the second page. Right-click on that text and select "Creat Link . . .". In the "Link to a page location or local file" field type in the name of your page (in my case it is abraham.html). Don't forget the .html extension.

And that's it. That's all it takes to make a hyperlink from one page to another, you'll now also see that the text you highlighted to be linked is a different color and underlined, that shows it's a link to the viewer. If you want to make a link going back to your home page ("default.html") on the second page go ahead and try it.
One last tip. You may have noticed that when you changed your background color it became harder to read your text. This is because the colors chosen for both regular text and hyperlink text may be clashing with your background color, it's just a visual thing that is only applicable depending on your color choice.
To fix yours if it needs to be (I had to make my text lighter for example), go back to the menu where you changed your background color (under the Format menu).
Look at the other options above the background color box. Normal text is the color of whatever text you type normally on the page; Link text is the color of text linking somewhere else. Active Link text is what color a link changes to when you click it; and Followed Link Text is the color of a link after it has been visited.
So just cobble together a color scheme that is easy to read and eye appealing and you're all set! Here's what my Abraham page looks like now with a link to my main one and a finished color scheme:

Lesson completed. The next step will involve putting pictures on our
page.