While long web addresses may be helpful to some they are generally hard to read and longer than the width of the page. To alleviate these problems, writers embed the long web address into the label or title of the link.

For example this web address:

http://pamvanlonden.com/embedding-hyperlinks-in-documents

becomes

Embedding Hyperlinks In Documents

Instructions

Example demonstrates selecting the title of an article, choosing the link tool, and pasting in the web address, starting with http://

1. Using a browser, locate the article you want to link to.
   1. Copy the web address shown in the address bar of the browser.
2. Inside your document, select the title of an article.
   1. Choose the link making tool.
   2. Paste in the web address copied in step 1.1.
   3. Save the document.

Necessary Skills

This course will open up the possibilities available to you inside the Web. To be successful in this class and find the passion many of us have to use the Web to its potential, ascertain if you have most or all of these traits and skills:

Traits

• Creative thinker
• Troubleshooter
• Investigator
• Interested
• Entrepreneurial
• Available
• Collaborator
• Organized

Skills

• Understand how a computer works.
• Accurate typist.
• Understand how to make and save directories and files to a hard drive.
• Understand how to communicate via email.
• Understand how to find resources online.
• Read Basic computer skills needed to survive in the online world.

Use the common left-hand keystrokes to save your right arm from fatigue.

Internet overview

How did the Internet get started and what does it look like? Take a quick glance at this timeline and visual references to learn the answers:

Hobbes’ Internet Timeline 10

by Robert H’obbes’ Zakon with support from Zakon Group LLC & OpenConf

An Atlas of Cyberspaces

Topology Maps of Elements of Cyberspace.

How the Internet Infrastructure Works

A web server is connected to many other servers. See how.

Condominium homebuyers' perception of the new living concept: The Internet home

What is markup language?

What is FTP?

HTML Syntax.

Download and install (one time set up)

1. Download the version you need (Windows, MacOSX, or Linux) onto the hard drive of your computer.
   • Save it to the desktop so you can find it again.
   • Consider saving both the Mac and Windows versions so you can use it on either if necessary.
2. Copy the program files to the USB drive.
   • For MacOSX, you may need to unarchive the files and follow installation instructions.
   • For Windows, drag the .exe file to the USB drive.
3. Open the program.
4. Close the Password screen.
5. On the remaining blank window, File->New.
6. Type a master password.
   • Read the Help information provided by the software developer.
   • Note however, that the password you choose must be committed to memory. Other passwords you add do not; they should not be memorable.
7. File->Save As.
8. Name the password database file something you can remember so you can find it on the USB drive.
9. Update Manage->Database Preferences to auto save after each entry.
10. The program will close in 5 minutes.
11. Quit when you are done working.

Passwords
When you setup a new account or launch a piece of software for the first time, a serial number or password is often required. Some programs will generate a password for you; some let you choose. If you are setting up an account and…

• If no password is provided or generated, then use Password Gorilla’s Generate Password button.
• If a password is provided, then copy that password into Password Gorilla’s Password field.

Add a new account entry

1. Open Password Gorilla and choose your new password database file from the list.
2. Type your Master Password.
3. Edit->Add Entry.
   • Fill in the fields with all the information you know about the account and write notes in the larger field.
     • If you need a password, click the Generate Password button.
     • Add special characters to it if you want.
   • Click OK.

Use a new password.

1. Open Password Gorilla.
2. Type your Master password.
3. Edit->Edit Entry.
   • Copy the password field contents.
   • If you want to see the password first, click the Show Password button.
4. Paste the password into your online account login screen.

Use the common left-hand keystrokes to save your right arm from fatigue.

Learning new skills can be frustrating for some. Sometimes this frustration is a direct result of poor teaching, poor listening/watching skills, lack of experience with pre-skills, or other distractions. And sometimes, the frustration is normal! Learning is not something that is easily acquired the first time it is heard or seen. A learner must experience the task first hand and practice it again and again to fully understand and make it part of rote memory.

Learning in a workshop can be particularly trying when the purpose of the task to learn is not clear, the computer you use does not look like your own, or others students progress at a different pace. Experienced educators who teach in a computer lab situation know that not all students will listen and watch carefully, stay together, or tell the instructor when he/she is going too fast. Some educators create and print extensive tutorials for students to use in their learning only to find out they are not used. Many students want instructors to do the work for them because they do not want to struggle. Learning computer skills is like playing a game…you must explore like a detective to persevere.

If you are learning a new skill and don’t feel you have a complete handle on it, try showing someone else. Sharing and teaching is one of the best ways to learn something well (fully understand and retain the new knowledge). Dr. Gary Phillips of the National School Improvement Project (based on Piaget’s theories about learning) makes this claim: People retain learned material at the following levels:

• 10% of what we hear
• 15% of what we see
• 30% of what we see and hear
• 80% of what we experience actively
• 90% of what we teach others

