<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Creating EnHS Student Websites</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/" />
    <link rel="self" type="application/atom+xml" href="http://blog.lib.umn.edu/mans0010/studentwebsite/atom.xml" />
   <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615</id>
    <link rel="service.post" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615" title="Creating EnHS Student Websites" />
    <updated>2009-05-18T16:43:58Z</updated>
    <subtitle></subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.25</generator>
 

<entry>
    <title>Introduction</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/introduction_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=161924" title="Introduction" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.161924</id>
    
    <published>2009-01-14T17:41:21Z</published>
    <updated>2009-06-23T14:25:21Z</updated>
    
    <summary>Note: Uthink has upgraded to Movable Type 4 since these instructions were written. Not all instructions have been updated yet to reflect these changes. (6/23/2009) Purpose of this blog To provide tips and tutorials to aid you in creating websites...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="1. Introduction" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><em>Note: Uthink has upgraded to Movable Type 4 since these instructions were written. Not all  instructions have been updated yet to reflect these changes. (6/23/2009)</em></p>

<p><strong>Purpose of this blog</strong><br />
To provide tips and tutorials to aid you in creating websites for your assigned EnHS student website projects. </p>

<p><a href="http://www.enhs.umn.edu/current/websites.htm">Click here</a> to view examples of EnHS student websites from previous semesters.</p>

<p><br />
<strong>UThink Publishing Tool</strong><br />
The University of Minnesota's UThink web-based blogging tool (<a href="http://blog.lib.umn.edu/">http://blog.lib.umn.edu/</a>) is the primary tool we are recommending for the creation of your student websites.</p>

<p>A recent example of an EnHS student website published on UThink can be found here: <a href="http://blog.lib.umn.edu/enge/ewaste/">http://blog.lib.umn.edu/enge/ewaste/</a></p>

<p></p>

<p><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Tips for Structuring Website Content</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/post.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=162360" title="Tips for Structuring Website Content" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.162360</id>
    
    <published>2009-01-20T20:36:19Z</published>
    <updated>2009-06-23T14:01:47Z</updated>
    
    <summary>Organization Decide how you want to organize the information; what links you want to include and what graphics you plan to use. If you are working with a group assign one person to coordinate the overall structure of the site...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="2. Structuring Content" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>Organization</strong><br />
Decide how you want to organize the information; what links you want to include and what graphics you plan to use. If you are working with a group assign one person to coordinate the overall structure of the site so that all the sections have a consistent structure and organization.</p>

<p><strong>Audience and Purpose</strong><br />
Who is your audience? What is the goal of your site? Define your audience and purpose and tailor your content to that particular group and goal (e.g., a poison prevention website aimed at kids uses a much different graphic and writing style than one aimed at adults). </p>

<p><strong>Content for the Web</strong><br />
When writing for the web "less is more". People tend to do much more "scanning"  than "reading" when looking at articles online vs. print. Help your users find the information they need quickly by using consistent headers, plentiful subheaders, shorter paragraphs, and lists (either bulleted or numbered as appropriate). </p>

<p><strong>Student Website Examples</strong><br />
Visit this link to view EnHS student website projects from previous semesters: </p>

<p> <a href="http://www.enhs.umn.edu/current/websites.htm">http://www.enhs.umn.edu/current/websites.htm</a></p>

<p><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Using Images</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/using_images.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=162708" title="Using Images" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.162708</id>
    
    <published>2009-01-22T22:55:40Z</published>
    <updated>2009-02-16T21:40:44Z</updated>
    
    <summary>Copyright Issues If you are using pictures and/or illustrations, be aware of copyright issues regarding any information you use. Image Resources Here are some good copyright free image resources: http://www.dotgovwatch.com/?/archives/8-The-Best-Copyright-Free-Photo-Libraries.html http://commons.wikimedia.org/wiki/Main_Page http://www.morguefile.com/ http://phil.cdc.gov/phil/home.asp (The CDC’s Public Health Image Library) http://office.microsoft.com/en-us/clipart/default.aspx...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="3. Using Images" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>Copyright Issues</strong><br />
If you are using pictures and/or illustrations, be aware of copyright issues regarding any information you use. </p>

<p><strong>Image Resources</strong><br />
Here are some good copyright free image resources:</p>

<p><a href="http://www.dotgovwatch.com/?/archives/8-The-Best-Copyright-Free-Photo-Libraries.html">http://www.dotgovwatch.com/?/archives/8-The-Best-Copyright-Free-Photo-Libraries.html</a></p>

