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, […]
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 […]
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 […]
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
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 […]
While using a framework like a downloaded grid system or a more full-featured framework like Bootstrap can make prototyping designs very efficient, they all come with overhead. For example, if you just need to line up some boxes, using a framework can add many hundreds of lines of CSS that you don’t even use. For […]
You have forty-five minutes for this test. You can use the Internet or your notes if you’re not sure how to do something. You may not talk, text, or email anyone. If you are seen to be looking at your classmates’ work, you will receive a zero for the test. Please download and unpack this zip file. This […]
This exercise is meant to help you familiarize yourself with the Chrome Developer Tools by examining and modifying the code that makes up any webpage. The Developer Tools allow us to do things like the following: see what html goes into any element in the page examine the nesting of html elements see what css […]
This exercise will demonstrate ways to utilize advanced CSS selectors. Some reasons why learning advanced selectors will benefit you. About the Exercise First, please download this zip archive of the files you need for the exercise. This includes screenshots showing most of what you need to do. The screenshots were taken on a retina Mac, so they’re […]
You can use practically any text editor to build WordPress themes, and you can run SASS directly from the command line, but Integrated Development Environments (IDEs) like Netbeans come with a lot of advanced functionality, such as sophisticated code-hinting, that will quickly become evident as you start to use them. Installing The Software These installation instructions here […]