Web Design:
Event Handlers
OnClick, OnLoad, etc...
Web Design:
Event Handlers
OnClick, OnLoad, etc...
Redo & Repeat
Redo & Repeat
Embedded Files
Web Design:
Event Handlers
OnClick, OnLoad, etc...
Today's Goal
Today's Goal
Last class, some of y'all had a bit of trouble with
some of the tasks... so let's walk through them again.
Completed
Basics of HTML
Basics of MakeCode
Today
Core Languages of the Web
Try basic JS & CSS:
Event Handlers
Upcoming
Starting our Semester Project
Part Zero
Slides for the Week
Part Zero
Slides for the Week
New week, new slides.
Make a copy of these slides:
https://docs.google.com/presentation/d/1ciwYLVux_5xvoeGVrl976oaKgFbCFlDdPDjFDk3CvH8/edit?usp=sharing
This should go in your 4th Quarter sub-folder of your Fund. of CS shared folder.
Part One
Part One
Typing Practice
Typing Practice
Today's typing practice:
https://shaunwegs.github.io/2024/focs/typing/d/10-22.html
Add a screenshot showing your typing practice to your slide
Part Two
Part Two
Redo & Repeat
Redo & Repeat
A couple of y'all contacted me about having some difficulty with last class' task.
So I created a few videos to walk through them. I don't have the changing images on mouse over here, my browser was being buggy on uploading new images to CodeHS. I'll make a video for it tomorrow.
The first bit of HTML + JS from last class related to adding an anchor element and adding a mouseOver event to it.
I'll quickly add this onto my 3 WebLangs file. Do the same on yours.
review-p1.mp4The next bit of HTML + JS also uses an anchor element but this time uses a mouseOut event..
I'll quickly add this, do the same on yours.
review-p2.mp4Next, we add an OnLoad event to the body element itself. Do the same on your WebLang web page.
review-p3.mp4Lastly, let's look at and talk about the UnLoad event.
review-p4.mp4On Today's Slide
On Today's Slide
Add a video to your slide for today showing you can get all of these to work (except unLoad) on your 3 Web Langs page. For fun, add the marquee tags.
Page updated
Report abuse