Categories
CSS HTML

Positioning Demo: 2024

Please download the starter files. In this exercise, which we will do in class, we will examine how three kinds of positioning work:

Categories
WordPress

WordPress FSE Exercise: The Bomb

First please download the starter content. Then please download the additional graphics files. Finally, please download the screenshots. The starter content is a Duplicator package. Install that and then import the additional graphics files into the media library. Now install and activate the Create Block Theme plugin. Now watch this video on how to use […]

Categories
CSS HTML JavaScript

CSS Transitions, Transforms, Transitions: Class Demo (Whomsoever 2024)

First, please download the starter files and open them as a project in Visual Studio Code. And here is a link to a video demonstrating what we will build. Topics Covered:

Categories
WordPress

WP Configuaration Exercise Complaint Dept 2024 (Full Edit)

Project Setup First, please download the following: Note: this site does not use a static front page. Just the default WordPress blog format. Note: if this is a test, the marks breakdown is listed beside each section title. If this is not a test, the mark for the assignment is, as usual, out of 1. […]

Categories
WordPress

WP Configuration Exercise Doppelgänger 2024 (Full Edit)

In this exercise, you will configure a WordPress classic theme to make a website called Doppelgänger. If this is a test, the marks breakdown is included with each section. If this is just a weekly exercise, the mark is out of 1, as usual. First please download: Project Setup Do not upgrade to the paid […]

Categories
CSS HTML

Advanced Grid Properties Exercise: Density 2024

In this exercise, which we will typically do in class, we will examine some advanced grid properties, including grid-auto-flow and subgrid. Please download the starter files and open them up in Visual Studio Code (or whatever other code editor you use),. The supplied project files include an html file and a partially-completed stylesheet. In the […]

Categories
CSS HTML

Gibson Gallery Website Exercise 2024 Revision

For this exercise, we are going to make a website that looks like this: First, please download the necessary image and text files. Unzip the file and then rename the folder to yourname-gibson-gallery. Inside this folder is an images folder, and a textfiles folder. Inside the text files folder are six text files. Open this folder as a […]

Categories
CSS HTML

GuitarMania 2024 with Color Theming

In this exercise, you will practice your CSS Grid skills, as well as create a harmonious color scheme for your site. First please download the starter files. This will contain the images and the screenshots of the exercise. Once you’re unzipped that package, rename the folder to firstname-lastname-guitarmania2024. And here is a Loom movie describing […]

Categories
WordPress

Guitar Kitty: WordPress FSE Theming Exercise

In this exercise, you are making a WordPress theme for a website about a particular guitar: the Squire Hello Kitty Stratocaster. The website is called Guitar Kitty. First, please download the starter content. Here is a silent video Loom video demonstrating the final site. Already installed in the site are the following plugins: If this […]

Categories
WordPress

Php for Developers 2024

In one fast-paced class, we are going to learn two things: Please download the starter content and install it in your development environment. Please also download this screenshot file. Most of what we do in this class is covered in the following exercise series: For an exercise that goes further, including outputing custom fields and […]