Web Page Design I - Day 2

Goals

• do more complicated linking
• use entity references to express special characters
• learn more about images
• transfer your files to a remote server

advanced links (anchors)

• graphic links
• mailto, telnet, ftp, news links

hard to say in HTML...

• &lt; - less than - <
• &gt; - greater than - >
• &quot; - quotemark - "
• &copy; - copyright - ©
• &amp; - ampersand - &
• &#nnn; - ASCII character nnn

Practicum: use web entities

1. add a copyright notice to your page with teh copyright symbol.
2. add a line that says shows what a literal <br> tag looks like.

intermediate graphics use

• thumbnails, click to larger graphic
• linking to the image <A HREF="/path/to/image">link to my image</A>, borders
• ALIGNing the image with text, p 88, 93
• ALT text
• specifying HEIGHT and WIDTH to assist in rendering, shimming with invisible expanded pixels

Building your own web graphics

• WYSINWTG: colordepth, resolution, browser, monitor, eyeballs
• the browser-safe palette, dithering
• main types: .gif, .jpg, and .png. .art
• tools
  • photoshop
  • paint shop pro
• transparency
• animation
• interlacing
• thumbnailing
• optimization for the web
• reuse of graphics to speed loading
• back up everything
• work in a lossless format (.psd, .psp)
• make extensive use of layers

uploading your site to the internet

• critical info: server, username, password, directory to upload to
• ftp
• ascii v. binary mode
• using the builtin ftp client:
  • cd change directory
  • lcd change local directory (your machine)
  • ls see file listing
  • asc turn on ascii mode
  • bin turn on binary mode
  • put [filename] upload [file]
  • get [filename] download [file]
  • mput [filename.*] upload [file.*]
  • mget [filename.*] download [file.*]
  • prompt toggles verification of each file yes/no
  • hash toggles progress bar
  • site chmod 744 [filename] or quote site chmod 744 [filename] in your html directory, makes files visible on the web
  • quit logout of the ftp server

telnet