See the Pen Basic HTML skeleton by Robert Currie (@rcurrie) on CodePen.
See the Pen CSS Scratchpad by Robert Currie (@rcurrie) on CodePen.
See the Pen by Robert Currie (@rcurrie) on CodePen.
Glitch Lets you build complex web sites in your browser, but not practical for class assignments.
There are many browsers available, all are free.
Several online tools allow you to validate your HTML, pointing out any syntax errors. The W3C's Markup Validator allows your to validate online files, files your upload, or html you paste in place.
The results can be a bit hard to interpret, however.
The Web Developer Toolbar is a useful add-on for Firefox, adding validation and other tools to your Firefox browser. There is also a version of the Web Developer Toolbar for Chrome.
PNG files can be 8 or 24 bit depth. 24 bit PNGs are very high quality, but will usually result in the largest files.
JPEG files use lossy compression to reduce file size, and speed loading. When you save a JPEG file, you can usually chose a range of quality options, with higher quality yielding larger files. At maximum quality, JPEG files are very close in quality to files saved with lossless compression.
At low quality settings, the loss of quality will be obvious.
The GIF file format is limited to 256 colours (8-bit colour) or fewer. 8 Bit PNG files are usually preferred, but the GIF format is unusual in that it can be animated.
Unlike PNG, GIF and JPEG files, SVG files can be vector files. As with other vector formats, vector-based SVG files can be scaled with no loss of quality or increase in file size. This version of the NSCAD logo is only 5KB but can be scaled to any size and will display crisply. You can export Illustrator files as SVG with the "Save as..." function.
A good CSS tutorial for beginners
Lots of CSS examples at W3Schools.
Detailed CSS standards, tutorials and courses at MDN
An online tool for previewing text styles.
Responsive web design is web design that adapts to screen sizes, from phones to desktops.
https://getbootstrap.com is a framework (like a kit of parts) for building responsive web sites easily.
A bit advanced, but a useful framework for building CSS-based grids.
Important The W3C's CSS validator, similar to its HTML validator. Use the "by upload" option to upload a file from your computer for validating.
Way too many CSS resources.
Create a 3-page web site
Compress (make archive on Mac OS) the folder and upload the .zip file to the Brightspace by 6 pm, Mon, Mar 18