<p><a href="http://commons.wikimedia.org/wiki/Main_Page">http://commons.wikimedia.org/wiki/Main_Page</a></p>

<p><a href="http://www.morguefile.com/">http://www.morguefile.com/</a></p>

<p><a href="http://phil.cdc.gov/phil/home.asp (The CDC’s Public Health Image Library)">http://phil.cdc.gov/phil/home.asp (The CDC’s Public Health Image Library)</a></p>

<p><a href="http://office.microsoft.com/en-us/clipart/default.aspx">http://office.microsoft.com/en-us/clipart/default.aspx</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>Getting Started in UThink</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/getting_started_in_uthink.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163088" title="Getting Started in UThink" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163088</id>
    
    <published>2009-01-26T16:05:18Z</published>
    <updated>2009-01-27T21:27:03Z</updated>
    
    <summary>Go to the UThink start page at: http://blog.lib.umn.edu/uthink/start.phtml Enter your University of Minnesota Internet ID (X.500 username) and password. Click Login. In the Weblog Name field, type the name of your project. Example: Electronic Waste In the Directory Name field,...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="4. Getting Started in UThink" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p>Go to the UThink start page at: <a href="http://blog.lib.umn.edu/uthink/start.phtml">http://blog.lib.umn.edu/uthink/start.phtml</a></p>

<p>Enter your University of Minnesota Internet ID (X.500 username) and password. </p>

<p>Click Login.</p>

<p>In the Weblog Name field, type the name of your project. Example: Electronic Waste </p>

<p>In the Directory Name field, enter the directory name where your main index file will be located. Example: ewaste </p>

<p>Select the appropriate time zone. </p>

<p>Click Save Changes.</p>

<p>That's it! Your weblog has been created and is ready for your first entry.<br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Adding/Editing Blog Entries</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/addingediting_blog_entries.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163095" title="Adding/Editing Blog Entries" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163095</id>
    
    <published>2009-01-26T16:21:43Z</published>
    <updated>2009-06-23T14:18:34Z</updated>
    
    <summary>Adding your first blog entry (and category links): In the Create section of the navigation menu at the top of the page, choose Entry. A Create New Entry page will appear Entry Title: In the Title field-type &quot;Introduction&quot; (this is...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="5. Adding/Editing Blog Entries" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>Adding your first blog entry (and category links):</strong></p>

<p>In the Create section of the navigation menu at the top of the page, choose Entry. A Create New Entry page will appear</p>

<p><em>Entry Title:</em><br />
In the Title field-type "Introduction" (this is the header/title of your first entry)</p>

<p><em>Category Links:</em><br />
Select Add New Category (in the 'Categories' section at the lower right of the page). A popup window will appear.<br />
In the Category Title field-type "Introduction".  Click 'Add' button (green dot with plus sign).</p>

<p><em>Entry Text:</em><br />
In Entry Body paste or type your introduction page text.<br />
Click 'Save Entry' button.<br />
You have created a blog entry. You can view your entry (and your entire current blog) by clicking 'View Site' at the bottom of the navigation menu.</p>

<p><br />
<strong>Adding/editing more entries:</strong></p>

<p>You can add to or edit your entries at any time by clicking 'Entries' in the 'Manage' navigation menu at the top of the page. <br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Adding/Editing Web Elements in UThink</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/addingediting_web_elements_in.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163096" title="Adding/Editing Web Elements in UThink" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163096</id>
    
    <published>2009-01-26T16:29:12Z</published>
    <updated>2009-01-26T20:17:05Z</updated>
    
    <summary>You can change the appearance of your blog by adding or editing any of the HTML or graphics. This includes adding elements such as tables and bulleted lists and even changing the entire background/template....</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="6. Adding/Editing Elements  in UThink" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p>You can change the appearance of your blog by adding or editing any of the HTML or graphics. This includes adding elements such as tables and bulleted lists and even changing the entire background/template. </p>]]>
        
    </content>
</entry>

<entry>
    <title>Hyperlinks</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/hyperlinks.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163097" title="Hyperlinks" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163097</id>
    
    <published>2009-01-26T16:30:14Z</published>
    <updated>2009-06-23T14:02:28Z</updated>
    
    <summary>To add a hyperlink: Use the cursor to highlight name of your link in your text. Click on button with the link icon (3rd from right) above the Entry Body field. Type or paste the url of the link in...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="a. Hyperlinks" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>To add a hyperlink:</strong><ol><br />
