検索

weekly
or for all content
クラス

初心者のためのウェブサイト構築!HTMLとCSSのSTEMクラス

31 人が学習を完了しました
年齢 9 歳-14 歳
自分のペースで進められるクラス
この FLEX クラスでは、生徒は一連のミニ プロジェクトを通じて HTML と CSS のコーディングを学習し、独自の複数ページの Web サイト (ペットの里親探しサイト) の作成まで進めていきます。(ライブ ミーティングはありませんが、追加のサポートは利用できます。)
平均評価:
4.8
レビュー数:
(67 レビュー)

5 録画済みレッスン
5 間の講師サポート
開始日を選択してください
コンテンツへの 1 年間のアクセス

今すぐ登録して、いつでも始められます

自分のペースで進んでください
学習者は好きなときに学習を開始し、自分に最適な速度で学習を進めることができます。
いつでも始められます。
自分のペースで学ぼう
1 年間コース教材にアクセスできます。
教師から実践的なサポートを受けられます。

含まれるもの

5 録画レッスン
5 週間
教師のサポート
1年間のアクセス
コンテンツに
宿題:
週あたり 1-2 時間. Every week, each student will have a worksheet and/or mini programming project to complete. The worksheets will serve both as a review of important terms and as a reference that they can look back on if they every forget anything. The aim of the programming projects is to provide students with hands-on practice and an opportunity to apply the skills they've learned. During the final week, each student will build a multi-page website using just HTML and CSS.
テスト
I provide personalized feedback to each homework submission.
この文章は自動翻訳されています

このクラスで学べること

Build a Website for Beginners will take students through all the basics and essentials of HTML and CSS. No previous knowledge is required.

***ABOUT***
This course will be broken up into five lessons that build off of each other. I will focus on teaching students to recognize and understand structures and patterns, rather than just having them memorize lines of code. 
As this is a FLEX course, there won't be any live meetings and students progress at their own pace, but that won't make me any less available! Each session comes with a lesson video and a detailed description of that week's assignment. I give detailed and personalized feedback on each student's submission. Students are free to message me at any time during the week with questions, and I typically respond within 24 hours. 

See the syllabus below for exactly what each lesson covers!

***BEFORE CLASS***
Parents should help students create a code.org account.

***IN CLASS***
"Class" in this case refers to watching the provided videos. Rather than just sitting and watching the video, students should follow along with the coding examples.

***AFTER CLASS***
Homework is very important, but hopefully also fun! 
  Each lesson will come with a worksheet and/or mini programming project to complete. The worksheets will serve both as a review of important terms and as a reference that they can look back on if they every forget anything. The aim of the programming projects is to provide students with hands-on practice and an opportunity to apply the skills they've learned.
  Students technically have an entire period to submit their homework, but it's never a good idea to wait till the last minute to start. I encourage parents to make sure their students complete and submit their homework on time. Homework submitted late is not guaranteed to be reviewed.
  Though submissions are made directly to me, students are free to share their submissions on the classroom page to the other students and share what they like about each others' work.


I'm excited to learn HTML and CSS with you! Feel free to message me with any other questions!

シラバス

5 レッスン
5 週間以上
レッスン 1:
Getting Started with HTML
 What is HTML?
Basic HTML Tags
Simple Self-Closing Tags 
レッスン 2:
Getting Started with CSS
 What is CSS?
General Selectors
CSS Properties 
レッスン 3:
Using HTML & CSS Together
 HTML Attributes
Id and Class Selectors
The Image and Link Tags 
レッスン 4:
Nesting HTML Elements
 Nested HTML Elements
Ordered and Unordered Lists
Tables 

その他の情報

保護者へのお知らせ
Before the start of the class, please help your student create a code.org account.
受講に必要なもの
A computer and excitement to learn!
指導言語
英語
外部リソース
このクラスでは、Outschool内のクラスルームに加えて、以下を使用します。

先生について

