Tone and style are key elements to Web page design. All text and graphics should be consistent in mood and theme. To make buttons and banners for our PageBuilder pages we need to combine the materials we were given, the materials we brought to our pages and our own creativity.
Follow along with me as I break apart each PageBuilder style to make buttons and banners. Feel free to use what I have created or use the materials to make your own.
Here is All I know about the Ocean PageBuilder Style:
This is the background image:
Height: 59 Width: 438
Size: 9,672 bytes
Click on the image to upload to your scrapbook:
Or you may use this URL at a tool site:
www.geocities.com/webtvbeth/pb/oceanbackground.gif
I made the background into a jpg (80% reduction in bytes):
Height: 59 Width: 438
Size: 2,030 bytes
Click on to upload:
Here's how to write on the blank button:
After I made the buttons, I wrote on them. You may want to follow along so you can make additional matching buttons for the set or just to learn how to write on your own images.
In the text box I put the word I wanted on my button. i.e; Home
For location and gravity I changed the +0+9 to +0+0 and changed "Northwest" to "Center"
In the "Fill" box I used the text color that matched the page.
For the the Ocean page style I selected the font: Signet Roundhand ATT Italic
Point size: 36
Then I went back up and pressed the "annotate" button.
Sometimes I would put a space in front of the word (i.e; Home) to get it where I wanted on the button. Other times I had to adjust the location and gravity. I also had to adjust the point size. Most buttons were made with font size 36, but the larger words were made with size 34, 32 or even 30. Let's just say I used the "back" button a lot.
Press the "Output" tab
Select the Format you started with (gif or jpg)
Press the "output" button
Click on the thumbnail of your image (it has a 0 under it)
In the text box I put the word I wanted on my banner. i.e; BethCandy.com
For location and gravity I changed the +0+9 to +0+0 and changed "Northwest" to "Center"
In the "Fill" box I used the text color that matched the page text color.
For the Ocean page style I selected the font: Signet Roundhand ATT Italic
Pointsize: 50
Then I went back up and pressed the "annotate" button.
Sometimes I would put spaces in front of the words (i.e; BethCandy.com in the text box) to get it where I wanted on the banner. Other times I had to adjust the location and gravity. I also had to adjust the point size. Most banners were made with font size 50. Let's just say I used the "back" button a lot.
Press the "Output" tab
Select the Format you started with (gif or jpg)
Press the "output" button
Click on the thumbnail of your image (it has a O under it)
