サマーキャンプ: 子どものためのウェブデザイン: HTML & CSS & Wordpress
このコースは、Web ページの設計と作成に使用される HTML と CSS の概要を学生に提供するように設計されています。学生は、独自の Web ページを作成する際に、完全かつ幅広いカスタマイズの自由を得ることができます。
AI Code Academy
平均評価:
4.7
レビュー数:(1,764)
Popular
含まれるもの
10 ライブミーティング
10 授業時間プロジェクト
週あたり 2-4 時間. Projects are not mandatory but we strongly encourage students to complete themテスト
含まれるこの文章は自動翻訳されています
このクラスで学べること
This course is designed to provide students with an introduction to Hypertext Markup Language (HTML) and Cascading Stylesheet (CSS) used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! Through project-based lessons, students will become proficient in basic website design and formatting. Our project-based lessons allow students to practice key HTML concepts while expressing their creativity. For the final project, students will create their own website using the skills they have learned and share their results with the class. There will be some reinforcement quizzes for students to complete after lessons, along with review games that will be played in the final class meetings to ensure students remember material and are prepared to take the next steps in their programming adventures. For a week to week program, check out the syllabus.
学習到達目標
This course introduces students to HTML and CSS for web page design, emphasizing creativity through project-based learning.Students will create their own websites, reinforce learning with quizzes, and participate in review games to solidify their skills.
シラバス
10 レッスン
2 週間以上レッスン 1:
Setup and Preparation
Designed to provide students with an introduction to the environment used for this class and provide a more in-depth description of HTML/CSS/JS and how they are used.
Task: Environment Setup
Set up and explore the environment. Use the browser inspector to show HTML of websites. 60 分のオンラインライブレッスン
レッスン 2:
HTML Basics
Introduction to HTML, including background, description of tags, and use of entry-level tags.
Task: Wishlist Page
Students develop a wishlist using HTML lists and images. 60 分のオンラインライブレッスン
レッスン 3:
CSS Basics
Introduction to CSS, including background, examples, and use of basic styling in web pages.
Task: Wishlist Styling
Use classes and ids to style the wishlists students created in the last lesson. 60 分のオンラインライブレッスン
レッスン 4:
Advanced HTML Tags
Students learn how to create more complex webpages through the use of advanced tags.
Task: Creating a Recipe Book
Students create a webpage full of recipes with pictures, internal links, tables, and basic styling. 60 分のオンラインライブレッスン
その他の情報
保護者へのお知らせ
Dear Parents
Welcome to our Web Design with HTML & CSS & WordPress program. This course is designed to provide students with an introduction to HTML and CSS used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! All lessons are project based and each lesson contains one fun project. All students will be asked to finish a final project with their own ideas which will be presented on the last day. There will be some quizzes for students to finish at home.
If you want to learn other STEM Coding and AI programs, please check our class list: https://docs.google.com/document/d/1plycCFbPLN0qFCUKMTp7gBGdJlewQsIWrgQw1ABccuw/edit?usp=sharing
To get started, please set up a https://replit.com/ account, which we will be using both in and out of class for this course.
Important notes:
As per Outschool Policy: For the safety of all students, all cameras must be on during the entire class duration, or at least for the first few minutes of the class session in certain circumstances. Please mute your audio (keep video enabled) during the class session.
For those that have never used Outschool before, please follow this link for some awesome preparation before our first class:
https://support.outschool.com/en/articles/802757-how-to-prepare-for-your-first-class
To join the class, please login to your Outschool account and click the scheduled session to get into the classroom, where you click “Join live meeting” to join the zoom classroom. There is no zoom link needed.
If you have any questions/concerns please feel free to reach out through us on Outschool. We are beyond excited to have this opportunity to go on this amazing coding adventure with you all. Please come prepared and ready to learn for our first class, see you soon!
Best regards,
AI Code Academy
受講に必要なもの
Course Material Needed: Students in this course are asked to have access to the following (all bolded items are needed for the first class): • A computer (MacOS or Windows) with ability to download/install programs o (Note: Chromebooks are not preferred, but we can work with students to set the appropriate environments up for this class) • An accessible email (For use with GitHub Pages for Web Hosting) • A web browser (Chrome, Edge, Safari, Firefox) • A Replit.com Account (this can be set up in class or prior)
外部リソース
学習者は、Outschoolが提供する基本ツール以外のアプリやウェブサイトを使用する必要はありません。
参加しました April, 2020
4.7
1764レビュー
Popular
教師の専門知識と資格
**USE PROMO CODE: CODEAINEWYEAR2025 FOR $25 OFF ANY 10 WEEK COURSE - Valid until Feb 15**
~We offer early registration, sibling discounts, and multi-course bundles. ~
~Check out our complete Outschool offering here: https://shorturl.at/bcBGP ~
~Get to know our coaches here: https://tinyurl.com/5j5crx59 ~
At AI Code Academy, we specialize in project-based STEM coding, AI, and mathematics programs for young learners. We are one of the few organizations that offer AI and machine learning courses tailored for kids. Our comprehensive curriculum spans from basic computer skills and Scratch coding to more advanced Python, Java, web design, game development, and AI machine learning projects.
Our unique focus is on introducing students to AI early, helping them grasp complex concepts like machine learning, data analysis, and smart devices, while also reinforcing mathematics skills, essential for their success in STEM fields.
With a team of passionate instructors—college students and recent graduates with degrees in Engineering and Computer Science—we provide hands-on, real-world projects that prepare students for future careers in AI, coding, robotics, and mathematics.
Get to know our coaches here: https://tinyurl.com/5j5crx59レビュー
ライブグループコース
$219
10 クラス分週に5回、 2 週間
60 分
96 人がクラスを受けました
オンラインライブ授業
年齢: 10-15
クラス人数： 4 人-10 人
