Wednesday, February 11, 2009
GetWeb and Web Design Training
A. Training Assignment
- Activate your GetWeb Account
- Watch the Web Training Intro Video
- Read Andrea’s tips regarding the how-to’s of web site consultation.
- Edit the HTML template provided.
- Upload/FTP your edited page to your GetWeb account.
- Email the URL of your website to Baynard.
B. Web Module Intro
C. Edit an HTML Document
This tutorial will show you how to edit HTML code using TextWrangler.
1. Source code:
HTML TEMPLATE
<html>
<head>
<title>The Title of Your Page goes here. It shows up in the grey bar at the top</title>
</head>
<body>
Within the body section of the page, you can insert your main text and content.
However, pressing the Enter key will not create a break when your page is put online.
For that, you need the paragraph or break tag to separate your thoughts.
<p>
<img src="my-image.jpg">
</p>
<p>Here is my <a href="my-audio.mp3">audio file</a>.</p>
<p>Here is my <a href="myposter.pdf">poster</a>.</p>
<p>I also made a <a href="my-video.mov">quicktime video</a></p>
<p>
But it’s not quite as cool as my YouTube video, which I’ve embedded below by simply copying the code YouTube so graciously provides me!
<BR>
<object width="425" height="344">EMBED CODE GOES HERE</object>
<BR></p>
</body>
</html>
2. Tutorial
Web Training HTML Editing from Baynard on Vimeo.
D. Getweb & FTP Tutorial
This tutorial will show you how to upload your HTML document to your GetWeb account.
FTP Training from Baynard on Vimeo.
E. Exercise
Edit the html template. It should include:
- an image
- a link to an audio file
- a link to a .pdf file
- a link to a .mov file
- an embedded video
Send me the link when you are done, thanks!
The link will be something like "http://students.vassar.edu/dekhalsa/".