Categories
Author: km
First, please download the starter files. In the zip archive you downloaded is an index.html file and several folders of images. The images are full resolution. On a live site, we would definitely need to size them down. I have marked up a lot of the HTML file. You will need to add more HTML, […]
Please download the starter files and set them up as a new project in Atom, or any other editor of your choice. Please also download the screenshots package. In this exercise, you will make a single-page responsive design. You can use the Internet or your notes. If this is a test, you may not talk […]
In this exercise, which we will do in class, we are going to make a responsive single-page resume of the brilliant American filmmaker Jim Jarmusch. First please download the (updated) starter files. Inside the ZIP file you download is an index.html file, a folder with two images of Jim Jarmusch, and a folder of screenshots. […]
First please download the files and graphics you will need for this exercise: Inside the first ZIP archive you downloaded, you will find a duplicator package (an installer.php file and another zip archive with a long name). Install the site in a new testing environment. As part of the Duplicator installation process, make yourself a […]
Make a new html file, a new css file, and a new javascript file: index.html, styles.css, myscript.js. In the html file, connect the stylesheet, and connect the javascript file.] Now, inside the document, add the following Emmet equation and then press TAB: This will produce 10 buttons: In your stylesheet, make ten classes, color1 to […]
This page will explain how to produce the layout from the “Light” Photo Blog Flexbox exercise. In a few small places, it will modify the design in small ways, in order to improve it. Emmet Setup Even though there was an index file provided with the download, let’s practice our Emmet skills in a new […]
Categories
WordPress Lab Exercise 3
NOTE: in this exercise, do not edit any theme template files (ie don’t use Appearance > Theme Editor) or install any plugins other than those used in the assignment. The Duplicator plugin is included in the files you will download below. Any CSS changes you make in your site should go in the Customizer. Task […]
Categories
JavaScript Exercise: Photo Viewer
For this exercise, you will make a full-page photo viewer with the following characteristics: on load, the page will present the first image from the vancouver set. the site header will remain visible at the bottom of the page at all times. four buttons in the nav in the header will give the user a choice […]
Categories
Class Photo Generation Procedure
If I am to have any chance of learning all the names of everyone in all my classes, I need to make photo sheets of the class. To help me do that, please do the following On a Mac, open the program Photo Booth. Use Photo Booth so that the images I receive are all the same […]