参加しました June, 2020
4.8
67レビュー
プロフィール
教師の専門知識と資格
Hi, I'm Maryfrances!
Thank you so much for considering me to be your (or your child's) instructor today!

I have been a tutor/instructor for five years now, and I am excited to share my knowledge and passions with students who are excited to learn.

I have a degree in Computer Science, which I have been studying for nearly a decade now. It is a unique, new, yet quickly-growing field that manages to combine math and science with the creativity of the Arts, and enables our societies to progress at speeds never before seen in all of human history. Knowing just a little bit of how computers work can get you very ahead in life. I'm here to teach Java and Python, two of the most widely used programming languages today, as well as useful skills such as Web Design to equip my students with the skills they need to go on to become brilliant Computer Scientists.

Not only do I speak the language of computers, but I can also communicate quite well with humans: years of studying Japanese and a minor degree in the subject has succeeded in bringing me to conversational fluency. Japanese is classified as one of the hardest languages for English speakers to learn, but I'm here to say that you can go from awkwardly saying "konnichiwa" to being able to read こんにちは and being able to understand the two meanings of 今日は with just a little hard work. 


My teaching philosophy focuses on understanding. Too many times have I seen students simply memorize and regurgitate information they have been taught. I prefer to break difficult concepts into digestible chunks so that my students can learn and retain as much as they possibly can.

I hope to see you in one of my classes!

レビュー



その他の人気クラス
子どものためのウェブデザイン: HTML & CSS & WordPress
AI Code Academy
4.7
(1,788)
クラスごと
次回のセッションは Saturday の3 PM です
グループクラス
10 週間、 1/週、 1 時間
9 歳-14 歳
サマーキャンプ: 子どものためのウェブデザイン: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,788)
クラスごと
次回のセッションは Mon 6/16 の3 PM です
グループクラス
2 週間、 5/週、 1 時間
10 歳-15 歳
個別指導:HTMLとCSSを使った初めてのウェブサイト構築
Antonia Burroughs
セッションごと
1対1レッスン
オンデマンド
3 歳-18 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,852)
クラスごと
次回のセッションは Wed 6/4 の10 PM です
グループクラス
10 週間、 1/週、 50 分
9 歳-14 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,852)
クラスごと
グループクラス
10 週間、 1/週、 50 分
10 歳-15 歳
子どもたちが Web 開発を学ぶ: Github を使った HTML、CSS、Javascript プロジェクト!
Faruk Hasan
4.8
(149)
クラスごと
次回のセッションは Tue 7/1 の11 PM です
グループクラス
1/週、 35 分
11 歳-15 歳
HTML、CSS、Javascript を使用して独自の Web サイトを構築する - サマー キャンプ コーディング ワークショップ
Coding Doctors Learning Lab, Inc.
4.8
(1,253)
クラスごと
次回のセッションは Mon 5/26 の11 PM です
グループクラス
2 週間、 4/週、 55 分
10 歳-14 歳
HTML、CSS、AIマジックを使って素晴らしいウェブサイトを構築する(初心者向け)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(1)
クラスごと
次のセッションは明日の 9 PM です
グループクラス
8 週間、 1/週、 55 分
10 歳-14 歳
ウェブサイト開発 | 初心者向け - コーディング
Codingal - #1 AI & Coding | Backed by Y Combinator
4.7
(6)
クラスごと
次回のセッションは Monday の2 PM です
グループクラス
4 週間、 2/週、 1 時間
12 歳-17 歳
ウェブプログラミング 1 週間キャンプ
MissB aka Bhavana R (Coding)
4.9
(37)
クラスごと
次回のセッションは Mon 7/14 の7 PM です
グループクラス
1 週間、 5/週、 1.50 時間
10 歳-15 歳
「キッズ コーディング クエスト: 一緒に素晴らしい Web サイトを構築」
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
クラスごと
次回のセッションは Mon 6/2 の11 PM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
1:1 コーディング セッション: Java、Python、HTML、CSS、JavaScript (カスタマイズ可能)
MissB aka Bhavana R (Coding)
4.9
(37)
セッションごと
1対1レッスン
オンデマンド
9 歳-18 歳
オブジェクト、音楽、サウンドを使って HTML5 ウェブサイトをデザイン、コーディング、公開しましょう。対象年齢 7~12 歳
Raymond Mullikin (Raytoons Comics)
4.9
(501)
クラスごと
次回のセッションは Sunday の6 PM です
グループクラス
6 週間、 1/週、 50 分
7 歳-12 歳
ウェブ開発とグラフィックデザイン - 5日間 - サマーキャンプ
Fleming Tech Camps
4.9
(26)
クラスごと
次回のセッションは Mon 6/9 の8:15 PM です
グループクラス
1 週間、 5/週、 2.92 時間
10 歳-15 歳
オブジェクト、音楽、サウンドを使って HTML5 ウェブサイトをデザイン、コーディング、公開しましょう。対象年齢 12 歳以上
Raymond Mullikin (Raytoons Comics)
4.9
(501)
クラスごと
次回のセッションは Monday の8 PM です
グループクラス
6 週間、 1/週、 50 分
13 歳-18 歳
Scratchプログラミング: マンツーマンコーディングセッション
BrainBytes
4.9
(241)
セッションごと
1対1レッスン
オンデマンド
6 歳-13 歳
もっとクラスを見る
アプリを入手 
App StoreでダウンロードGoogle Playで入手する
Home
検索
ギフトカードを贈る
通貨、タイムゾーン、言語の設定を開く
言語と地域
ログイン