Categories
CSS HTML JavaScript

HTML5 Video Custom Controller

In this exercise, we’ll go over how to add a custom controller to an HTML5 video element, while making sure we don’t disadvantage users without JavaScript. First, please download these files. Unzip the package and open the folder up in your code editor. You will see that I’ve given you an index file, and css, […]

Categories
Tools & Generators

Color Palette Generators & Utilities

A brief, but insightful, intro to color theory.  Another discussion.  Coolors.co An excellent and very intuitive app for generating color schemes, which you can save, download, share, or export in a number of formats including URL, PNG, or SCSS. Click the spacebar, generate a new theme. Lock colors you want to keep, click the spacebar, […]

Categories
CSS HTML JavaScript

HTML Video Embedding

Two common ways to put video into a webpage are using a hosted service like YouTube or using the HTML5 video element. There are advantages to each method, which we’ll discuss in each section. Using YouTube or Vimeo Using YouTube, Vimeo or other services is easy, as they will supply the code to embed in […]

Categories
WordPress

WordPress Lab Exercise: Obsessive Compulsive Guitar

Download the Files First, please download these files. When you unzip the files, you will see inside the folder, a file called guitarmania.wordpress.2013-07-11.xml  and a folder of images. Make a new WordPress site in a testing environment like MAMP. For the folder name, use obsessive-compulsive-guitarist.  Use your own name as the admin user and password. For […]

Categories
CSS HTML

HTML + CSS Basics Lab Exercise 1

In this lab exercise, make a three-page website about you. Each page must have at least two headings and three paragraphs. One page must have a YOUTUBE video. One page must have a Google Map. At the top of each page must be a MENU. SFTP the site to the following URL: https://mylinux.langara.bc.ca/~YOUR_ID/aboutme This is […]

Categories
HTML

HTML Basics Quiz & Practice 1

List 10 HTML tags List four HTML attributes In HTML, why must we go through heading levels in order? Make a site that has the following files and folders. You can download the required image from the bottom of this page: an index.html page on the top level a folder named guitars on the top level […]

Categories
CSS HTML

WMDD4815 2016 Magazine Examples

Magazine Examples Shakti Front Page Story Contact Sources 404 Fernanda Front Page Story Contact Sources 404 Andre Front Page Story Contact Sources 404 Amanda Front Page Story Contact Sources 404 Denise Front Page Story Contact Sources 404 William Front Page Story Contact Sources 404 Ian Front Page Story

Categories
Langara Outlines

WMDD 4815 Outline (2017)

NOTE: this outline is for a previous running of the class. To go to the current outline, use the menu at the top of the page. WMADD 4815 HTML / CSS 1 Credits: 3 Room: B014 Contact Info: Kevin McMillan Office A247b 604.323.5941 Days & Times: Spring 2017 Wednesdays Jan 04–April 05 Section 1 Lecture: 8:30–11:30 Lab: 11:30–1:30Section […]

Categories
Langara Outlines

WMADD 4840 Outline (2017)

NOTE: this outline is for a previous running of the class. To go to the current outline, use the menu at the top of the page. Your final assignment is due within one week of the last class, by midnight. The final exam will take place in the last class session—not in the exam period […]

Categories
CSS HTML

Magazine Assignment Checklist

Please review this checklist before the Magazine assignment due date. Validation & Semantics did you validate your html? did you validate your css? do your images have correct alt information? are you setting up a hierarchy of meaning with appropriate heading levels? are your sectioning tags (div, article, nav, footer, header) correctly used? Graphics have […]