106 Chapter 7
HTML
Introduction
Now that all the preliminary items have been
covered, it is time to begin the implemen-tation
of a web page using HTML, XHTML and
Style Sheets.
We will assume that you are publishing your
web content using the SUU...
140 Chapter 8
Web Design With Photoshop
of the photo. Position the curser above and to the
left of the tree. Hold down the mouse button and
drag diagonally down and to the right until you
have enclosed the tree in the slice area. Release
the mouse...
146 Chapter 8
Web Design With Photoshop
7. Now we are ready to start saving the image
as the pages of our web site. If you are working
in a student lab at SUU, you can save the pages
in your “F:\public_html” folder. If not, you can
save the...
38 Chapter 3
Technical Considerations
Content of a
typical F: drive.
Figure 3.4
PC Computer Drive Letters
A: Floppy Drive
B: Floppy Drive (can be reas-signed
to another resource)
C: Local Hard Drive
D: CD or DVD drive
E: 2nd CD, DVD or USB...
42 Chapter 3
Technical Considerations
Figure 3.13
Not all image types will display in a web
browser’s window. We limit the image types
that will work to ones that utilize image com-pression.
This enables us to make the files as
small as possible...
74 Chapter 5
Backgrounds, Textures & Buttons
5. Now you need to apply the color you have
chosen to your image background. You can do
this in several different ways. First, you can go
to the Edit menu, choose Fill then in the Use
dialog box choose...
82 Chapter 5
Backgrounds, Textures & Buttons
other settings as they are. Click OK.
8. You now have two versions of the but-ton.
Save the file to your flash drive as a PSD
image to preserve the layers. Now select one
layer and hide the other. Select...
88 Chapter 6
Animation with Photoshop
Introduction
The process of animation using Adobe Pho-toshop
is not unlike the process used by
major movie studios in producing a full length
animated movie.
Animation is the process of displaying a...
90 Chapter 6
Animation with Photoshop
in the document window changes accordingly.
When the image is saved in the GIF format, the
frames will be saved as separate images within
the GIF image file. When the image is displayed
on a web page, it is...
94 Chapter 6
Animation with Photoshop
out of the image. Or if you chose more colors in
the optimization process.
14. Click the Save button. In the Save Opti-mized
As menu (Figure 6.13), Select the destina-tion
you want to save the file in...
Intro to the Internet 103
and Web Page Design
Chapter Quiz
1. What is animation?
2. What is meant by frame rate?
3. What is bandwidth?
4. Why is the GIF format used for saving ani-mated
images?
5. What is meant by Tweening?
6. Why would you want to...
Intro to the Internet 111
and Web Page Design
Figure 7.5
make a folder to temporarily store your work on
your flash drive and transfer the content to the F:
drive later).
The web page we are making is based on the
informal balance model we learned...
Intro to the Internet 141
and Web Page Design
Figure 8.5
Using the Slice Select tool click on one of the
slices. Remember that slicing cuts the image up
into pieces. Each slice can be optimized sepa-rately.
For this example, we chose to use...
Intro to the Internet 159
and Web Page Design
Figure 9.2
column, select 2 column elastic, left side bar,
header & footer. On the right side of the menu,
make sure the “Doc Type” is set to XHTML 1.0
Transitional. We also want our CSS to be...
Intro to the Internet 167
and Web Page Design
External CSS & Site
Building
Now that you are somewhat familiar with
Dreamweaver, we are going to apply what you
have learned to set up a web site using external
CSS. For our examples we will be working...
Intro to the Internet 19
and Web Page Design
on the Internet that facilitate tracking of visitors.
It usually involves including some special codes
that are provided by the tracking company in
your web pages. Each time the site is visited;...
Intro to the Internet 59
and Web Page Design
Now you can select the original image and close
it without saving. It will be available to be used
again if you should need to start over.
7. The copy needs to be saved before you go on.
Regularly saving...
Intro to the Internet 61
and Web Page Design
10. You can see that cropping has not only re-duced
the file size but has also removed some of
the undesirable elements from the photo (Figure
4.14).
Now we need to remove the “Red Eye” effect
and...
Intro to the Internet 65
and Web Page Design
selection of an apple, for example, would allow
you to change its color from green to red while
maintaining the texture of the original.
12. With the corrections to our image complete,
we now need to...
Intro to the Internet 73
and Web Page Design
Figure 5.1 High resolution monitor
Figure 5.2 Low resolution monitor
for the resolution, RGB for the color mode and
White for the background. Specify a name if you
wish and click OK.
3. Save the image as...