CS 347: Lab 3 – First CSS

Welcome to lab. By now you have already watched the lecture videos on your own. Now we will apply the ideas from those videos in a handful of exercises, which you will complete in small groups.

Within your breakout room, designate one of your team to be the screen sharer. Screen sharer, share your screen and claim your group’s task on Crowdsource. Make sure to enter every group member’s JMU eID so that they receive credit. Your group will be assigned a task number.

Team, complete the assigned task below. Screen sharer, be careful not to dominate. All members should contribute ideas.

Screen sharer, when your group is done, submit your group’s solution on Crowdsource. Team, if you finish early, you are free to work on other tasks—but please don’t submit them.

Task 1

Recreate the following page using an internal stylesheet:

Use the following raw text:

Back to C
December 17, 2019
It is the first day of winter break. My mother encouraged me to keep my brain from wasting away and handed me this book on the C programming language that she used in college:
https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSqZNa7W2NRoJpsA-60lQZd3GKPn8pyEck3oo1bJtb0QfHoFgAv
I read the book cover to cover. All one needed back in the day was to install a compiler. Mom had it easy. She'd freak out if I showed her node_modules. Perhaps someday computing will be simple again. But I think there's a law somewhere that says technological complexity will only increase.
Once I finished, I wrote my first C program. Here it is:
#include <stdio.h>

int main(int argc, char **argv) {
  printf("Hello, world!\n");
}
I will never write another. Here's to a lifetime of learning!

Task 2

Use the HTML entities for the chess symbols to reconstruct a chessboard using only HTML and CSS. Make the board plenty big. Put a border around the board.

Task 3

Create a specimen book like the kind that are used by the type industry to market fonts. Choose a random selection of text and present the text repeatedly, with each instance in a different color, style, and typeface. Use Google Fonts or some other font service.

Reference Solutions

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *