© 2009 Thomas P. DohertyALL Class site: http://copland.udel.edu/~tdoherty 1

Why Would Anyone Want a Web Page?Why Would Anyone Want a Web Page?Pros

To share your family photos with relativesTo share your genealogy with othersFor help with your brickwalls; mine at http://home.comcast.net/~tdoherty/tpdgen.html

ConsCould be an invasion of your privacyCould be an invasion of another’s privacy

SafeguardsNever put a living person’s informationon the web without permissionEmbed emails to thwart spamersNever answer an email if not sure it’s OK

How to Compose Web FilesAn Easy Step by Step Guide*

How to Compose Web FilesHow to Compose Web FilesAn Easy Step by Step Guide*An Easy Step by Step Guide*

Load your file or download testdoc.doc to PCPlace on your computer’s desktop Compose a page in M/S Word:

- only one column- insert a hyperlink: to website, pdf file and/or image- embed contact email address to thwart spammers

In M/S Word, “File” “Save File as Web Page”In Word 2003, choose “Web Page, Filtered (*.htm”For “home” web page, name file as “index.htm”Give additional web pages unique names, e.g. “me.htm”Develop links to additional web pages

* Also see: * Also see: http://http://www.udel.edu/webstart/studentswww.udel.edu/webstart/students

Creating a Hyperlink in Word 2000Creating a Hyperlink in Word 2000

highlight and right click[similar in Word 2003]

“Type” web address or email address in blankCreating a Hyperlink in WordCreating a Hyperlink in Word

© 2009 Thomas P. DohertyALL Class site: http://copland.udel.edu/~tdoherty 2

How to Compose Web Files in Word

2003“Home”

page must be named

“index.html”or as

.htm , .shtmlSubsequent pages may be named

with extensions htm, html, shtml, pdf,

etc.

How to How to Compose Compose Web Files Web Files in Word in Word

20032003““HomeHome””

page must page must be named be named

““index.htmlindex.html””or as or as

..htmhtm , ., .shtmlshtmlSubsequent Subsequent pages may pages may be named be named

with with extensions extensions htmhtm, html, , html, shtmlshtml, , pdfpdf, ,

etc.etc.

Compose page in Word. Choose “File” then “Save as”In box “Save as type”, choose “Web Page, Filtered”

Saving a M/S Word 2003 File as a Webpage Saving a M/S Word 2003 File as a Webpage -- 22

rename “index.html”, then click “Save”

How to Post Files to WebFirst, Set Up the FTP Software*

How to Post Files to WebHow to Post Files to WebFirst, Set Up the FTP Software*First, Set Up the FTP Software*

Install FTP software from CD and openClick click “Connect”, then “New”

… skip to next 2 charts for the graphics version …Host Name/Address = “copland.udel.edu”Add “User ID” and “Password”Click box before “Save Pwd”Click “Startup” tab In “Initial Remote Site Folder”, add “/~username” (without quotes)Fill in “Initial Local Folder”, e.g. “C:\udel”Click “Apply”, then “OK” to connect

* * or install the UD recommended Secure Shell (SSH) software:or install the UD recommended Secure Shell (SSH) software:https://udeploy.udel.edu/Win/Docs/ssh.htmlhttps://udeploy.udel.edu/Win/Docs/ssh.html : new site : new site -- need ID/passneed ID/pass

Click “New” button Add “udel” as “Profile Name”Host Name/Address = “copland.udel.edu”Add “User ID” and “Password”Click box before “Save Pwd”Click “Startup” tab

© 2009 Thomas P. DohertyALL Class site: http://copland.udel.edu/~tdoherty 3

After initial setup, only need to open FTP software,After initial setup, only need to open FTP software,click click ““ConnectConnect””, confirm profile is , confirm profile is ““udeludel”” and click and click ““OKOK””

How to Post Files to WebAfter FTP Software is Setup

A Step by Step Guide

How to Post Files to WebHow to Post Files to WebAfter FTP Software is SetupAfter FTP Software is Setup

A Step by Step GuideA Step by Step GuideOpen WSFTP LE software Choose “udel” profile name (should be default) Click “Connect”Add username/password and click “OK”

… skip to next 2 charts for the graphics version …Double click “public_html” folder on rightHighlight file(s) to post, then “ ” buttonFirst file uploaded, must be named “index.html”

or “index.shtml” or “index.htm”All other files will have a unique nameInclude links to other web pages or files

* * Also see: Also see: http://http://www.udel.edu/webstart/studentswww.udel.edu/webstart/students

Prepare FTP Software for File TransferPrepare FTP Software for File TransferPrepare FTP Software for File Transfer

Open WSFTP LE software Choose “udel” profile name (should be default) Click “Connect”Add username/password and click “OK”

… skip to next 2 charts for the graphics version …Double click “public_html” folder on right

Transfer Files from Computer to Web Transfer Files from Computer to Web Transfer Files from Computer to Web

Open WSFTP LE software Choose “udel” profile name (should be default) Click “Connect”Add username/password and click “OK”… skip to next 2 charts for the graphics version …Double click “public_html” folder on rightHighlight file(s) to upload, then “ ” buttonor double click on file to upload

First file uploaded, must be named “index.htm”or “index.shtml” or “index.html”

All other files will have a unique nameInclude links to other web pages or files

© 2009 Thomas P. DohertyALL Class site: http://copland.udel.edu/~tdoherty 4

Finding Finding the the

HTML HTML code code for a for a web web pagepage

View View the the

SourceSourceLarge Large

Site with Site with FramesFrames

web link

Finding the Finding the HTML code HTML code

for a for a simple simple

web pageweb page

May the May the Source Source Be WithBe With

YouYou

web link