Font size
A-
A
A+
Site color
R
A
A
A
Skip to main content
If you continue browsing this website, you agree to our policies:
Data Privacy Consent Form
Continue
x
Side panel
Home
Course search
More
You are currently using guest access
Log in
PSHS-MC KHub
Home
Course search
Expand all
Collapse all
Box Model and Media Presentation
G9 Courses
SY25.CS3
CSS (From 1st Qtr)
Box Model and Media Presentation
Open course index
Completion requirements
Mark as done
Click on
Box Model and Media Presentation
to open the resource.
Previous activity
CSS Box Model
Jump to...
Jump to...
Announcements
2nd Qtr Outline, Requirements and Grading System
CS3 Classroom Policy
Class Directory
HTML Basics
Layout Tags (header, footer, nav, aside)
HTML Basic: Creating Content
1st Graded Exercise on Creating your First Website
HTML Tables (Additional elements)
Multimedia tags (video, audio)
Presentation on HTML Basics
Presentation on Creating Contents
Introduction to CSS
Types of CSS
CSS Properties
1st Non-Graded Exercise
CSS Box Model
Cool website on the css boxmodel linkstyles layouts animations and sprites
Quiz on CSS Basics - Practice (Bonus)
Text Links
Events in CSS
Basics of CSS Float
CSS Float (Floating Multiple Elements)
Q2 2nd Graded Exercise
Wireframing - (Reading Material)
Best Practices for Web Design and Layout (Reading Material)
Q2 Project Proposal
Q2 Long Test
Declaring Arrays
Using Arrays (integer, index, associative array)
Sort and Search
Quiz 4th Graded P3 on Arrays
Presentation on Arrays and Objects
Links to additional practice exercises on Arrays and Object
Q2 Website Project
Introduction to Server-Side Web Development
Git, Github and VSCode
Q1 1st Graded Exercise - Making Your Portfolio - will be started in class
XCredit on the the use markdown file and on SONA
JavaScript Overview and Syntax
Variable Declaration
Q1 Quiz #1 on JS Overview and Syntax
JavaScript Operations
Q1 Quiz # 2 on JS Operations
Q1 1st Non-Graded Exercise: Variable Declaration
Video Lectures on Introduction to JavaScript
JavaScript Basic Statements
Commonly Used JavaScript Number Objects
Q1 2nd Graded Exercise (Tip) on I/O Statements and Number Objects
Q1 3rd Graded Exercise (Guessing Game) on JS IO Statements:
Video Lectures: Input and Output functions
Control Statements
Loop Control Structures (while, do..while, for..in)
Loop Control Structures (break, continue, Nested Loop)
Video Lectures on Loop Control Structures
Declaring Functions
Processing Function Output
Event Handlers
Video Lectures: Custom and Pre-defined Functions
Q1 Long Test 1 - Part 1
Q1 Long Test 2 - Part 1
Q1 End of Lessons Reflections
Online Collbarative HTML CSS and JS Editor - StackBlitz
Moodle App from Google Play
Moodle App for Desktop
Clip path maker
CSS Diner
Next activity
Cool website on the css boxmodel linkstyles layouts animations and sprites
Moodle Appliance
- Powered by
TurnKey Linux