HTML |初學者 | 04 週 |透過 2 隻英雄雞、Buk Buk 和 Nugget 學習 HTML
在這四部分的課程中，學生將學習如何建立 HTML 網頁，學習各種 HTML 標籤，並嘗試設計、javascript 和 CSS #builder
Sidney - KidsSpeakCode
平均評分：
4.8
評論數量：(1,187)
包含什麼
4 預錄課程
4 週
教師的支持1 年訪問權
到內容作業
每週 1 小時. Each module in this course has weekly homework. Students are encouraged to follow the modules and examples, and code their own web page using our repl.it and send in the page for feedback each week.我們無法翻譯此文，請刷新頁面並再試一次。
課堂經歷
Welcome to the amazing story of two hero chickens, Nugget and Buk Buk! In this course, we will cover HTML tags, and look at how to build a web page using some very silly chickens and their stories. In this class we will focus on learning the fundamentals of HTML in four modules, each focusing on a different aspect of web page building while contributing to the overall project. Prior knowledge of HTML or coding is not required, a positive attitude towards hero chickens is recommended. In this course students will create creative webpages based on any theme they like (this does not have to be chicken based), and share it with the teacher for feedback, and are welcome to share the results with each other in the classroom each week. This is a great course to both learn the technical aspects of HTML tags and coding, and at the same time experiment with the artistic side of pictures, colours, background, fonts and placement. Students are encouraged to share the links to the pages they create each week in the classroom for feedback from the instructor and other students. Collaborating on a page together each week (links will be provided to example code) will help students get ideas of what can be added to their web pages.
學習目標
Students will learn HTML tags, understand what HTML is and how it works, and create a web page of their own using colors, pictures, and text that they code and position while having a lot of fun creating something new.
教學大綱
4 課程
超過 4 週課 1:
Getting Started with HTML
In the first lesson, students will dive into the world of HTML, the cornerstone of web design. We'll begin by exploring basic HTML tags and structure, teaching students how to set up a simple web page. The focus will be on understanding the function and syntax of various HTML elements such as headers, paragraphs, links, and images. By the end of this module, students will create their own HTML page featuring a mix of these elements to solidify their learning. 課 2:
Exploring Intermediate HTML
Building on foundational knowledge, this week introduces more complex HTML elements and attributes. Students will learn to enhance the functionality and aesthetics of their web pages through the use of additional tags like <table>, <form>, and advanced formatting options. Emphasis will be placed on the practical application of HTML links and using color effectively. The session will conclude with students updating their web pages to incorporate these new ideas. 課 3:
Styling with CSS
CSS is an essential tool for styling web pages. Students will learn the basics of CSS, including selectors, properties, and values, and how to apply these to HTML structures to alter appearance and layout. Practical exercises will include creating stylesheets from scratch and modifying existing ones to make web pages visually appealing and responsive. Students will apply CSS to their ongoing projects, experimenting with layout techniques and design principles. 課 4:
Interactive Elements with JavaScript and Advanced HTML
The course introduces JavaScript, enabling students to add interactive and dynamic content to web pages. We'll cover basic JavaScript syntax and functions, how to manipulate the DOM, and how to integrate JavaScript with HTML and CSS for real-world applications. Additionally, students will explore advanced HTML features like templates and special effects. 其他詳情
供應清單
Nothing is required to be installed for this course. We will be using the repl.it site to create and share our HTML documents, links, and getting started directions will be provided with the first module.
外部資源
除了 Outschool 教室外，本課程也使用：
已加入 October, 2020
4.8
1187評論
教師專業知識和證書
I love teaching programming using fun and interesting examples because it helps students go farther than learning hard to contextualize concepts. Understanding what we are doing and why means that students will be able to apply algebraic concepts (like x+y) having understood examples like (red bike + blue bike) in a way that has context and meaning. 
