In the exercises on this site, type out the code in the exercises, rather than cutting and pasting it for this site: this will help you memorize the tags and concepts. Build The Main Page Structure Inside the BODY of your document, put in a HEADER element, a MAIN element, and a FOOTER element. Use […]
Category: HTML
First, please download the files you’ll need for this exercise. Once you unpack the downloaded zip file, open the main folder in your code editor. You will see that you have two folders: one for images and one for your CSS files. In this exercise, we are going to use a mobile first methodology to build the […]
Categories
PUBL 1220 Outline (2019)
Publ 1220 Web Design Fundamentals Credits: 6 Room: A247 Contact Info: Kevin McMillan Office A248 (604) 323-5941 Days & Times: Summer Term: May 08 – June 16, 2018 Tuesday 130–520 Tuesday 600–720 (lab) Thursday 1130–320 Thursday 400–520 (lab) Friday 1130–420 (lab) Office Hours Tuesday 1130–130 Or by appointment. SKIP to Class Content This Section A class will cover HTML […]
First please download the starter files and the screenshots. If this is a test, talking to anyone but me will result in a score of “0”. In the download is an HTML file. I have put some of the HTML in. You will need to put in a lot more. Make sure that you read […]
First please download the starter files and screenshots. In this exercise, you will make the front page of an imaginary worldbeat music magazine. If this is a test, you can use the internet and your notes, speaking to anyone other than me or the Instructional Assistant will result in you receiving a mark of zero. […]
Categories
Basic SASS Setup 2019
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. […]
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 […]