活動目標】

　　1、進行學(xué)習(xí)數(shù)量的關(guān)系，了解加減法的意思。

　　2、進一步練習(xí)9的加減法。

【活動準備】

　　1、幼兒每人一套1-9的數(shù)字卡、十、一、=、有關(guān)動物的頭飾。

　　2、教師準備磁鐵教具。

配套課件：大班數(shù)學(xué)課件《9的加減法》PPT課件
下載地址：kj.qulaoshi.com/ppt/2511.html

【活動過程】

　　一、引發(fā)幼兒的興趣。

　　1、老師給小朋友帶來一些玩具9個，讓幼兒數(shù)一數(shù)。

　　2、讓幼兒說出9的分合。

　　二、團體活動。

　　1、小朋友老師給你們帶來了什么圖形寶寶。出示三角形(紅色和藍色)讓幼兒說出加法算式。

　　師在問：9個三角形去掉1個還剩多少個?

　　怎樣寫算式?(書：9-1=8)

　　9個三角形寶寶去掉8個，還剩多少個?

　　三、操作活動：

　　1、先出球形，6個綠色的球，3個桔黃的球一共有多少個?怎樣擺出算式：6+3=93+6=99-3=69-6=3

　　2、操作2出示梨子圖形讓幼兒說一說來,源:屈,老,師教案.網(wǎng)然后擺出算式：5+4=94+5=99-5=49-4=5

　　四、游戲動物找家。

　　游戲規(guī)則;帶動物頭飾的小朋友算好得數(shù)，然后找家。其余小朋友說“XX動物你的家在哪里?”小動物回答“我的家在這里”。

寶貝加減混合運算生成工具是一款由網(wǎng)友制作的加減法算數(shù)生成工具，用戶能夠使用這款軟件方便快捷的進行加減法的算術(shù)題的隨機生成。在軟件中用戶能夠自定義進行題目運算規(guī)則的設(shè)置，還能自定義設(shè)置生成題目數(shù)量，自定義設(shè)置算數(shù)數(shù)值范圍。并且軟件無需安裝，解壓之后即可使用。

轉(zhuǎn)載自當(dāng)游網(wǎng)，原文地址：http://www.3h3.com/soft/218456.html

、系統(tǒng)結(jié)構(gòu)：

① B/S架構(gòu)：Browser/Server（瀏覽器/服務(wù)器的交互形式。）

• Browser支持的語言：HTML、CSS、JavaScript；S是服務(wù)器端Server支持的語言有：C、C++、Java等
• B/S架構(gòu)系統(tǒng)有什么優(yōu)點和缺點？ 優(yōu)點：升級方便，只升級服務(wù)器代碼即可，維護成本低。缺點：速度慢、體驗不好、界面不炫酷
• 企業(yè)大部分使用B/S架構(gòu)
• B/S架構(gòu)的系統(tǒng)代表有：京東、百度、天貓等

② C/S架構(gòu)：Client/Server（客戶端/服務(wù)器的交互形式。）

• C/S架構(gòu)的優(yōu)點和缺點？
• 優(yōu)點：速度快、體驗好、界面炫酷（娛樂性多數(shù)是C/S架構(gòu)）
• 缺點：升級麻煩、維護成本較高。
• C/S架構(gòu)的系統(tǒng)代表有：QQ、微信、支付寶等

2、 HTML概述

① 什么是HTML？② 怎么開發(fā)HTML？③ 怎么運行HTML?

• ① HTML：Hyper Text Markup Language（超文本標記語言）

?由大量的標簽組成，每一個標簽都有開始標簽和結(jié)束標簽。

?超文本：圖片、聲音、視頻等

• ② HTML開發(fā)使用普通的文本編輯器就行，創(chuàng)建擴展名是.html或.htm

?編輯器有：HBuilder、vscode等

③ 直接采用瀏覽器打開HTML文件就能運行

④ HTML是誰制定的？

• ④ W3C：世界萬維網(wǎng)聯(lián)盟

?W3C制定了HTML的規(guī)范：每個瀏覽器生產(chǎn)廠家都會遵守規(guī)范。HTML也會按照規(guī)范去寫代碼

?HTML規(guī)范目前最高的版本是：HTML5.0，簡稱H5

?我們現(xiàn)在主要學(xué)的HTML4.0（基本用法）

• 為了方便中國Web前端程序員開發(fā)，提供了大量幫助文檔。為開發(fā)提供方便。

?w3school：先出現(xiàn)的，和W3C無關(guān)

?w3cschool：后出現(xiàn)的，和W3C無關(guān)

?W3C制定了很多規(guī)范：HTML/XML/http協(xié)議/https協(xié)議……

3、 第一個HTML

4、基本標簽

• p：段落標記
• h1~h6：標題字，與word的標題字相同
• br：換行標記（獨目標記）
• hr：橫線（獨目標記）
• color：橫線顏色
• width：橫線寬度（可以px和%）
• pre：預(yù)留格式
• del：刪除字
• ins：插入字（有下劃線）
• b：粗體字
• i：斜體字
• sup：上標
• sub：下標
• font：字體標簽
• color：字體顏色
• size：字體大?。?~7）

頁面效果圖：

5、實體符號：為了避免和標簽沖突，所以需要使用實體符號

• <：<
• >：>
• 空格：
• 注：html中按多個空格鍵，在網(wǎng)頁中只顯示一個空格。

6、HTML表格

