Categories
HTML

Image Sources

Here is a list of potential sources for Creative Commons, Public Domain, etc licenses. Remember to read each site’s (and sometimes each image’s) licensing terms in order to determine whether you are legally allowed to use such images in your work. Don’t get sued. Unsplash: very high quality images. Copyright free: No restrictions on usage. […]

Categories
HTML

Sublime Formating Exercise

This exercise is meant for you to examine ways to use Sublime Text, ATOM, or Visual Studio Code as efficiently as possible. Download this file. If the zip archive doesn’t unpack automatically, double click it to get it do so. The result will be a single HTML file. Open that in ATOM or Sublime Text. In […]

Categories
HTML

Chrome Developer Tools Exercise

In this exercise, you will learn how to use the Chrome Developer Tools to examine the html & css of a web page. In Chrome, go to https://guardian.co.uk. Control-click (right-click on Windows) on any element in the page to open the Inspector. As of September 20, 2015, there is a message at the top of […]

Categories
HTML

Reasons to Improve Your Accessibility

Reasons to Focus on Web Accessibility Your Customers Audience: If more people can access your content or product, more people might buy it. Making your site more accessible to people with disabilities can also help other people: People on Mobile People with Slow Connections Numerous studies have shown that increases in accessibility lead to increases […]

Categories
CSS HTML

PUBL 1220 Responsive Web Design Task Day

Task 1 Guitarmania RWD Pt 2 When done task 1, show it to me. You can do this task in your original groups. Task 2 Download Gibson vs Fender Exercise 2, consult the screenshots, and build the page. The index page is more or less already marked up for you. Do this task on your […]

Categories
HTML

HTML Paths Exercise

If you need a review of how paths work before doing this exercise (or if we haven’t covered them in class yet), you can find one here. To begin, please download the files you will need for this exercise. When the zip file downloads, unpack the archive (double click on Mac, right-click on Windows). This will leave […]

Categories
HTML

SFTP & URLs Lab Exercise

SFTP & URLs Review   Task No 1: Please make an HTML page with a single picture of something in it. Make sure that your page is accessible at https://mylinux.langara.bc.ca/~YOUR_ID/picture Task No 2: Make another file, with a single sentence in it. Make sure that it is accessible at https://mylinux.langara.bc.ca/~YOUR_ID/frunobulax/sentence.html Task No 3: Download this zip file. Open it […]

Categories
HTML

FTP with Filezilla

Preamble Elsewhere on this site, I show you how to use Fetch for FTP. This page will show how to use Filezilla to do the same thing. Unlike Fetch, Filezilla is available on Windows (as well as Mac). It’s also free to download and use. You can get it here. The screenshots below are from […]

Categories
CSS HTML

CSS Layout Exercise: Gibson Gallery

The Task Download the files you need for this exercise. Double-click the zip archive if it doesn’t decompress automatically. You will be left with a folder called GibsonHTMLExercise.  Inside that folder is an index.html file, a folder of images, and a folder of additional pages (called, naturally enough, pages). Open the file screenshot.png. Your task is to make a web […]

Categories
HTML

DocTypes & Code Validation

How to Validate Your Code To check the validity of your code, you can submit it to https://validator.w3.org/, either by typing in a URL, uploading the file, or even cutting & pasting your document into a form field. However, before you do that you must first add a Document Type Definition, so the software knows […]