Images

Lab 9/11/12

myPod site

  1. Create a CHAPTER5 subdirectory of your LABS directory.
  2. In that directory, create html, logo, photos, and thumbnails subdirectories.
  3. Save seattle-classic.jpg as in the photosdirectory.
  4. Save index.html in your html directory. (View the file in your browser. View the page source, CTRL-u. Save as .. ... CIS228/LABS/Chapter5/html/index.html.)
  5. Resize the image to 50% using Paint (under the accessories menu on Windows) to make seattle-mid.jpg.
  6. Add the seattle-classic.jpg image to your index.html file.
  7. Resize seattle-mid.jpg to 25% to create seattle-thumbnail.jpg. Put this in your thumbnails directory.
  8. Change the src attribute of the img in index.html to designate seattle-thumbnail.jpg.
  9. Create a seattle-classic.html page in you html directory that displays seattle-mig.jpg.
  10. Make the seattle-thumbnail.jpg image in your index.html into the label of a link to the seattle-classic.html page.
  11. Make sure the a tag has an appropriate alt attribute.
  12. In a browser window open image converter.
  13. Upload myPod.psd from the myPod/logo directory in hfhtmlcss/Chapter5.
  14. Download this file as pgn file to your LABS/Chapter5/logo directory.
  15. Add this logo to index.html.
  16. Edit the index.html page of your LABS directory to link to the index.html page for today's lab.

Your photo

  1. Create a thumbnail image of yourself.
  2. Add this thumbnail to your index.html page in your PROJECT directory.
  3. Create a new page in your PROJECT directory with your (full size) image in it.
  4. Make the thumbnail in your index.html page a clickable line to the page with your image.
  5. Add images to your family.html page (see revised lab for 2/9/12).

Synchronize your thumbdrive and your website.

  1. From the start button, open up FileZilla.
  2. In the Local site: window, enter the absolute path to your CIS228 folder.
  3. In the Host: window, enter art.lehman.edu.
  4. In the Username: window, enter your first name . your last name (all lower case).
  5. In the Password: window, enter art12345.
  6. Hit the Quickconnect button.
  7. In the Remote site: window, navigate first to the Sites folder, then to the "CIS228" folder.
  8. From the View menu (at the top), select Synchronize browsing.
  9. Also from the Viewmenu, select Directory comparison and Enable.
  10. Upload the new and recently modified files from your thumdrive to your website.

Always turn off your computer and screen before leaving the room.