The following list of basic computer skills will be linked to tutorials as I can find good ones. Check off the ones you know and begin to practice the others. Please do not feel like you are supposed to master a skill immediately. Some skills include “setup”, which is done one time. After that it is a matter of using the tool or skill often in order to remember it.

Skills that are 20+ years old.

• Turn your computer on and off.
  • Turn the volume up and down.
  • Adjust the screen brightness and contrast.
• Open an application/program.
  • Make a new file in the application.
  • Save and close a file.
  • Reopen the file.
• Use the common file and edit functions (using right-click or these keystrokes):
  • Open Ctl+o
  • Quit Ctl+q
  • Save Ctl+s
  • Find Ctl+f
  • Copy Ctl+c
  • Cut Ctl+x
  • Paste Ctl+v
  • Undo Ctl+z
  • Select All Ctl+a
• Find/search a file.
• Copy a file from one folder/directory to another.
• Copy a file or folder/directory from the hard drive to another device.
  • Back up files to floppy or Zip disk.
  • Consider a copy a backup file.
• Rename a file.
• Put a disk/disc in the computer and view its file list.
  • Eject a disk.
  • A disk can be thought of as a floppy disk, CD-ROM disc, DVD disc, USB stick/thumb/jump drive.
• Print a document.
  • Change the page orientation.
  • Change the color/ink settings.
• Archive and decompress a set of files and folders/directories.
• Use word processing and spreadsheet programs.
  • Type text and numbers
  • Tab to indent or tab to move from one cell to another.
  • Return to start a new paragraph or new row.
  • Set margins.
  • Set custom tabs.
  • Bold and italicize text.

Skills that are 10+ years old

• Connect to the internet.
• Setup an email account.
  • Update the name that will show when someone receives the email.
  • Add an email signature.
    • Outlook Express
      
  • Set new messages to retain the original message when replying.
• Send and receive email.
  • Attach a document to an email.
  • Download email attachments and file them on your hard drive.
• Search for a file online.
• Download a program, Acrobat (.pdf) file, or picture file.
• Decompress an archive file.
• Copy/back up files to a CD-ROM.

Skills artists need

• Open, enhance, optimize, and save photo files in various formats for print and online use.
• Organize inventory.
• Send professional looking email messages.
• Upload photo files to online service sites.
• Write and edit in a variety of local applications/programs.
• Write and edit in a variety of online service sites.
• Back up files to CD-ROM, DVD, and/or USB drive.

Cleanup is important before beginning a new web project, as you won’t want any old files confusing you or confusing the dynamic functions you’ll be using.

• Delete files you know you won’t use again.
• Move files you’re aren’t sure about into a temp directory.
• Put files for each web site in separate directories; each named similar to the site name. For instance:
  • oregonstate.edu/~oniduserid/vietnam
  • oregonstate.edu/~oniduserid/juggling
  • oregonstate.edu/~oniduserid/cs195

Requiring students to share what they have learned helps them more fully understand and retain the new knowledge.

Dr. Gary Phillips of the National School Improvement Project makes this claim:

People retain learned material at the following levels:

• 10% of what we hear
• 15% of what we see
• 30% of what we see and hear
• 80% of what we experience actively
• 90% of what we teach others

Readings

HTML for the World Wide Web, 5th Ed.

Pages 13 to 82. For review.

Differences Between XHTML and HTML

W3Schools; excellent tutorials, references, examples, quizzes, and exam certification.

Web Quality Assurance Tutorial

W3Schools.

Necessary Skills

This course will continue to open up the possibilites available to you inside the Web. To be successful in this class and find the passion many of us have to use the Web to its potential, ascertain if you have most or all of these traits and skills.

Pre-assessments

Take all three quizzes and review all topics you had trouble with. If you score below 50% on the HTML quiz, work through the W3Schools tutorials by the end of the week to see if you’re more comfortable with the content of this course.

HTML Quiz

W3Schools. In 5 minutes these 20 questions will let you know if this class if for you.

XHTML Quiz

W3Schools offers excellent tutorials, examples, and quizzes. Find out in 5 minutes if you need to brush up on the transitional markup standards.

CSS Quiz

W3Schools offers excellent tutorials, examples, and quizzes. Find out in 5 minutes if you’re ready for this class. Find out in 5 minutes if you need to brush up on.

Survey

So that I can tailor my instruction to work for all students, I need a good indication of your skills, system set up, and interests. Please take the survey by the second day of class.

• Check Bb frequently for announcements and solutions.
• Ask technical questions and provide alternative methods in class and the weekly forums so I can answer them for everyone.
  • If you need help getting your code to work:
    1. Use Dreamweaver’s Results panel to see what errors it finds.
    2. Ask questions in the Forum and check back later for answers.
    3. Come in during office hours.
    4. If all three of those methods fail to help solve your problem, email me. I check email every day. Send the URL of the page on the server in the email.
    5. If you have questions about your grade, then use email (it’s a private matter).
