web-101:Web 101

  • q1_808451
    了解作者
  • 5.8MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-05 11:44
    上传日期
Web 101课程概述 周概述 :Hy-Tech俱乐部和HTML简介 :基本HTML标签简介 :更多HTML标签 :表格和iframe :HTML复习挑战 :CSS入门 :CSS选择器和HTML div /跨度 :响应式设计与引导 :CSS转换和转换 :回顾,介绍最终项目 第11周:完成最终项目 第12周:最终项目演示 11周虚拟学期 在为期11周的学期中,请跳过第10周的内容,而是让学生开始进行最终项目。 他们可以在第11周展示他们的项目。此外,在虚拟学期中,请使用而不是VS Code。 普通班流 暖身 一个有时间限制的活动,学生可以在上课前单独进行练习 可能是几个不同的问题,容易上手,变得更具挑战性 可能是一个使他们开始考虑会议内容的问题 用来刷新学生的记忆并挑逗新内容 审查 对以前发现的材料进行复习 可以使用Kahoots 可以使用其他游戏,例如《危险游戏》 可以从上周开始进
web-101-master.zip
  • web-101-master
  • Week07
  • AdditionalChallenges.md
    527B
  • StudentDesc.md
    1.5KB
  • MoreHtml.pptx
    163.1KB
  • README.md
    1.4KB
  • PixelsFollowAlong.md
    6.4KB
  • PixelsIndividual.md
    2.3KB
  • MoreSelectors.pptx
    179.9KB
  • Week08
  • MagazineWebsiteFollowAlongWithCode.md
    9.4KB
  • MoreBootstrapChallenge.md
    188B
  • MagazineWebsiteIndividual.md
    3.5KB
  • ResponsiveDesign.pptx
    244.1KB
  • StudentDesc.md
    1.1KB
  • README.md
    1.4KB
  • Week01
  • HtmlIntroChallenge.md
    804B
  • StudentDesc.md
    713B
  • README.md
    3.2KB
  • HelloHtml.pptx
    695KB
  • Week04
  • OscarsChallengeComplete.html
    4.5KB
  • TablesAndIFrames.pptx
    616KB
  • StudentDesc.md
    1KB
  • RecursionChallenge.md
    1KB
  • README.md
    1.6KB
  • PhoneComparisonIndividual.html
    2KB
  • OscarsChallenge.md
    1010B
  • PhoneComparisonIndividual.md
    1.7KB
  • PhoneComparisonFollowAlong.md
    5.6KB
  • COMPLETESUMMARY.md
    2.6KB
  • Week11
  • StudentDesc.md
    283B
  • FinalProject.md
    1.8KB
  • CssCheatsheet.md
    4.1KB
  • ProjectIdeas.md
    3.9KB
  • .travis.yml
    327B
  • Week09
  • CrustaceansFollowAlong.md
    9.9KB
  • AdditionalChallenges.md
    2.9KB
  • StudentDesc.md
    869B
  • Resources.md
    1.8KB
  • README.md
    1.5KB
  • CrustaceansIndividual.md
    2.3KB
  • ReplSetup.md
    1.4KB
  • Week05
  • HtmlCheatsheet.md
    3.1KB
  • StudentDesc.md
    368B
  • DunderMifflinJobPostingsComplete.html
    5.1KB
  • ReverseEngineeringChallenge.md
    1.5KB
  • README.md
    510B
  • CompleteSummaryVirtual.md
    2.6KB
  • book.json
    146B
  • README.md
    2.7KB
  • Week10
  • Presidents.html
    4.6KB
  • SpinningSquareChallengeComplete.html
    1.1KB
  • Kennedy Info.docx
    14KB
  • PresidentsFollowAlong.md
    10.4KB
  • Presidents.css
    506B
  • LBJ.html
    1.3KB
  • StudentDesc.md
    272B
  • README.md
    1.5KB
  • SpinningSquareChallenge.md
    2.3KB
  • AnimationFollowAlong.md
    3.4KB
  • ReviewGame.pptx
    207.5KB
  • WORKINGSUMMARY.md
    2.6KB
  • Week06
  • CssSelectorsAndProperties.pptx
    311KB
  • StyleFromImageChallenge.md
    1.1KB
  • BananasFollowAlong.md
    5.9KB
  • StudentDesc.md
    1KB
  • WarmUp.md
    487B
  • HtmlCssReviewActivity.pptx
    178.2KB
  • README.md
    2.8KB
  • BananasIndividual.md
    3.1KB
  • IntroductionToCss.pptx
    2.5MB
  • Week03
  • PostChallenge.html
    385B
  • PostChallenge.md
    1.3KB
  • PizzaWebsiteIndividual.md
    3.5KB
  • StudentDesc.md
    1KB
  • MovieSearchChallenge.md
    5.2KB
  • MoreHtmlElements.pptx
    647.2KB
  • MovieSearch.html
    937B
  • README.md
    1.4KB
  • PizzaWebsiteFollowAlong.md
    5.5KB
  • BOOKREADME.md
    2.5KB
  • Week02
  • MultipleHtmlFilesChallenge.md
    1.2KB
  • ChooseYourOwnAdventureChallenge.md
    1.2KB
  • AboutMeIndividual.md
    931B
  • StudentDesc.md
    1.1KB
  • BasicHtmlElements.pptx
    164.7KB
  • NameThatElement.pptx
    177.8KB
  • README.md
    1.7KB
  • AboutMeFollowAlong.md
    2.5KB
