Working with CSS:
Creating a Chess Board
Working with CSS:
Creating a Chess Board
Embedded Files
Creating a Chess Board
Today's Goal
Today's Goal
Use HTML & CSS to create a Chess Board
Completed
Basics of HTML
Starting Project Research
Revisiting Portfolios
Quiz
Basics of CSS; inline, internal, external
Today
Using CSS:
Creating a Chess Board
Upcoming
Block-based Programming
Basics of UX
More Project Work
New Slides for
the New Week
New Slides for
the New Week
Make a copy of these slides:
https://docs.google.com/presentation/d/1ciwYLVux_5xvoeGVrl976oaKgFbCFlDdPDjFDk3CvH8/edit?usp=sharing
In your Google Drive, you should have a shared folder for this class; it should have a folder for the 2nd Quarter in it.
Change the 1st slide to say Q2: Week 3
Typing Practice
Typing Practice
Start with typing:
https://shaunwegs.github.io/2024/focs/typing/index.html
Add your screenshot to your slide for today, and keep your typing log updated.
Starting the Game Board
Starting the Game Board
Let's see how we can use HTML & CSS to create a gameboard for Chess.
board-setup.mp4Adding Pieces
Adding Pieces
Next, again with HTML, we'll add the pieces to our gameboard.
Here is the link to the pieces I'm adding:
https://drive.google.com/file/d/1fzMXlqeFe0Q89HSmHiLVwnk1LcuZYaN2/view?usp=drive_link
chess-p2.mp4Look up variants
Look up variants
I talked a bit about variants; look up a few chess variants on your own. See if you can find some that you think are interesting.
Slide Content
Slide Content
On your slide for today, show me the progress on your game board, and tell me about a chess variant you thought was interesting.
Page updated
Report abuse