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 […]
Author: km
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
Introductory Web Design (2020)
Instructor: Kevin McMillan Number of Sessions 8 Day and Time Sundays 930-130 Duration June 21 – Aug 16No class Aug 02 Room Online COURSE DESCRIPTION This course introduces the fundamentals of website design. Content includes technical and aesthetic issues of developing a website, such as writing code effective across multiple browsers and devices, and producing […]
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 […]
Initial Setup Download Duplicator Site For this exercise, please download the starter files and the screenshots collection, if I don’t distribute them in class. These are big files, so the download might be a bit longer than that for most of the files on this site. Most, but not all, of the screenshots for the […]
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. […]
Open _posts-and-pages.scss from the SITE/PRIMARY folder. A big chunk of your home page styling can be taken care of if you explicitly define your grid columns and rows–particularly the rows. If you define the rows, the 1/-1 syntax to make the section-titles take the full column will also work with rows. Here are some starting […]
If we look at the screenshots, we see that we’ve got a few more things we need to do with the header and the footer of the site. First of all, each has a background image, or two. Hopefully, at the start of this exercise, you downloaded the background images and put them the theme […]
Original Task Content Generation Front Page Sectioning (very detailed) Content Template Part (Meta Data & Gravatar) Type Styling (more work needed) Layout : turn into a task. It isn’t done. One line in a file started. Add bg images.