LIS-S 431 Information Structures for the Web
3 credits
- Prerequisite(s): None
- Delivery: On-Campus, Online
- Semesters offered: Spring, Summer (Check the schedule to confirm.)
Description
This course covers HTML5, CSS3, responsive design, and information architecture to create accessible, user-friendly content. Students learn technical skills like markup, data mining, and analytics, combined with organizational techniques like categorization, layout design, and clear
language, to meet diverse user needs across devices.
Program Learning Outcomes Supported
Instructors map their courses to specific Data Science Program Learning Outcomes (PLOs). Mapped program goals drive the design of each course and what students can expect to generally learn.
- A1: Data Literacy - Distinguish between data, information, and knowledge.
- A2: Data Literacy - Analyze the value and key role data plays in society in providing opportunities to expand knowledge, to innovate, and to influence.
- A3: Data Literacy - Analyze datasets in context to determine data veracity including bias in data collection or representation.
- A4: Data Literacy - Assess values with respect to the use of data technologies. B1: Data Science - Organize, visualize, and analyze large, complex datasets using descriptive statistics and graphs to make decisions.
- B4: Data Science - Conceptualize and design effective visualizations for a variety of data types and analytical tasks.
- C4: Information Science - Understand the characteristics of various data types generated and used by a variety of disciplines, subdisciplines, research communities, and government organizations.
- D1: Data Ethics - Understand the relation between data, ethics, and society.
- E1: Other Topics - Design, conduct, and write up results of research.
Learning Outcomes
- Produce standard HTML5 to create valid markup for a user interface.
- Design cascading style sheets (CSS3) to give form and layout to a user interface.
- Implement responsive web design to satisfy all user devices.
- Compose markup that meets standard web usability requirements.
- Recognize and apply standard solutions in creating a digital service.
- Appraise international approaches to digital services.
- Create a usable, navigable, and accessible digital service.
- Employ distance collaboration skills to produce a team-designed product.
Profiles of Learning for Undergraduate Success (PLUS) Alignment
Instructors align their courses with the Profiles of Learning for Undergraduate Success. The profiles provide students various opportunities to deepen disciplinary understanding, participate in engaged learning, and refine what it means to be a well-rounded, well-educated person prepared for lifelong learning and success.
- P2.1 Problem Solver – Think critically
- P2.3 Problem Solver – Analyzes, synthesizes, and evaluates
Course Overview
Instruction is in Canvas. Lessons are organized into Modules whose length may vary.
Module 1: Orientation
- Text and video introductions in Canvas
- Introduction to Canvas and MS Teams
Module 2: Creating and Validating HTML Markup
- Review the basics of HTML5
- Create a web page using the editor of your choice
- Introduction to GitHub
- Validate a web page for HTML5
- Validate a web page for accessibility
Module 3: Creating Structure and Hierarchy with HTML
- Use HTML5 links, images, tables, and lists
- Examine HTML5 semantics to create page structure
Module 4: Styling HTML Markup with CSS
- Manipulate basic CSS for styling a web page
- Validate CSS for a web page
Module 5: Page Layout Options
- Explore the CSS box model
- Use traditional CSS positioning strategies: absolute, relative, fixed, and float
Module 6: Responsive Web Design and GRID Layout
- Examine the basic principles of responsive web design
- Familiarize with media queries
- Manipulate named area GRID layout
Module 7: Group Project Preparation
- Review past student submissions
- Choose group topic
- Review student roles
- Refine group topic
Module 8: Group Collaboration and Information Architecture
- Research
Module 9: Group Collaboration and Information Architecture
- Strategy
Module 10: Group Progress Reports
- Design
- Introduction to Information Architecture
Module 11: Group Collaboration and Usability Testing
- Implementation
- Introduction to GitHub for collaboration
Module 12: Group Progress Reports
- Usability testing
Module 13: Group Project Submission
- Usability testing
Policies and Procedures
Please be aware of the following linked policies and procedures. Note that in individual courses instructors will have stipulations specific to their course.