オブジェクト、音楽、サウンドを使って HTML5 ウェブサイトをデザイン、コーディング、公開しましょう。対象年齢 7～12 歳
Clickteam Fusion を使用して、コンピューターまたはモバイル デバイスで実行できる HTML5 Web サイトを作成する方法を学びます。背景、アニメーション、ボタン、動くオブジェクト、サウンド効果、音楽を使用して、楽しい Web サイトを作成します。経験は必要ありません。
Raymond Mullikin (Raytoons Comics)
平均評価:
4.9
レビュー数:(469)
Popular
含まれるもの
6 ライブミーティング
5 授業時間宿題：
Optional: Students can work on their web pages in between class times.テスト
The learner's progress and comprehension skills are observed through informal assessment, in observation of their webpage designing.この文章は自動翻訳されています
このクラスで学べること
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 teens is also available. **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.** 🚨 Please download and test prior to starting the class. The Mac's newer updates have been listing the Clickteam Fusion as an "unidentified developer". If you get this message, it may require a few steps to get it running: https://appleinsider.com/articles/16/04/13/how-to-install-and-run-mac-apps-that-dont-come-from-the-mac-app-store 💡 If Clickteam is installed on the same computer as Zoom, it would be easier for students to show what they are doing, if they need help. They could also be able to show their classmates what they created. 💾 See 'Supply List' below for link to download the free Clickteam Fusion app and Kids Coding Template. 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.
学習到達目標
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.
シラバス
6 レッスン
6 週間以上レッスン 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 分のオンラインライブレッスン
レッスン 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 分のオンラインライブレッスン
レッスン 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 分のオンラインライブレッスン
レッスン 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 分のオンラインライブレッスン
その他の情報
受講に必要なもの
Materials Needed: ✔️ Computer (Windows Preferred, but Macintosh would also work. Doesn't work on Chromebook.) ✔️ 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.
クラス登録時に 1 の学習素材が提供されます
指導言語
英語
外部リソース
学習者は、Outschoolが提供する基本ツール以外のアプリやウェブサイトを使用する必要はありません。
参加しました June, 2020
4.9
469レビュー
Popular
教師の専門知識と資格
カリフォルニア 教員免許 初等教育で
2 学位
学士号 University of La Verneから 教育 へ
準学士号 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! 😃レビュー
ライブグループコース
$16
毎週または$95 6 クラス分週に1回、 6 週間
50 分
37 人がクラスを受けました
オンラインライブ授業
年齢: 7-12
クラス人数： 2 人-7 人
