Team Project Web Page Template (For Display Only)

Note: This webpage is for instructional purposes only and the scenario described below is fictional.

Here is a new sentence.

Your project title comes here

UW-Madison Task Force Members:
   Student 1, Department of xxx
   Student 2, Department of yyy
   Student 3, Department of zzz


Scenario | Abstract | Introduction | Methods | Results | New Section | Limitations | Conclusions | Citations | Acknowledgements | About the Authors

Scenario

      Replace this text with your own brief background description of your scenario. In your HTML editor, note the string of 6 characters used as the beginning of this paragraph to create the indentation. Each string of these six characters is the equivalent of a blank space.

This is the same paragraph as above without indentation.


Abstract

Replace this text with your own one paragraph abstract. You can highlight the important text in red, green, maroon, teal, Navy, italic or bold.


Introduction

Each of the following paragraphs have been written to illustrate a distinct aspect of HTML coding. You may choose to ignore indentation of the first sentence of each paragraph (as for this paragraph).

      Creating Paragraph indentation: Alternatively you may choose to indent the first line of each paragraph, which is what I have chosen to for the rest of this template.

      Creating Anchors for Citations: It is expected that your introduction will include citations of the scientific literature. Thus, we have written this paragraph to illustrate how to create an anchor within your text (i.e., a reference) that your reader will be able to click on to go the Citation section toward the bottom of the page, and from there have access to the on-line abstract of the article (if available) using the permanent DOI (digital object identifier) address. Imagine that your introduction needs to state that the emission of greenhouse gases from the entire dairy sector in the USA circa 2008 was estimated to be 1.9% of the inventory total emission of the country (Thoma et al., 2013). Check the HTML code in the web editor to see how we have created the anchor "#Thoma" so that it becomes a hyperlink that takes the reader to appropriate place in the citation list below. Thoma et al. (2013) found that milk production contributed approximately 1.9% of US GHG emission.

      Creating links to external websites: This is easy to do. For example here is a link the United Nations. Go and see the code in the html editor. Its pretty straight forward.

      Creating Lists: Creating bullet list ("unordered list or "ul") or numerical list (ordered list or "ol") of items ("li") is also an important basic html coding skill. Study the codes in your HTML browser to understand how the following lists were created:

  • Item 1 in an unordered list;
  • Item 2 in an unordered list;
  • Item 3 in an unordered list.

      Below is another example of a more complex list of items. Note that the code for this list was directly copied from the User's Guide of Basic HTML commands (click on the "User's Guide" at the top right corner of this page).

  • Fist item in the unordered list.
  • Second item in the unordered list:
    1. Nested list item 1;
      • New item
    2. Nested list item 2;
    3. Nested list item 3;
  • Third item in the unordered list.

Methods

Each of the following paragraphs have been written to illustrate a distinct aspect of HTML coding. You may choose to ignore indentation of the first sentence of each paragraph (as for this paragraph).

            Sub-heading 1 shown here is formatted as underlined and italicized text is an alternative way to the bold text starting a paragraph (see above) to create sub-headings if you need divide a section into further sub-sections. I like this sub-heading format because it is subtle and does not add a lot of blanks page between your paragraphs.

            Sub-heading 2 is another illustration of creating a sub-heading in a section of your page. Note that note every paragraph need to have a sub-heading.


Results

This would be the first sentence of the result section if you choose to ignore indentation of the first sentence of each paragraph (as for this paragraph).

      Creating Tables is the subject of what comes next in our template. Below is a most basis table. Again, it was directly copied from the User's Guide of Basic HTML commands (click on the "User's Guide" at the top right corner of this page).

Hd1 Hd2 Hd3
A B C
10 20 30


Note that attribute "align=" in the html code that allows you to align the Table "left", "center", or "right" of the page. Notice also that text will follow around the table when it is left or right aligned. Below is the Table heading and Table 1 of the instructor's model web page that have been copied here so you can see how to combine a Table with its heading:

Table 1: Emission from a pasture-based system (Irish dairy farm) to conventional intensive dairy system from the United States
Source: O'Brien et al., 2014.

Sources of Emissions
(kg of CO2eq per 1000 kg of milk)
 Location
 Irish
Pasture
 United States
Conventional
Methane
  Enteric fermentation   On farm  403.7  373.6
  Manure storage and spreading  On farm  42.1  121.9
  Fertilizer production  Off farm  1.6  0.4
  Concentrate production  Off farm  0.8  1.6
  Electricity and other inputs  Off farm  12.9  15.0
Nitrous Oxide
  Fertilizer application  On farm  99.6  16.9
  Manure storage and spreading  On farm  34.5  153.1
  Manure excreted on pasture  On farm  139.9  0.0

      Insterting Figure is one of the last important skill to gain in building webpage. To insert a picture or a photo into a webpage and have it displayed by a browser, the picture need to be uploaded in the server in an "attachment" folder associated with the page you. Then the picture needs to be linked and if needed formatted (resized for example) an inserted with certain attribute. The first picture below does not have a caption nor does it have a borer. It has been simply uploaded in the attachment folder of this page and was inserted here with the "Place Img" "Quick" command that you'll find next to the file in the attachment folder

Milk-Leche-Dos-Pinos.jpg

      Resizing a Figure can be done easier with the "Width" and "Height" attributes that you will find the HTML code associated with the image tag. The photo below is half the size of the one above.

Milk-Leche-Dos-Pinos.jpg

      Framing a Figure with caption: Personally I like to create a frame around pictures by placing the photo is a Table with 1 column and 2 rows.  Figure 3 below was coded as a two-cell Table with a border. A jpg picture (the Figure proper) has been loaded in the attachment of this page and inserted in the top cell of the Table. In the bottom cell I can then write my Figure caption. Note that the table has been right-aligned and the jpg is from an article that I needed to cite. The citation has been coded exactly as described above.

Greenhouse gas emission from swedish organic and conventional systems
Figure 3: Carbon footprint of milk produced in Swedish organic (Org) and conventional (Conv) dairy farms Source: Cederberg and Mattsson (2000).

New Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor, urna sed luctus tristique, nibh libero maximus augue, quis tincidunt ligula turpis quis neque. Ut fringilla blandit libero, eu luctus sem efficitur eu. Sed pulvinar metus ac libero euismod, id mollis odio congue. Suspendisse non quam convallis, euismod nunc sit amet, dictum ex. Aenean tempus, nunc vitae iaculis interdum, ipsum justo mattis quam, hendrerit posuere lacus arcu vitae leo. Fusce rutrum neque odio, vel consectetur nibh posuere vel. Maecenas quis lacinia lectus, et viverra nisi. Cras efficitur accumsan massa, vel sodales metus.


Limitations

      Limitation 1 of your study will be listed here.

      Limitation 2 of your study will be listed here.


Conclusions

      Environmental Aspects: bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.

      Economic Aspects: bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.

      Social Aspects: bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.bla bla bla bla.


Citations

Beauchemin, K. A. and E. J. McGeough. 2013. Life Cycle Assessment in Ruminant Production (Ch 14) pp 212-237 in Sustainable Animal Agriculture (ed. E. Kebreab), CABI International, Boston MA (ISBN:9 78-1-78064-042-6).

Cederberg, C. and B. Mattsson. 2000. Life cycle assessment of milk production — a comparison of conventional and organic farming. Journal of Cleaner Production 8: 49-60.

O’Brien, D., J. L. Capper, P. C. Garnsworthy, C. Grainger and L. Shalloo. 2014. A case study of the carbon footprint of milk from high-performing confinement and grass-based dairy farms. Journal of Dairy Science 97: 1835-1851.

Thoma, G., J. Popp, D. Nutter, D. Shonnard, R. Ulrich, M. Matlock, et al. 2013. Greenhouse gas emissions from milk production and consumption in the United States: A cradle-to-grave life cycle assessment circa 2008. International Dairy Journal 31, Supplement 1: S3-S14.


Acknowledgements

      This project would not have been successful without the contributions of the outstanding students in our Food Systems, Sustainability, and Climate Change class.  We would particularly like to acknowledge the wonderful and challenging questions, and the specific knowledge that students with different areas of expertise provided.


About the Authors

      You can use a bullet list here with name of team members, their major, and their interests. You can also add a photo of you team if you wish.



Keywords:student project template page   Doc ID:80588
Owner:Michel W.Group:DS 471 Food Production Systems and Sustainability
Created:2018-03-02 13:50 CDTUpdated:2018-03-08 18:21 CDT
Sites:DS 471 Food Production Systems and Sustainability
Feedback:  0   0