| 
View
 

Training Module 4: Web Design Tools and GetWeb

Page history last edited by Baynard 17 years, 6 months ago

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

I. Activate your GetWeb Account

Because it takes a few minutes to process the request, do this first.

3. Watch the Video on helping people with web projects:
 

 

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/".

 

 

 

 

Comments (0)

You don't have permission to comment on this page.