• table：表格
• tr：行
• td：列
• th：列（比td加粗居中）
• 合并行：rowspan（一個格占兩個位置）
• 注：row合并的時候，刪除下面的單元格
• 合并列：colspan（一個格占兩個位置）
• 注：col合并的時候，刪除哪個沒有要求

7、thead、tbody、tfoot標簽

• thead、tbody、tfoot不是必須的，便于后期JS編寫。

8、body的背景顏色和背景圖片

• bgcolor：背景色
• background：背景圖片
• 背景圖片在背景色的上面

9、img標簽

• src：圖片的路徑
• 只設(shè)置width，height會等比例縮放
• 只設(shè)置height，不起作用
• title：鼠標懸停時顯示的信息
• alt：設(shè)置圖片加載失敗時顯示的提示信息

10、 超鏈接或熱鏈接

• href：hot references 熱引用；
• 后面一定是一個資源的地址。
• 后面的路徑可以是絕對路徑也可以是相對路徑，可以是網(wǎng)絡(luò)某個資源的路徑。
• target：
• _blank：新窗口
• _self：當(dāng)前窗口（默認）
• _top：頂級窗口
• _parent：父級窗口

超鏈接的作用：

通過超鏈接可以從瀏覽器向服務(wù)器發(fā)送請求。

11、request與response的概念

• request：瀏覽器向服務(wù)器發(fā)送數(shù)據(jù)（請求）
• B --》S
• response：服務(wù)器向瀏覽器發(fā)送數(shù)據(jù)（響應(yīng)）
• S--》B

12、列表

• 有序列表：ol
• type：1、A、a、I、i
• 無序列表：ul
• type：circle（○）、square（□）、disc（●）

13、表單（重點）

• action：寫提交的URL地址
• method：默認get；還有post
• 表單有什么用？
• 答：收集用戶的信息。表單展現(xiàn)之后，用戶填寫表單，點擊提交。 （submit）
• 怎么畫一個表單？
• 答：用form標簽
• 一個網(wǎng)頁可以有多個表單form
• 表單最終是需要提交數(shù)據(jù)給服務(wù)器的，form標簽有一個action屬性，這個屬性用來指定服務(wù)器地址。
• action屬性用來指定數(shù)據(jù)提交給哪個服務(wù)器
• action屬性和超鏈接中的href屬性一樣。都可以向服務(wù)器發(fā)送請求（request）
• http://192.168.111.3:8080/oa/save 這是請求路徑，
• 表單提交數(shù)據(jù)最終提交給192.168.111.3機器上的8080端口對應(yīng)的軟件。
• input中的type取值:
• radio：單選控件
• checkbox：多選控件
• submit：提交控件
• reset：重置控件
• button：普通控件
• text：文本控件
• password：密碼控
• file：文件控件
• 上傳文件專用
• hidden：隱藏域
• 網(wǎng)頁上看不到，但是表單提交的時候數(shù)據(jù)會自動提交給服務(wù)器。
• input中的value屬性用來指定按鈕上顯示的文本信息。
• 超鏈接a與表單form的區(qū)別？
• 答：表達form可以收集信息，而超鏈接a無法收集信息。
• 表單提交里面的按鈕input中屬性必須定義name，不然提交不了。
• 表單是以什么格式提交數(shù)據(jù)給服務(wù)器的？
• 格式：action?name=value&name=value&name=value..
• HTTP協(xié)議規(guī)定的，必須以這種格式提交給服務(wù)器
• java中String split('&');
• 重點強調(diào)：表單項寫了name屬性的，一律會提交給服務(wù)器。不想提交就不要寫name屬性。
• 文本框和密碼框的value不需要程序員指定，用戶輸入什么value就是什么。
• 當(dāng)name沒有寫的時候，該項不會提交給服務(wù)器
• 但是當(dāng)value沒有寫的時候，value的默認值是空字符串"",將空字符串提交給服務(wù)器。java代碼得到的是：String s="";

效果圖：

地址欄提交的信息：

?username=abc&userpassowrd=1234&sex=1&aihao=study&aihao=dream&myText=我沒有value屬性；&position=ln&myFile=&myHidden=

14、表單的說明：

• ① 用戶手動輸入的文本框，都不需要給value賦值
• ② textarea沒有value屬性
• ③ radio、checkbox默認選項需要使用，checked="checked"（簡寫：checked）
• ④ select中的option屬性：? selected="selected" 為默認選中 ?size：顯示條目數(shù)量
• multiple="multiple" 支持多選(select的屬性)
• ⑤ input的屬性
• readonly和disabled：
• 都是只讀不能修改
• 數(shù)據(jù)不會提交
• maxlength：設(shè)置文本框中輸入的字符數(shù)量。

15、HTML中的結(jié)點

• 在HTML文檔中，任何元素（結(jié)點）都有id屬性，id屬性是該節(jié)點的唯一標識。所以在同一個HTML文檔中id值不能重復(fù)。
• 注意：表單提交數(shù)據(jù)的時候，只和name有關(guān)系，和id無關(guān)
• id有什么作用？
• javascript語言：可以對HTML文檔中的任何節(jié)點進行增刪改操作。
• 獲取節(jié)點時，通常通過id來獲取節(jié)點
• HTML文檔是一棵樹，樹上有很多節(jié)點，每一個節(jié)點都有唯一的id（DOM樹）

16、div和span

• div和span有什么用？
• div和span都可以稱為圖層。
• 有什么用？
• 圖層的作用為了保證頁面可以靈活的布局。
• div和span是可以定位的，只要定下div的左上角的x軸和y軸坐標即可。
• div和span的區(qū)別？
• di獨占一行
• span不會獨占一行