Home

4. From here to there – Links

Working throughout the week – Thanks to everyone who worked earlier in the week. That was a big improvement. It helped me, because I was able to address some of the problem areas during the week. This appears to have helped other students who were experiencing similar problems. Nice to see students helping students with these questions, too.

Linking – the ability to embed hyperlinks in pages, is one of the most significant features of the web. The idea that a viewer could click on a word or a picture and immediately be taken to another page that provided additional relevant information was revolutionary.

This was a bit more difficult but everything to do with links and linking is really important

  • Voyager accounts – If you plan to take other DeAnza programming classes, you will be expected to use Voyager for most of them. This is the “cloud” storage that DeAnza makes available. For web pages, pages must be “hosted” someplace where they are accessible from the web. They are required to have a URL or web address to be viewed from a browser. Before Thimble, all CIS89A assignments had to be uploaded to Voyager for grading.
  • ftp – File Transfer Protocol – This is getting “under the hood” where the Unix and Linux foundations of the internet are located. We just see web pages with links and images and video, but below this there is a complex network of computers, software, telecommunications,… Just like the directories within directories that you have on your computer, web servers have similar but more complex arrangements. With FTP, it is possible to view and move files even if they aren’t web pages written in HTML.
  • It is important to understand that this structure exists, and there are tools for working with files at this level. The example from the book – ftp://sunsite.unc.edu/pub/ is a valid ftp directory that you (and your page’s viewers) can access. It is interesting and important to see something of this internal structure of the internet. For the assignment, use the example from the book or from your favorite tutorial. Be sure to look at what is displayed. It looks like your computer’s directories but it is actually looking at a computer in North Carolina.
  • Transferring files to Voyager makes use of this capability. In your Voyager account there are a number of files and directories. To be viewable by web users, your web page file had to be place in the public-html directory. This is the only directory that Voyager will show to external users.
  • mailto – for your protection, remove your own email address from your pages – Voyager, and Thimble and re-save them. You can substitute mailto:name@emailaddress.com. In the Willard book, there is a note about this. It is good practice to protect your personal email by NOT publishing it on the internet. This is one of the reasons to use Voyager rather than a public service like Thimble.
  • accesskey and tabindex – If you have online forms or complex pages that people will use a lot, these attributes can be helpful.  If users will be doing “data entry” – entering information using the same page many time each day, these can be a big help. You have to know your application, your users needs and these HTML attributes. However, most web developers don’t use them.

5. Picture this… – Images
A picture is worth a thousand words – It is easy and inexpensive to add pictures to web pages. This has been one of the most important changes that web publishing has made.

Printing pictures on paper, especially in color remains very expensive. The additional data to include high resolution images to a web page is relatively little. So use images to tell your story and add interest to your web page.

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s