Improve the placement of the four images.
- Copy the file
penguins.html
to your public html directory.
cp ~nblachman/html/penguins.html ~/public_html
- Check that you have an images directory in your public html directory.
ls ~/public_html/images
If
ls
tells you you don't have such a directory, create one.
mkdir ~/public_html/images
- Copy the images in the directory
~nblachman/html/images
to your public html images directory.
cp ~nblachman/html/images/* ~/public_html/images
- Change directories to
~/public_html
using the command
cd ~/public_html
- Edit the file
~/public_html/penguins.html
using your favorite editor or XEmacs, by using the command
xemacs penguins.html &
- Bring up another terminal window. In that window, change
to your image directory.
cd public_html/images
Use
file
to examine the size of the images that are in the file by
typing
file imageFile
where
imageFile
is the name of each image file.
- Change the position and size of the penguin images in the file
using the IMG attributes
HEIGHT, WIDTH, HSPACE, VSPACE, BORDER, ALIGN.
and by placing the IMG tag before or after a
<p> or <br>
tag or containing the IMG tag inside a beginning and close
<center>
tag.
- Examine your page in your browser.
- In the location window of your browser, type
vaweb.valinux.com/~user/penguins.html
to view your page, where user is the name you use to login
to your system.
Or
- If you weren't able to open your Web page, then from the File
menu in Navigator, choose the "Open Page".
The Open Page dialog box appears
- Click the "Choose File" button. The file browser appears.
- Navigate to your public_html directory. The name of your
html file will now appear in the Files box.
- Click on the file and
then hit the return key or click the "OK" button at the button
left of the dialog box. Then click "Open in Navigator" in the
Open Page dialog box. You should always check your
work in your browser.
- Add the VA Linux Systems' logo to the bottom of the page.
- In one of your terminal windows, find out the size of
the VA logo, which is in the image diretory in the file
valogo-header.gif
with the command
file ~/public_html/images/valogo-header.gif
- Edit the file
~/public_html/penguins.html
using your favorite editor or XEmacs, by using the command
xemacs penguins.html &
- After the horizontal line and before the end of the body
of the page, add an image tag for the VA logo.
- Examine your page in your browser, as described above.
- Adjust the image attributes of the image tag for the logo
so it centered and fits nicely on the page.
|
