In this exercise, we will investigate the following things: Please download the starter files we will use for the exercise. A video of the project is available here.
Category: HTML
Categories
HTML/CSS/JS Exercise: Photon Software
For this exercise, there is nothing to download, except for the screenshots. In the exercise, you will make a single page for an imaginary software company called Photon Software. The page will display details of five apps built by the company. Each app’s details will occupy one panel in the page. Please look at the […]
The WMDD 4840 final assignment requires you to deploy WordPress to a live server and get a domain name. In the materials below, there are three different ways to do this. Deploying to Amazon Lightsail Deploying via the control panel of a typical host company such as Namecheap.com Deploying to the WMDD Server with the […]
This assignment is only for students taking WMDD 4835 without taking WMDD 4840. It is due by midnight on the last day of classes in the term. Online Film Festival For this exercise, you will make a website mockup for an imaginary College Film Festival that will take place over five days June 13 – […]
In the summer semester, we will work with the Film Arts department to create websites for their Unlock The Vault graduating film festival. In the Spring semester, that option is not possible, so this will instead serve as an alternative. The main learning outcome of this course is that you learn how to use, set […]
For this exercise, please download the starter files. This will include an html file and a folder of images. And please download the screenshots. Finally, here is a Loom video describing the task. There is already lots of HTML in the page. Feel free to add to, or subtract, from that HTML. Font Awesome is […]
For this exercise, please download the starter files. The starter files include an html file and a folder of images. Here are the screenshots. And here is a Loom video describing the task. There is already lots of HTML in the page. Feel free to add to, or subtract, from that HTML. Font Awesome is […]
Please download the starter files from here. A useful but occasionally confusing css property is object-fit (and its related property object-position. It allows to “crop” images with CSS, which can be very useful in responsive design. I have created a series of Loom videos to explain how to use it. As always, please watch them […]
Categories
Emmet Basics Practice 2021
For each of the following conditions, make an emmet equation to produce the described markup. (If you haven’t done tables yet in class, here’s the basics.) 5. Make a list menu with with 12 links of single-word lorem ipsum, but “prewired” with spans and classes for Font Awesome and with the visually-hidden class. 6. Using instructions […]
I have created a Loom video series about web graphics. To go through the videos and practice the techniques shown in them, please download the starter files. Topics covered include: jpeg file size reducing jpeg file size via dimension & quality batch processing in photoshop, bridge, and xnconvert svg: the web’s vector file format png8, […]