Articles
- W3Schools HTML Tables: https://www.w3schools.com/html/html_tables.asp
- MDN HTML Table Basics: https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics
CIS AssignmentWeb-based Tables
We can change, if we're inclined.
That's the way that we are designed.
Out here in the middle of our little America.
This assignment is designed for multiple CIS classes and shares a core theme. Each class has its own specific goal, instructions, and deliverables, tailored to the course level. Please carefully review the section labeled for your class to understand your unique requirements.
- Responsibility: You are responsible only for completing the section designated for your class level. Completing other sections is not required.
- Extra Credit Opportunity: If you are interested in working on sections outside of your class level for extra credit, you must request pre-approval before starting additional work.
×
![Expanded view]()
Goal
Demonstrate ability to create HTML tables with basic styling for improved usability
Instructions
Part 1 (10 points)Create the DCPL Table for Open/Close Hours
Follow along with the demonstration video in the Shared Resources to create a version of the hours of operation table for the Deschutes County Public Library.
Part 2 (40 points)Enhance your Hobby Site with Two (2) New Pages and Tables
Your hobby website needs two pages that each feature a large-scale table or grid for displaying content.
- Fit with the design/colors/layout you think are reasonable for your site.
- Your tables should be constructed of at least 4+ columns and 4+ rows. There should be a minimum of sixteen (16) cells.
- All cells should contain some content: picture, text, or both.
- Many cells should contain hyperlinked content where appropriate. Dummy hyperlinks using
href="#"is fine. - Both of your table pages should be somewhat responsive and display well on phones and tablets. It's OK if the tables aren't perfectly displayed in phones, but use % widths so that your tables can resize to some degree.
The images below are from previous students' work on this assignment where they were creating an event calendar for a small eatery website. These are good examples inspired by tables they found on live websites.
Deliverable
Make sure your web pages are published and your table/grid layouts work and display properly for desktop. Create a hyperlink to your library hours page from your index/home. Create hyperlinks to each of your hobby pages (with tables) from your hobby home page. Your hobby home page should alredy be linked from your index/home page.
Submit your URL within Canvas. This will confirm to me that you've finished the assignment and it's ready to check.
Goal
Add interactivity to a homepage mockup.
Instructions
Add scripts for interactions, such as a carousel or menu animations.
Deliverable
JavaScript files with documentation on functionality.
Goal
Refine homepage design with a focus on UX and backend requirements.
Instructions
Enhance the CIS195 mockup with UX adjustments, accessibility features, and behind-the-scenes details (e.g., robots.txt).
Deliverable
Revised HTML, CSS, JavaScript, and additional UX documentation.