Publishing a Web Page at the University of DE

FREC 135

Characteristics of Good Web Pages

Steps to Develop a “Good” (Meaningful, Useful) Web Page

• Plan• Create (Design Software)• Enhance• Publish (Host, Terminal/Transfer Software)• Check - Evaluate

Host and “Terminal/Transfer” Software

• Host at UD – the Unix Systems– Available to students if you follow the rules!

• Terminal/Transfer Software for Windows Users– Download and install Secure Shell– Set up “copland” profile

• Terminal/Transfer Software for Mac Users– Download and Install “Fetch”– Set up “copland” profile

“Design” Software

• Used to create your Web Page(s)• 1 – Use a Web editor (Best Choice for Novices!) – KompoZer is very good, free

and easy. See on-line tutorials.

• 2 – Use advanced application software for Web page creation (Dreamweaver is supported by the U of DE).

• 3 - Write HTML code.

• 4 – “Save as Webpage” in Office application software (Word, Excel, etc.).

• 5- Google Apps (and many Web Sites) have “templates”

Publishing a Web Page at the U of DE

• Step 1 – Set up a Subdirectory in Your Unix Account

• You must have a place to “publish” your Web page. This place a folder called public_html that you create in your Unix account.

• At the Unix prompt, type: source /www/htdocs/learn/usered/html-setup Note there is a space after source!

• Step 2 – Create Your Web Page

• Options:• 1 – Use a Web editor (Best Choice for Novices!) – KompoZer is very good, free and easy. See on-line

tutorials.

• 2 – Use advanced application software for Web page creation (Dreamweaver is supported by the U of DE).

• 3 - Write HTML code.

• 4 – “Save as Webpage” in Office application software (Word, Excel, etc.).

• Step 3 – Publish Your Webpage

• “Publishing” is actually just copying your Web Page file from your personal computer to the public_html folder – use Secure Shell File Transfer software (demoed in class).

• Use your browser, to view your webpage. The URL is: http://udel.edu/~yourusername/

Steps to Develop a “Good” (Meaningful, Useful) Web Page

• Plan• Create (Design Software)• Enhance• Publish (Host, Terminal/Transfer Software)• Check - Evaluate

Helpful Hints

• Create or Edit, Save, Refresh, Transfer and Reload!

• No spaces in file names!• File names have to be exactly the same –

pic1.jpg is not the same as Pic1.jpg. • In links, the “path” to a file has to be correct.

More Helpful Hints

• Folder and file permissions have to be correct:– source /www/htdocs/learn/usered/html-setup

– Folder permission 755– File Permission 644

Space after source