• Add all work to your ONID or ENG server space and submit the URL in Blackboard.
• Read the textbook(s), my lecture notes, and tutorials to see three different ways to accomplish the same tasks.
  • Print the lecture materials and deliverable page prior to class so you can ask questions and keep notes on the same page.
  • Try what you read.
  • Put in the necessary time.
• Refrain from using Frames. But experiment with iframes.
• Refrain from using adult content in your site, or anything illegal.
• Title all emails with the course number (CS 195 or CS 295).
  • This is a requirement!
  • I get more than 100 emails per day and yours are the most important, so help me find them.

Readings

W3 Schools Glossary

Comprehensive terms and explanations.

These definitions come from a variety of online sources. Click the term to read more about it.

HTML

Hypertext Markup Language is a formatting language used for documents on the World Wide Web. HTML files are plain text files with formatting Codes that tell browsers such as the Netscape Navigator how to display text, position graphics and form items, and display links to other pages.

XHTML

Extensible Hypertext Markup Language, a stricter remaking of HTML as an application of XML. The successor to HTML.

DHTML

Dynamic HTML, a mixture of standards including HTML, style sheets, the Document Object Model and scripting.

SHTML

(Server-parsed HTML) A file extension used to identify HTML pages that contain server-side includes. This extension is not required.

PHP

Hypertext Preprocessor, an open source, server-side, HTML embedded scripting language used to create dynamic Web pages. In an HTML document, PHP script (similar syntax to that of Perl or C ) is enclosed within special PHP tags. Because PHP is embedded within tags, the author can jump between HTML and PHP (similar to ASP and Cold Fusion) instead of having to rely on heavy amounts of code to output HTML. And, because PHP is executed on the server, the client cannot view the PHP code. PHP can perform any task that any CGI program can do, but its strength lies in its compatibility with many types of databases.

JavaScript

JavaScript is a simple scripting language that is sent as text and compiled on the client before execution. It was created by Netscape-not Sun Microsystems or JavaSoft. Originally named LiveScript, JavaScript code (which is unrelated to Sun’s Java language) is designed to be embedded into HTML documents. It is a competitor to Microsoft’s VBScript.

CSS

Cascading Style Sheets were created in 1997 with the introduction of the HTML 4.0 Standard. Style sheets let an HTML author create an overall consistent design and layout for Web pages. There are three parts to CSS: the styles, their placement, and the fact they can cascade.

SSI

Server Site Includes are server-parsed pages, meaning the server scans the page for commands that require additional insertion before the page is sent to the user. back to top SMTP server Short for Simple Mail Transfer Protocol, a protocol for sending e-mail messages between servers. Most e-mail systems that send mail over the Internet use SMTP to send messages from one server to another; the messages can then be retrieved with an e-mail client using either POP or IMAP.

XML

eXtensible Mark-up Language, a specification developed by the W3C. XML is a pared-down version of Standard Generalised Mark-Up Language, designed especially for Web documents. It allows designers to create their own customised tags, enabling the definition, transmission, validation, and interpretation of data between applications and between organizations.

RSS

Quoting the official RSS v1.0 specification: ‘RDF Site Summary (RSS) is a lightweight multipurpose extensible metadata description and syndication format. RSS is an XML application, conforms to the W3C’s RDF specification and is extensible via XML-namespace and/or RDF based modularization.’ Here’s a tamer description: RSS is a format for syndicating news and the content of news-like sites, including major news sites like Wired, news-oriented community sites like Slashdot, and personal weblogs.

 

XSLT

XSL Transformations, a language for transforming XML documents into other XML documents. XSLT is designed for use as part of XSL, which is a style sheet language for XML. In addition to XSLT, XSL includes an XML vocabulary for specifying formatting. XSLT is a W3C specification but also part 2 of the XSL specification.

SOAP

Interfaces with XML to deliver web services.

WML

Wireless Markup Language which was formerly known as HDML (Handheld Devices Markup Language). WML is a language that allows the text portions of Web pages to be displayed on mobile phones and personal digital assistants (PDAs) via wireless access. WML is part of the Wireless Application Protocol (WAP) that is being proposed by several vendors to standards bodies.

MathML

MathML is an XML application for describing mathematical notation and capturing both its structure and content. The goal of MathML is to enable mathematics to be served, received, and processed on the Web, just as HTML has enabled this functionality for text.

.NET

Microsoft’s set of software technologies for connecting information, people, systems, and devices. The technology is based on Web services—small building-block applications that can connect to each other as well as to other, larger applications over the Internet.

ASPX

-

ASP

-