Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 12+
What's included
6 live meetings
5 in-class hoursHomework
Optional: Students can work on their web pages in between class times.Assessment
The learner's progress and comprehension skills are observed through informal assessment, in observation of their webpage designing.Class Experience
Students will design their own HTML5 web page with Clickteam Fusion, a great program for coding your own applications, as well as games. 💻 (See 'Supply List' below for link to download the free Clickteam Fusion app.) A version of this class for younger learners can be found here. **NOTE: This class may meet once a week for 6-weeks OR "camp-style" in which it will meet three straight days for 2 weeks.** In this class, students will learn how to design their own sound effects, backgrounds, borders, fonts, and layout content with images/animations. Student-created webpage(s) will be run on any mobile device or computer or uploaded onto the internet. (For offline usage, HTML5 runs great offline with the Firefox Web Browser.) No background experience is required, but helpful. Materials Needed: ✔️ Computer (Windows Preferred, but Macintosh would also work) ✔️ Clickteam Fusion (Both the Free and Paid Versions of Clickteam can be found on the Clickteam website.) Optional Materials: ✔️ Filezilla (For uploaded HTML5 files onto the internet.) ⚠️ Please make sure Clickteam Fusion is installed prior to class. If you have any difficulties with the installation, feel free to message me. This is a LIVE class and is NOT pre-recorded. This class will be presented via camera from the instructor. He will have one camera at his face and another will be a shared screen where the students can see what he is dong on the computer, so that the student can see the instructor as speaks, and be able to observe step-by-step what the instructor is doing. Students can interact with the instructor, as well ask ask questions during instruction. No writing or independent reading is necessary. Students are expected to communicate with the teacher. Communication, visuals, and hands-on instruction are all the things that I are important in helping the students get a better understanding of the subject.
Learning Goals
1. Students will learn to design their own web-based applications.
2. Students will learn to select and use appropriate tools and technology (computers) in working with HTML5 app coding.
Syllabus
6 Lessons
over 6 WeeksLesson 1:
Introduction
✔️ Introduction, Slideshow, and Video
✔️ Students will first be introduced to Clickteam Fusion by showing where all the properties, settings, and coding sections are.
✔️ Students learn where they can set the build type (exe, apk, etc.) to save their files are in the properties. They will leave their build types set to HTML5 for the class.
✔️ Direct Instruction: Students will follow along with the teacher as he shows them how to put together a basic web-page.
50 mins online live lesson
Lesson 2:
Coding Practice
✔️ Web Design Practice: Students will design their own page, with assistance from the instructor. Students learn the basic part of setting up a page. They will learn how to create a quick background color in Level Properties, formatted text objects, active buttons, etc.
✔️ Web Design Practice: Students will code their own button (which will connect to a different page), with assistance from the instructor.
✔️ Students learn how to create text links to other websites.
50 mins online live lesson
Lesson 3:
More Coding Practice
✔️ Web Design Practice: Students will create some code to make their webpages scrollable.
✔️ Students will create their own mouse cursor and create some code to be able to use that on their webpage.
✔️ Students learn how to add music, sounds, pictures, and special effects to their webpage.
50 mins online live lesson
Lesson 4:
Input Interface for Entering Data
✔️ Direct Instruction: Students will create a page where the user can enter their names. Students will create an edit box and a rich edit box. And buttons. They will also be going into the event editor to create code for what happens when the 2 different types of buttons are clicked.
✔️ Direct Instruction: Students will create a page where the user can enter background color in Level Properties, for their names. Students will create an edit box and a rich edit box. And buttons. They will also be
50 mins online live lesson
Other Details
Supply List
Materials Needed: ✔️ Computer (Windows Preferred, but Macintosh would also work. Doesn't work on Chromebook.) Mac System Requirements: OSX 10.9 (Mavericks) to 10.14 (Mojave) MacOS 10.15 (Catalina) is NOT supported as this is a 32-bit application and Apple have removed support for 32-bit. Clickteam recommends macOS Sierra or above - please try the free version first to ensure it runs on your system. An internet connection is required for installation, updates and to download the software. ✔️ Clickteam Fusion (The Free Version of Clicktream Fusion can be found here: https://www.clickteam.com/clickteam-fusion-2-5-free-edition) Optional Materials: ✔️ Filezilla (For uploaded HTML5 files onto the internet.) ⚠️ Please make sure Clickteam Fusion is installed prior to class. If you have any difficulties with the installation, feel free to message me.
Language of Instruction
English
External Resources
Learners will not need to use any apps or websites beyond the standard Outschool tools.
Teacher expertise and credentials
California Teaching Certificate in Elementary Education
2 Degrees
Bachelor's Degree in Education from University of La Verne
Associate's Degree in Education from Cuesta College
Hi, my name is Raymond Mullikin. 👋
I am a professional cartoonist and credentialed teacher from San Luis Obispo, California.
I teach classes in Cartooning, Comic Book Printing and Publishing, 2D Cartoon Animation, Claymation/Stop Motion, Toy Figure Design, Video Game and App Coding, Creative Writing, etc.
I am also a professional illustrator/writer and Creative Director for Raytoons Comics. The Raytoons website is at Raytoons.Net. I have published cartoons in books, magazines, newspapers, and e-cards. I am an app designer who have designed my own games and software for schools and Appstores. I have also done past work in animation, creating animated film shorts for film festivals around the world.
I graduated from the University of Laverne with a Teaching Credential (2012) and a BA in Liberal Studies (2009). I also have certifications in Early Childhood Education, Technology and 2D Design. I've worked in education for 20+ years (including a few years in Special Ed) and have been doing contract teaching since 2009. I teach art and technology to children and adults of all ages.
How students approach a learning task can strongly influence the quality of their learning outcomes. For me, my approach is often very hands on (kinesthetic) with a lot of visual examples... That's how I've learned things, with a more creative approach. I have a lot of this in my instruction, with a mix of direct and interactive instruction with lots of Experiential Learning hands on!
It is also important to me to get feedback from both children and parents... Some kids have some very clever ideas! And, in teaching, there is always room for expansion of ideas and improving oneself.
I love drawing, comics, writing, creating my own games, and reading. Pretty much everything that I teach I enjoy and do professionally. I also enjoy teaching and thank all the parents and students willing to give me a try! 😃
Reviews
Live Group Course
$16
weekly or $95 for 6 classes1x per week, 6 weeks
50 min
Completed by 3 learners
Live video meetings
Ages: 13-18
3-10 learners per class