Unit 1: Planning Websites
In this unit, we covered three main topics. Those topics were "What is Web Design?", Web Accessibility, and Color Theory. By looking at some of the ugliest websites we could find, we narrowed down what makes a good website. Some criteria we could all agree on were clean margins, minimal language, and logical graphics. Students also learned about hexadecimals and how strings of 6 characters are representative of different colors transmitted by pixel based screens. Everyone worked in teams to lay out a fictitious school website and learned about structuring a many-paged website. Finally, we discussed the limitations encountered by people with various disabilities as they experience websites and considerations web designers should take into account so that site content is accessible to all people.
Unit 2: What is html?
Html is a coding language that was developed with the early internet so that humans could communicate more easily with machines. The language can be written in any number of programs. Internet browsers are programmed to read html. In html we use tags to hold content. Tags use angle brackets to make themselves invisible in html. Most tags are short for longer words. For instance, <p> is the opening tag for paragraph & </p> is the closing tag for paragraph and <h1> stands for heading one.
Unit 3: Accessibile Design
If the main goal of a website is to reach the largest audience possible, than paying attention to accessible design is key. In today's society, many people rely on the internet as their primary source of information (news, research, etc.). Thus, it is important to create websites that are understandable by everyone, regardless of ability. Accessible design keeps in mind the humans on the other end of the computer screen. Things like color palettes that rely more on value contrast than color contrast, font sizes, and coding alt text makes a website more navigable for a larger audience.
Unit 4: How to Video
When adding video to an html page, you need a poster image, closed captions, and the video file in two formats: mp4 and webm. The poster image functions to not force visitor's web browsers to download large video files from the get go. The two video file formats function as failsafes against various internet browser types. Some browsers support one file types, other browsers might require the other file type.
Unit 5: CSS
CSS, or Cascading Style Sheets, is the way we stylize web pages. It uses a different syntax than html. Instead of carets and slashes it uses semicolons, colons and curvy brackets. With CSS you can control layout, color, fonts, and most of the dressing of a website.
Unit 6: Web Graphics
Coming Soon
Unit 7: Java Scripting
Coming Soon