CS 318 Lab 21 – Iframes and Transitions
Dear students, Today we explore transitions to add a little life to our webpages. We will focus on the mechanics of the CSS transitions. I leave it up to your good judgement to not go overboard or favor vanity over content. We’ll do a little example of making some list elements pop out when hovered […]
CS 318 Lab 20 – Web Jam
Dear students, Let’s shake things up a bit today. When game developers get together to build a game in a very short amount of time, they call that a game jam. We will have a web jam. I want to devote all of today’s lab time to that, so I won’t be doing any talking. […]
CS 318 Lab 19 – Reform
Dear students, Today we continue to explore forms. Many of you in this class will be professional communicators. Forms are kind of a big deal to you. Books don’t have them. Nor do radio and television. But our websites do. What power! Forms are a doorway; they make the web a two-way street. Your words […]
CS 318 Lab 18 – Forms
Dear students, Thus far we have focused on one half of the communication process: the “speaking” of our ideas to our sites’ visitors. Generally this is not enough. We would like to hear back from our visitors. We want them to join a mailing list, make an order, contribute an idea, vote, and who knows […]
CS 318 Project – Prototype 1 – due on April 24
Your next milestone in the project is to create a digital prototype for your site. You will present this prototype to randomly assigned classmates for an initial evaluation. Task 1: Create a Prototype Create a first draft of your site in a folder named prototype1 in your GitHub project. Name this directory exactly; no spaces, […]
CS 318 Lab 17 Cont’d – Dropdowns and Tabviews
Dear students, Last time we started implementing dropdown menus. We decided to continue that effort today, though I do want to add one extra and related exercised: a tabbed viewer. Here’s your TODO list: Read chapter 10 in your book. Complete the Codecademy exercise on forms. It is woefully incomplete and it uses single quotes […]
CS 318 Lab 17 – Pseudoselectors and Dropdowns
Dear students, Today’s lab is designed around something I saw in a lot of your mockups: dropdown navigation menus. There aren’t a lot of new ideas here, but application of old ones. So, I won’t talk much. However, I did incorporate a few of the pseudoclass selectors that you met in CSS Diner. Let’s revisit […]
CS 318 Lab 16 – Midterm
Dear students, Today we have a midterm. Here’s your TODO list for next time: Complete CSS Diner, a game for learning CSS selectors. Read chapter 9 in your book. On a quarter sheet, share 2-3 questions or observations from your playing and reading. See you next time! Sincerely, Midterm You will reverse engineer and recreate […]
CS 318 Lab 15 – Tables
Dear students, Today we explore the HTML table element. At its core, a table is just a grid of rows and columns. It supports headers, borders, and cells that extend across multiple columns and multiple rows. Before div and CSS positioning came along, tables were the primary vehicle for structuring a page. It was awful. […]
CS 318 Lab 14 – Web Jam
Dear students, Let’s shake things up a bit today. When game developers get together to build a game in a very short amount of time, they call that a game jam. We will have a web jam. I want to devote all of today’s lab time to that, so I won’t be doing any talking. […]