| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

Training Module 4: Web Design Tools and GetWeb

Page history last edited by Baynard 15 years, 4 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.