内容介绍
## Overview: HTML Introduction For the first week of the club, focus mainly on developing classroom culture/icebreakers/preliminary stuff. ## Ice Breakers ### Virtual Icebreaker Complete a virtual activity to allow the students to get to know each other, and encourage them to share their screen/mic/video. One possibility is to have each student go to [Sketchpad](https://sketch.io/sketchpad/) and have them draw something. Then, go around the room and have each student introduce their drawing by sharing their screen. ### Candy Introductions Each student takes two pieces of candy (there should be a variety), but they are NOT allowed to eat it yet. Once every student has their candy, reveal that each type of candy corresponds to a question they will have to answer! These questions can be: - Favorite Movie - Favorite Musical Artist - Favorite School Subject - Favorite Vacation Destination - Favorite TV Show Or anything like that. Go around the room and have each student answer their questions. ### Two Truths and a Lie Go around the room and have each student say three "facts" about themselves. One of the facts must not be true. Have the other students attempt to guess which is the lie. If the current student fools all the other students, they can receive candy. ### Snowball Fight _This icebreaker activity works best with a large space in which to run around_ Each student starts with a piece of paper. They write down a question on the paper, then crumple it up into a ball. After that, students all throw the "snowballs" at each other until an instructor calls time. Then, each student has to answer the question on the snowball closest to them! ### Other Icebreakers https://docs.google.com/document/d/1NuY9Fcipkr4JSiwShOp7SZCj3JR-VGaXVLEG9mPKPGg ## Other class items ### Kahoot Most of the students will probably have seen Kahoot already. However, it's still worth introducing them to it within this classroom context. There is a practice Kahoot that's just trivia (some relevant, some irrelevant): https://play.kahoot.it/#/?quizId=77c21df4-9918-45a7-9542-c7b7f168c1de ### HelloHtml: Introduction to the Web Present the HelloHTML PowerPoint ### Basic Visual Studio Code/Windows demo >Note: Skip this for a virtual club - Getting files to work on - Opening VSCode - Opening their folder in VSCode - Opening a file to edit - Saving a file - Opening a file in the browser (Reveal In Explorer) - Refreshing the browser after file edits to see changes - Make sure to emphasize keyboard shortcuts, many of the students aren’t very familiar with computers and development environments, so it is important that they understand the fundamentals of actually writing code to make things go smoothly. ### Tools Introduce some of the tools we will use throughout the semester, including: - Visual Studio Code - Google Chrome (have the students set the default Browser to Chrome) ### Hello HTML Challenge With any remaining time, have the students complete the [Hello HTML Challenge](HelloHtmlChallenge.md) to make sure they grasp the basic HTML concepts. ## Suggested Schedule | Activity | Time | |-|-| | Icebreakers | 15m | | Kahoot | 10m | | Lecture | 20m | | VS Code Demo | 15m | | Challenge | 15m |
评论
    相关推荐
    • html css module
      html css module html css module html css module html css module html css module html css module html css module
    • HtmlCss
      HtmlCss
    • formulario-csshtml
      Formulario-CSS-HTML Formulário简化了usando html e css
    • html css 必备
      自学html css 必备自学html css 必备自学html css 必备自学html css 必备
    • DHTML CSS HTML手册
      DHTML CSS HTML手册,web编程人员人手一册........
    • HTMLCSS HTML&CSS
      HTML&CSS HTML&CSS
    • CSSHTML手册
      CSSHTML手册查询工具
    • HTML-CSS
      DMM WEBCAMPツンテンツ【HTML / CSSを学ぼう】 DMM WEBCAMPの学习CSSンをンツHTML / CSSを学ぼうの研修论文です。 使い方 html / cssファイルのため,PCのブラウザで実行できます。 DMM WEBCAMP内容[学习HTML / ...
    • HtmlCss
      #HtmlCss HtmlCss HtmlCss
    • csshtml 学习手册
      csshtml 的学习手册 方便易于查询