Finish
|
Paint Shop Pro (PSP) processing of the background:
-
Using the selection button, select from near the left-top drop to
the lower-right one. Execute Image | Crop to reduce the image.
-
Select Colors | Adjust | Brightness/Contrast and set it to
40% Brightness, 0% Contrast.
-
Select Colors | Decrease Color Depth | 256 colors, and this is
what you get:
PSP processing of the logo:
-
After setting KwikDraw's to Layout | 200%, use PSP to pick the image
directly from KwikDraw's window, through Capture | Start,
close all the open vertices, join the outer vertices to the middle thick line,
and the inner vertices to the center, using a black thin line, like
this.
-
Open the file generated
by Starfish.pov.
Use the selection tool to select a rectangle from the
bright part.
Paste it to a new image using Edit | Paste | As New Image.
Do the same to produce a
shaded area texture rectangle.
-
Convert the image to 16M (Colors | Increase Color Depth), use the fill tool
to apply a pattern of bright texture (selected in the options) to the parts of the
starfish arms that should reflect light. apply the shaded pattern to the remaining.
You could soften the edges a bit, but this will do.
-
Reduce the size through Image | Resample and save it as a GIF file.
|
Assembly
|
Write the HTML file to congregate the elements developed, something like:
<HTML>
<HEAD>
<TITLE>Starfish co. Home Page</TITLE>
</HEAD>
<BODY background="Drops.gif"
<BODY>
<IMG SRC="Starfish.gif" ALIGN="left">
<CENTER>
<H1>Starfish Fishing Company</H1>
</CENTER>
<BR CLEAR=left>
<P>
Find out how to cook delicious
fish meals in our
<A HREF="#">Recipe Area</A><P>
Enter the <A HREF="#">Coupon Contest</A>
and win a trip to the northern Atlantic
in one of our vessels.
</BODY>
</HTML>
This is the final result.
|
Testing
|
Test your pages in all the browsers you can, from a simple lynx
to a sophisticated HotJava. If you cannot test under the conditions
described here, ask your friends to test your pages for you.
Test...
- ...all the links;
- ...under 16, 256 and 16M colors;
- ...at 1024x768, 800x600 and 640x480;
- ...over a 28.8, and 14.4 Kbs connection
|
Sources:
|
WebTechs HTML Validation Service
- checks your page for
IETF
and specific browsers HTML extensions compliance.
Nothing to download.
|
Em Português
