Note: exercise revised January 2025. In this exercise, you will make the front page of a magazine-style site. First please download the screenshots. Use them to understand the required responsive states of the layout. There will be three main sections to the page: header, main, and footer. All type will be the System UI font […]
Author: km
First, please download the starter files. In this exercise, you will work with grid to produce the following layout: And here is a Loom video describing the layout To make this exercise more interesting, you may not edit the HTML—only the CSS. Note: the HTML is already “wired up” with the Google font Oswald, and […]
In this exercise, you will explore many ways to use advanced CSS selectors. Download Project Files First, please download this zip archive of the files you need for the exercise. Three screenshots are included in the project. When you unzip the archive, please rename the project folder to AdvancedSelectors-YourFirstName-YourLastName About the Exercise You may NOT edit […]
Demonstration Videos, or Pages Exercises
In this exercise, you will be introduced to Full Site Editing in WordPress. Full Site Editing is intended to replace the “Customizer Experience” of classic themes, introducing a more consistent and potentially powerful way for site owners to have full control over the look and feel of their web sites. To begin, first please download […]
In this exercise, you will create a single page site called picture this. The font throughout is the system-ui stack. If this is a test, the breakdown of marks for each section is in brackets. If it is not a test, the whole exercise is out of 1, as usual. Here is a Loom video […]
Categories
Guitar Kitty Exercise 2024
In this exercise, you will create a WordPress website called Guitar Kitty devoted to the Squire Hello Kitty Guitar. There are two versions of this exercise: it is important that you download the correct starter files: Langara WMDD students: please download this version: Emily Carr students: this is the version for you to use. Demonstration […]
Getting MAMP to work on a Langara Lab Mac requires a specific procedure, as outlined below. The Problem There are two issues to confront when trying to use MAMP on a lab mac. First of all, it’s not installed by default. Secondly, the installed MAMP gets “tied” to the user who installed it. It won’t […]
Due Date: Last Day of the Term by Midnight This project will serve as the final project for both WMDD 4835 and 4840. Note: in some years, this has been a team project. This year, the project must be done individually. This will better prepare everyone for the final exam. Content The subject of your […]
First, please download the starter files and open them in Visual Studio Code. In this class demo, we will explore the use of the SRCSET and SIZES attributes of the IMG tag. These allow us to deliver optimally-sized images for different screen resolutions and pixel densities. We will then move on to an examination of […]