CIS89A - Lists

From WikiEducator
Jump to: navigation, search

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?

Icon multimedia.gif


Copyright, fair use

  • Campur Guide to Copyright - overview of copyright law and fair use, information on increasingly complex compliance issues such as the use and distribution of copyrighted material in the online environment
  • Copyright on the Web - really simple: If you did not write or create the article, graphic, or data that you found, then you need permission from the owner before you can copy it
  • Copyright Basis for Graphic Designers - Except under certain circumstances (see “work made for hire” below), you own the copyright in your work at the moment you create it in a “fixed” form of “expression.”

Web page formatting

  • F-Shaped Pattern For Reading Web Content - Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.


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. Review 1 other.

  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. Review 2-3 others.

  9. Prezi - Present anywhere, anytime. Prezi is cloud-based, meaning you can present from your browser, desktop, tablet, or smartphone and always have the latest version of your work at your fingertips. Create or edit on the go, then auto-sync across all your devices with ease. Explore the gallery of Prezis. Select a Prezi presentation that teaches something related to web development, HTML and or CSS. Post a brief description (2-3 sentences) about your Prezi selection and a link to your Prezi to the Prezi presentations discussion.
    Review the work of 2 others.

    NOTE: Review means just that - read the description, follow the link and look around - that is a "review" for the purposes of this course. If you have a question or something to add to the discussion, you can reply to the post. Otherwise a reply is NOT necessary. The discussion is a handy way to share links to interesting sites. The objective is to visit many different examples of web sites, web-based applications, online tools and current technologies.

  10. 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.
    Review the posts of 2 other students.

2016.3 1976