CIS89A - 7. Lists

From WikiEducator
Jump to: navigation, search
Geothermal resource map US

To the point - Lists

Lists are everywhere. Space isn't a problem on the web and much of the information on the web is text. Using lists for text increases readability and helps viewers skim text for what they are looking for.

Learning outcomes

  • use each of the list types in a web page
  • combine list types
  • use customized list formatting


  • ordered, unordered, definition, style

Reading guide

  • What are the types of lists available?
  • How can list appearance be altered?
  • What are some of the customizations that can be added to list appearances?


Assignment file name and required elements

  • cis89lists1 - li, ol, ul, dl, type, i, A, dt, dd, customized bullets (list-style-image)

  1. Review the Keywords and Study questions at the top of this page. These will help you look for important ideas in the rest of assignments for this module.

  2. Read Chapter 10. Creating Lists in the textbook.

  3. Creating lists - In a new Thimble file, use the assignment elements and tags to format lists. Use all the elements and tags within your page. Include an example of customized bullets (list-style-image). Publish your HTML file.
  4. Submit the full name of your assignment file to the Creating lists assignment.
  5. Post a link to your assignment file and any comments or questions about the assignment to the Creating lists discussion.
  6. Review the work of 2 others and post a note with links to those pages, and a brief description of your observations - anything that you learned from looking at these? Any ideas you have for using in your own work in the future? Post to the Creating lists discussion.

  7. Copyrights, fair use - There is a lot of really good information on the web. Rather than creating your own material, it may be easier to use what someone else already created. How you use it and how you credit the creator are important. Review one of the Copyright, fair use media selections or find one on the web. Post a link and one important point about educational use to the Copyright and fair use discussion.

  8. Attribution - giving credit to the creator of a copyright work. Since everything is automatically copyright, if you use it, you need to provide attribution. For academic publications, this is also know as citation. Some sources of media provide information about the attribution to include if you use a work. More information can be found at Creative Commons, Wikimedia Commons and elsewhere. Find an article (or video) that provides information about attribution. Post a link to the resource and a brief description of the key points to the Attribution discussion.

  9. Community Participation - Virtual "communities" are groups of people with common interests who share information, ask questions and have discussions online. Sometimes these are personal - family and friends, but many are professional or special interest groups. In the Community participation discussion, post a note about your online communities. These can be casual - Facebook groups, newsletters, discussion forums, or they can be more formal requiring members to join to participate.

  10. Virtual Reality - Although it would be nice to have a virtual reality viewer, you can still see the videos in a regular browsers. You won't get the full effect, but you will get the idea. The WevVr open platform allows

  1. Information Discovery Beyond Search - Read the article Interactive intent modelling gives SciNet the edge over other search engines - SciNet uses information visualization to help you dig through related terms in narrowing down a search. Its creators claim that it outperforms conventional search user interfaces in finding information in an academic database. The Etsimo discovery platform is a combination of intelligent search engine and interactive visual interface. They visualize the search results so that the user can really understand what drives the list of hits. The search can be refined by manipulating the visualized keywords, thus creating a discovery process instead of the traditional trial-and-error type searches.
    Test drive the interactive "search". The results are all based on information in Wikipedia. What did you search for? What was your experience? Do you do a lot of searching? Is the visual display helpful? How could the developers improve on the user experience? What did you learn about presenting search information? What did you learn about user interaction? Post your comments to the Interactive information discovery search discussion.

Icon multimedia.gif



22 History and Geography iPad Apps for Kids « Imagination Soup | Fun Learning and Play Activities for Kids
"round-up of history and geography iPad apps. We haven’t tried them all but I’ll asterisk the ones we’ve tried and tell you what we thought."
<p class="diigo-tag...
10 Apps For More Organized Project-Based Learning
"Project-Based Learning, by definition, is flexible. It encourages learner-centeredness, provides the possibility of more authentic work, and allows learners to self-manage and self-direct in...
The BEST Science Online (Henry's List) - YouTube
Great list of links to web sites, blogs, videos about physic and science, STEM
<p class="diigo-tags"><strong>Tags:</strong> <a href=&#...
Critical Thinking
"Critical Thinking"
<p class="diigo-tags"><strong>Tags:</strong> <a href='
iPad starter kit: 100 essential apps - Telegraph
" list of 100 to get you started, split across categories from Culture to Sport and News to Food and Drink."
<p class="diigo-tags"><strong>Tags:</stro...
30+ Free Apps for Celebrating & Learning About December Holidays : Teacher Reboot Camp
" Children, adolescents, and teens can create very meaningful gifts for friends and family members or get into the holiday spirit by using the suggested apps below. The apps are very easy to u...
"Click on a subject to link you to the book list to support the particular focus subjects.Making ConnectionsPredictingQuestioningDrawing Inferences"
<p class="diigo-ta...


list-style | CSS-Tricks
The list-style property is a shorthand property that sets values for three different list-related properties in one declaration: The list-style-type property defines the type of list by setting the...
Styling HTML Lists with CSS: Techniques and Resources — Smashing Magazine
CSS-styled HTML lists have become invaluable tools in a CSS developer’s toolbox, due to the HTML lists versatile and graphically flexible nature. All this despite some of the obvious browser inco...
CSS Styling Lists
"The CSS list properties allow you to: Set different list item markers for ordered lists Set different list item markers for unordered lists Set an image as the list item marker Add bac...
HTML Lists Tutorial - YouTube
Learn HTML code: lists - ordered, un-ordered lists, list items. change numbering in ordered list with value
<p class="diigo-tags"><strong>Tags:</strong>...
Learn HTML - Nested List Video Tutorial - YouTube
Learn How to Create Nested HTML List - no audio - just video of code being typed in and displayed.
<p class="diigo-tags"><strong>Tags:</strong>...

2016.3 1976 . 2018.3 4114