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 […]

Categories
HTML

Understanding File Paths

HTML is nothing more than a set of instructions on how to display a page of information. For example, if the browser sees <h1>Celine Dion Appreciation Society</h1>  in a bit of HTML code, it knows that it should display the phrase Celine Dion Appreciation Society styled as a header (typically, bigger & border, unless this default […]

Categories
HTML

HTML Naming Conventions

When the Macintosh came out in 1984, one of its breaks from computing tradition was in its liberal file-naming conventions. While DOS and Windows 3.x files had to follow the so-called eight-dot-three convention (ie myessay.doc), Mac files could have spaces, could include up to 31 characters, and could even neglect to have a file extension. As […]

Categories
HTML

Using Fetch 5 for SFTP

What is FTP? FTP stands for file transfer protocol. That’s one of the conventions used for transfer of files between computers. Common FTP Programs There are literally hundreds of different FTP programs. For Windows, there’s Filezilla, WS_FTP, CuteFTP, and a whole host of others. Google “free Windows FTP program” and you’ll find a ton at the […]

Categories
HTML

Doctypes and Code Validators

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 which flavor of (x)html you are […]