US$18
per class為「Sweet Spot Ice Cream」網站撰寫導覽欄
年齡 11-14
一次性直播課程
即時視訊會議
單堂課
1-12 名學習者(每班)
55 分鐘
包含什麼
1 現場會議
55 分鐘 上課時間作業
每週 1 小時. 每週1-2次等級
1-2 整堂課我們無法翻譯此文,請刷新頁面並再試一次。
課堂經歷
英語程度 - A2
美國 6 - 8 年級
Beginner 等級
What will be taught? We will began learning how to use HTML and CSS to code our first project- which is code a navigation bar for a fictional ice cream parlor website called Sweet Spot Ice Cream. Throughout the program students will learn the foundational skills of HTML and CSS to code and design their own websites. By the end of the Learn to Code Program, they will be able to structure web pages using HTML and style them effectively with CSS. What topics will you cover? Introduction to HTML – Understanding what HTML is and how it works. HTML Elements – Exploring different tags and their usage in building web pages. Introduction to CSS – Learning how CSS enhances website design and layout. CSS Properties – Applying common CSS properties such as colors, fonts, spacing, and positioning. Hands-on Project – Students will build a simple web page from scratch, applying what they’ve learned. How is your class structured? Each session will follow a structured yet engaging format: Warm-up & Welcome – Brief introduction, expectations, and class objectives. Concept Explanation – Step-by-step breakdown of HTML and CSS concepts. Live Demonstration – I will code alongside students, explaining each step. Hands-on Practice – Students will apply what they’ve learned in real-time. Q&A and Troubleshooting – Addressing issues, debugging, and reinforcing concepts. Project Submission & Feedback – Students will submit their work for review. How will you teach? I will guide students step by step through coding exercises and projects. We will build together using an online text editor, where I will explain how to write, edit, and test code. Students will also learn how to submit their completed projects via a shared link for assessment. In addition, students enrolled in the Learn to Code Websites 6-week Bootcamp program will be given targeted practice lessons designed to reinforce key concepts and deepen their understanding through hands-on application, which needs to be turned in by the due date to receive a grade. Late assignments are not accepted. What is your teaching style? My teaching style is the Demonstrator Style (Coach or Facilitator)—a teacher-centered but highly interactive approach. This means: I will demonstrate coding concepts while students observe. Students will immediately apply what they learn through hands-on practice. I will actively guide, support, and troubleshoot alongside students. How much will learners interact with you? Students will have continuous opportunities to interact with me through: Live Q&A – They can ask questions at any point during the session. Screen Sharing – If a student needs help, they can share their screen so we can troubleshoot together. Collaborative Learning – We will debug and refine code as a group to reinforce problem-solving skills. Multimedia Support – I will use slides, video clips, and live coding demonstrations to enhance learning. Final Thoughts This class is designed to be engaging, practical, and supportive. My goal is to make sure students not only understand the concepts but also gain the confidence to code independently.
學習目標
Learning Goal:
Students will learn to code a functional navigation bar using HTML and CSS. They will be able to:
Identify and use unordered lists (<ul>) to structure navigation menus.
Implement anchor tags (<a href="">) for linking web pages.
其他詳情
父母的引導和規範
All instructional materials will be age-appropriate, ensuring a safe and suitable learning environment for all students. Students will utilize a free online text editor, which requires setting up an account with a valid email address. This process will be guided to ensure students can easily access and use the tool effectively.
先決條件
This class is perfect for beginners with no prior coding experience. Students should be comfortable typing on a computer. We'll use a collaborative, code-along approach, where you'll follow along as I guide you step-by-step.
供應清單
The Student needs a computer with a wi-fi connection, email for Google Classroom and Codepen set up. Resource website links for fonts, colors, code tip sheet and pictures, will be provided. Students will be provided all lessons via Google Classroom.
外部資源
除了 Outschool 教室外,本課程也使用:
認識老師
教師專業知識和證書
Hello Famiy,
My name is Mrs. W. I have been a web developer for 7 years who turned technology educator with experience teaching middle school students how to code websites for 3 years now and counting. I will be teaching "Building Navigation Bars: An Introduction to HTML and CSS," as my first course offered on outschool.
Course Overview: This course is meticulously designed to introduce students to the fundamentals of web development through the practical task of coding navigation bars. By focusing on this essential component of website design, students will gain hands-on experience with:
HTML Elements: Understanding and implementing unordered lists (<ul>) and anchor tags (<a href="">) to structure navigation menus.
CSS Properties: Applying styling techniques to enhance navigation bars' visual appeal and functionality.
Educational Benefits: Engaging in coding activities, such as building navigation bars, increases creativity, collaboration, and open-mindedness among students. It also enhances problem-solving skills and analytical thinking, which are invaluable across various disciplines. By learning to code, students develop a methodical approach to challenges, preparing them for future academic and professional endeavors.
評論
其他家長也喜歡
兒童網頁設計:HTML、CSS 和 WordPress
AI Code Academy
4.7
(1,793)
US$21 每班
下次會議在 11:30 PM Monday
團體課
10 週, 1/週, 1 小時
9-14
夏令營:兒童網頁設計:HTML & CSS & Wordpress
AI Code Academy
4.7
(1,793)
US$22 每班
下次會議在 3 PM Mon 6/16
團體課
2 週, 5/週, 1 小時
10-15
個人化一對一輔導:使用 HTML 和 CSS 建立您的第一個網站
Antonia Burroughs
US$60 每堂課
一對一課程
依需求開班
3-18
編碼 - 面向初學者的網站建立 HTML 和 CSS 簡介 1 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,867)
US$20 每班
下次會議在 2 PM Tue 9/2
團體課
10 週, 1/週, 50 分鐘
9-14
夏令營程式設計工作坊—使用 HTML、CSS 和 Javascript 建立自己的網站
Coding Doctors Learning Lab, Inc.
4.8
(1,254)
US$15 每班
下次會議在 2 PM Mon 5/19
團體課
2 週, 4/週, 55 分鐘
10-14
編碼 - 初學者網站建立 HTML 和 CSS 簡介 2 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,867)
US$20 每班
團體課
10 週, 1/週, 50 分鐘
10-15
掌握 Web 開發:兒童的全年 HTML、CSS 和 Javascript 項目
Faruk Hasan
4.8
(149)
US$12 每班
下次會議在 11 PM Tue 7/1
團體課
1/週, 35 分鐘
11-15
使用 HTML、CSS 和 AI Magic 建立出色的網站(適合初學者)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(5)
US$15 每班
下一堂課明天 11 PM
團體課
8 週, 1/週, 55 分鐘
10-14
HTML Safari—編碼與技術—每週開會一次
Teacher Lee
US$15 每班
下次會議在 6 PM Monday
團體課
1/週, 55 分鐘
9-14
網路程式設計一週訓練營
MissB aka Bhavana R (Coding)
4.9
(38)
US$80 每班
下次會議在 7 PM Mon 7/14
團體課
1 週, 5/週, 1.50 小時
10-15
網站開發 |初學者 - 編碼
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(8)
US$18 每班
下一堂課明天 3 PM
團體課
4 週, 2/週, 1 小時
12-17
“兒童編碼探索:一起建立很棒的網站”
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$9 每班
下次會議在 11 PM Mon 6/2
團體課
4 週, 2/週, 55 分鐘
9-14
1:1 編碼課程:Java、Python、HTML、CSS、JavaScript(可自訂)
MissB aka Bhavana R (Coding)
4.9
(38)
US$70 每堂課
一對一課程
依需求開班
9-18
設計、編碼並啟動您的 HTML5 網站(包含物件、音樂和聲音)! 7-12歲
Raymond Mullikin (Raytoons Comics)
4.9
(503)
US$16 每班
下次會議在 6 PM Sunday
團體課
6 週, 1/週, 50 分鐘
7-12
網頁開發和平面設計 - 5 天 - 夏令營
Fleming Tech Camps
4.9
(26)
US$60 每班
下次會議在 8:15 PM Mon 6/9
團體課
1 週, 5/週, 2.92 小時
10-15
設計、編碼並啟動您的 HTML5 網站(包含物件、音樂和聲音)! 12 歲以上
Raymond Mullikin (Raytoons Comics)
4.9
(503)
US$16 每班
下次會議在 8 PM Mon 5/19
團體課
6 週, 1/週, 50 分鐘
13-18