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 […]
Category: CSS
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 […]
Categories
Making Your Own Grid Measurements
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 […]
The Preliminary Stuff Please go to the following URL: https://kevinmc.ca/web-production/ and look at the page I’ve put up there. If you’re looking at the page in a lab at Langara or Emily Carr, it probably loaded reasonably quickly. Not So For Everybody, Though Inspect the page in Chrome. At the top of the Inspector, click on Network, […]
Categories
Basic Flexbox Form
For this exercise, you will produce a basic layout and wire up a very basic interactivity. You will code all the HTML & CSS. First of all, download the image you need for the exercise. I am not specifying the font, but you must chose one that looks as close as possible to what’s […]