Transcript PublishingaWebPageat.. - University of Delaware

Publishing a Web Page at
the University of DE
APEC 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
UD Guidelines and Rules
• UD has Guidelines and Rules
• http://www.udel.edu/it/help/webdevelopment/how-publish-personal-webpage-university-delaware.html
Host and “Terminal/Transfer”
Software
• Host at UD – the Unix Systems (the Composers)
– Available to students if you follow the rules!
• Terminal/Transfer Software for Windows Users
– Download and install WinSCP and PuTTY
– 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 tutorial at:
• http://www.udel.edu/it/help/web-development/how-create-your-web-pages.html
•
•
•
•
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.
• Log on to Copland using Terminal or PuTTY. 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 – using
transfer software (either Fetch or WinSCP).
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
• Steps:
– 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
Space after source
– Folder permission 755
– File Permission
644