含まれるもの
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内のクラスルームに加えて、以下を使用します。
教師の専門知識と資格
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.
レビュー
自分のペースで学べるコース
$16
週ごとまたは$64 ですべてのコンテンツ4 録画済みレッスン
4 間の講師サポート
開始日を選択してください
コンテンツへの 1 年間のアクセス
76 人がクラスを受けました
開始日を選択してください
年齢: 13-18