<li>Use the cursor to highlight name of your link in your text.</li><br />
<li>Click on button with the link icon (3rd from right) above the Entry Body field.</li><br />
<li>Type or paste the url of the link in the javascript prompt.</li><br />
<li>Click 'Ok'.</li><br />
</ol><br />
<p><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Images</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/images.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163102" title="Images" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163102</id>
    
    <published>2009-01-26T16:35:07Z</published>
    <updated>2009-06-23T14:10:38Z</updated>
    
    <summary>To add an image: Click on the &apos;Insert Image&apos; icon (3rd icon from the left in the row of icons above the entry body field). A new window will appear. Click on upload new image. Use the &apos;Browse&apos; button to...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="b. Images" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>To add an image: </strong><br />
<ol><br />
 <li> Click on the 'Insert Image' icon (3rd icon from the left in the row of icons above the entry body field). A new window will appear. </li></p>

<p><li>Click on upload new image. Use the 'Browse' button to select an image from your desktop. Then click the 'Upload' button. You will then be given a series of options for inserting your new image.</li><br />
</ol><br />
<p></p>]]>
        
    </content>
</entry>

<entry>
    <title>HTML from a Word Document</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/html_from_a_word_document_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163132" title="HTML from a Word Document" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163132</id>
    
    <published>2009-01-26T19:27:28Z</published>
    <updated>2009-01-27T20:57:02Z</updated>
    
    <summary>To add HTML from a Word document (useful for tables, etc): In your Word document, in the File menu, select Save as Web Page. The document will be saved to your desktop with a file extension ending in .htm Open...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="c. HTML from a Word Document" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>To add HTML from a Word document (useful for tables, etc):</strong><br />
<ol><br />
<li>In your Word document, in the File menu, select Save as Web Page. The document will be saved to your desktop with a file extension ending in .htm </li><br />
<li>Open your word document in a web browser (Internet Explorer, Firefox, etc). In the View menu (IE, Firefox) select Source (Internet Explorer) or Page Source (Firefox). A document will open displaying the HTML for that page. </li><br />
<li>Find the HTML code for the element you are interested in. </li><br />
<li>Copy the code and paste it into the appropriate place in your blog entry. </li><br />
</ol><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Templates</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/01/template.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=163139" title="Templates" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.163139</id>
    
    <published>2009-01-26T20:00:56Z</published>
    <updated>2009-01-27T17:49:24Z</updated>
    
    <summary>To change the blog template: Under the Configure navigation menu on the left side of the page, click Templates. An Index Templates page will appear. At the bottom of the page, under Plugin Actions, Click the ‘Select a Design using...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="d. Templates" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p><strong>To change the blog template:</strong><br />
<ol><br />
<li>Under the Configure navigation menu on the left side of the page, click Templates.</li><br />
<li>An Index Templates page will appear. At the bottom of the page, under Plugin Actions, Click the ‘Select a Design using StyleCatcher’ link.</li><br />
<li>Select an appropriate theme from the thumbnails presented.</li><br />
</ol><br />
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Categories</title>
    <link rel="alternate" type="text/html" href="http://blog.lib.umn.edu/mans0010/studentwebsite/2009/04/categories.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blog.lib.umn.edu/cgi-bin/mt-atom.cgi/weblog/blog_id=9615/entry_id=178160" title="Categories" />
    <id>tag:blog.lib.umn.edu,2009:/mans0010/studentwebsite//9615.178160</id>
    
    <published>2009-04-27T14:33:17Z</published>
    <updated>2009-05-18T16:43:58Z</updated>
    
    <summary>Uthink automatically lists the category titles in the category navigation in alphabetical order. A workaround for this is to number the categories in the order you want them to appear. For example: Getting Started in UThink Introduction Structuring Content Using...</summary>
    <author>
        <name>mans0010</name>
        <uri></uri>
    </author>
    
        <category term="7. Categories" />
    
    <content type="html" xml:lang="en" xml:base="http://blog.lib.umn.edu/mans0010/studentwebsite/">
        <![CDATA[<p>Uthink automatically lists the category titles in the category navigation in alphabetical order. A workaround for this is to number the categories in the order you want them to appear. For example:</p>

<p>Getting Started in UThink  <br />
Introduction <br />
Structuring Content <br />
Using Images </p>

<p><br />
Now appears as:</p>

<p>1. Introduction <br />
2. Structuring Content <br />
3. Using Images <br />
4. Getting Started in UThink </p>]]>
        
    </content>
</entry>

</feed> 

