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: HTML
Categories
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 […]
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 […]
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 […]
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 […]
Finally, let’s figure out what to do with respect to browsers which don’t support Flex—or support it badly. Test In A Range of Browsers First of all, let’s get a screenshot of the likely suspects. Here’s a link to a range of screenshots generated using the crossbrowsertesting.com service. I’m not sure how long these links stay […]
When the user hovers over an icon font, the color of the icon is supposed to change (preferably to a thematically related color, such as the red color we’ve used for the widget titles or the photo accent border). To do this takes only a few lines of CSS: The key here is that we […]