90 likes | 205 Views
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.
E N D
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