學美術第9課《漂亮的花邊》教學設計

【教學目標】 https://www.shimengyuan.com/nianji/716.html

1、了解花邊裝飾性及在生活中的應用。

2、掌握制作花邊的基本方法，能用剪紙的方式設計制作花邊。

3、觀察生活留心身邊的美。

【教學重點】 認識花邊圖案的特點，用剪紙的方式設計制作花邊。

【教學難點】 設計制作出與眾不同的花邊。

【教學準備】 教師：課件，花邊作品，彩色長紙條數根，剪刀、膠水等。 學生：剪刀、固體膠、彩色長紙條數根等.

【教學過程】

1.你知道什么是花邊嗎？你在哪見過？

一、設問導入新課

2.出示剪紙花邊

3.揭示課題 https://www.renjiaoshe.com/jiaocai/381.html

這節課，我們就用剪紙的方法制作漂亮的花邊

二、觀察感悟，技法探究

1、尋找生活中的花邊，感受花邊的裝飾作用

（1）圖片欣賞生活中的花邊

①你們知道嗎？在很早以前，我們的祖先就會用花邊來裝點生活。

②找一找我們身邊的東西還有哪些有漂亮的花邊？

③花邊在我們日常生活中的應用非常廣泛，為什么人們這么喜歡花邊啊？

（花邊具有裝飾美化的作用）

師小結：花邊真正是無處不在，正因為有了花邊的裝飾，使很多東西都變得漂亮、精致。花邊給我們帶來了許多情趣，它使我們的生活豐富多彩.

2、探究花邊特點及組成規律

（1）剪紙花邊作品欣賞

它們有什么共同特點？它們的排列有什么特點？

小結：一個圖形向左右兩邊重復延伸，就形成了花邊。也可以是向上下兩邊重復。

（2）花邊的基本形 植物、動物、卡通等

（3）花邊的制作方法（視頻）

①折：將一根彩色長紙條反復多次對折，

②畫：畫出基本紋樣，注意折線上要留出連接點。

③剪：剪去多余部分，注意靈活轉動彩紙，安全操作剪刀.

三、實踐體驗

設計創作漂亮的花邊，并以小組為單位裝飾在瓶子上。

四、作業展評

展示各小組作品，請小作者講解創作思路，遇到什么困難，是怎樣解決的。同學評議作品，提出改進意見。

五、拓展小結

1、把剪好的花邊裝飾在瓶瓶罐罐上，進行美化。

2、可以利用剪下的廢料進行加工做成鏤空的花邊。

品經理應該了解一些技術知識，才能更好地完成產品的方案設計和技術評估，提高需求實現的質量和效率。與后端產品經理的工作關系最為密切的技術知識，主要包括網頁相關知識、數據庫相關知識、系統間數據對接知識等。

1.網頁的前端、后端技術

網頁前端“三劍客”典型的網頁一般是由HTML、CSS、JavaScript三種語言共同完成的，這三種語言常被稱為網頁前端“三劍客”。HTML 相當于一個文檔，它通過標簽把信息進行編排和呈現；CSS 可以對這些文檔進行修飾、美化，提升視覺效果；JavaScript 實現了網頁和用戶的互動。如果把頁面比作一扇門，那么HTML是門板，CSS是色澤或花紋，JavaScript就是門的把手。

（1）HTML——網頁的主體HTML 是超文本標記語言。之所以被稱為“超文本”，是因為它不僅僅適用于純文字，還可以對圖片、音樂等超出文本的內容進行標記。HTML并不是一種編程語言，而是一種標記語言，是一種協議和規范。HTML代碼相當于一個帶有規范的文檔，文檔中包含的是呈現給用戶的信息，包括文字、圖片、鏈接、聲音等。HTML提供了一些標簽，用標簽標記的方法把想要傳遞給用戶的信息進行有序的排列，并通過瀏覽器的解析而呈現給用戶。HTML文件的格式如下。

我們可以看到，在HTML中有很多用“<；>；”符號括起來的標識，這就是標簽。標簽就是標識信息展示方式的規范。標簽有開始和結束兩部分，兩者成對出現，用斜杠“/”表示結束，比如 “<；/head>；”。注意，少量HTML元素沒有結束標簽。

如上例所示，用頂層標簽<；html>；和<；/html>；表示這是一個頁面，頁面的內容就放在<；html>；和<；/html>；之間。在“頭”部標簽<；head>；和<；/head>；之間存放頁面的標題，標題可以有多個，所以標題標簽可以有多組。在“主體”標簽<；body>；和<；/body>；之間存放網頁的主體內容（如我們看到的正文的文字、圖片等）。由于在網頁的主體中有不同類型的內容，因此<；body>；和<；/body>；之間往往夾雜很多不同的標簽。段落是通過<；p>；標簽進行定義的，示例如下。

鏈接是通過<；a>；標簽進行定義的，結構就是<；ahref="url">；Link text<；/a>；，其中href表示單擊鏈接后跳轉的地址，示例如下。

（2）CSS——進行樣式的修飾CSS的全稱是“層疊CSS文件”，用于定義如何顯示HTML元素或XML元素，比如指定文字的顏色、大小、字體，以及按鈕或輸入框的樣式等，然后將其插入到HTML 網頁的<；style>；標簽中，這樣展示出來的就是 CSS 設置的風格了。其主要作用就是對頁面進行修飾，實現更好的視覺效果，讓用戶接收信息更加舒服自然。CSS屬于瀏覽器解釋型語言，可以直接由瀏覽器執行。CSS的代碼結構舉例如下。

（3）JavaScript——實現操作行為JavaScript（簡寫為 JS）是用來控制網頁的行為效果的，即內容應該如何對事件做出反應。例如它可以設置鼠標懸停效果、在客戶端驗證表單、顯示警告框、設置Cookie等。使用JavaScript代碼可以為網頁添加各式各樣的動態功能，為用戶提供更流暢美觀的瀏覽效果。網頁中所有對數據進行判斷、處理的操作，以及向瀏覽者反饋信息的本地代碼實現部分，均可以由 JavaScript（當然也有可能是其他的語言）實現。使用JavaScript 可以使網頁更具交互性，給用戶提供更令人興奮的體驗，同時減輕了服務器負擔。通常，JavaScript 腳本也是通過嵌入 HTML 中來實現自身功能的，其通常位于<；script>；與<；/script>；標簽之間，示例如下。

2.網頁后端技術

HTML、CSS、JavaScript 三劍客完成了網頁的視覺和交互層面的工作，那么誰來完成數據的邏輯處理和規則運算工作呢？這時候就需要后端開發語言，比如PHP、Java等。

PHP是一種通用解釋型開源腳本語言，具有開發周期短、跨平臺、安全、使用廣泛等特點。PHP語言將程序嵌入到HTML文檔中去執行，執行效率高。使用PHP語言能夠更快地完成網頁前端頻繁而瑣碎的更新，自如地應對各種業務需求的變化。因此，頁面的結構調整、用戶輸入內容的基本驗證、規則邏輯等，都適合使用PHP開發。

Java也是常用的后端語言，它可以有效地提高復用度、提升性能和吞吐能力、規避安全問題。Java語言的運行效率高，不容易犯錯，適合大中項目。但Java語言也有缺點，比如其開發復雜、維護成本高等。在國內的大公司里，偏業務的程序員一般都會使用Java語言。當然還有其他語言可用于處理底層邏輯運算，比如ASP.NET、C++等語言。一個完整的網站通常由前端代碼實現界面效果，由后端代碼完成邏輯運算和數據處理。這種前后端分離的模式，確保網頁性能穩定、快速且安全。

3.瀏覽器

3.1.瀏覽器的概念

網頁是通過在瀏覽器上加載來呈現的。瀏覽器的主要功能是將用戶選擇的 Web資源呈現出來，其通過向Web服務器請求資源，并對資源進行解析，將資源中的內容顯示在瀏覽器窗口中。瀏覽器的種類比較多，對規范的遵循方式并不一致，這也是Web頁面兼容性問題的根源。瀏覽器的用戶界面都差不多，常見的用戶界面元素包括：地址欄、前進和后退按鈕、書簽選項、刷新和暫停按鈕、主頁按鈕等。

2.瀏覽器的主要組件瀏覽器相當于一個應用程序，其展示的內容是由其訪問的服務器提供的。瀏覽器支撐瀏覽功能的組件包括但不限于如下。

（1）用戶界面：即用戶看到的界面，主要包括地址欄、前進和后退按鈕、書簽等，也就是瀏覽器上除了用來顯示所請求頁面的主窗口之外的其他部分。

（2）渲染引擎：用來解析并渲染所請求的內容，即在瀏覽器窗口中顯示所請求的內容，比如使用PDF查看器插件就能顯示PDF文檔。渲染引擎是每一個瀏覽器的核心部分，所以渲染引擎也稱為瀏覽器內核。

（3）瀏覽器引擎：用來查詢及操作渲染引擎的接口，這也是一個核心功能，相當于瀏覽器的動力裝置。

（4）JavaScript解釋器：用來解釋并執行JavaScript代碼的工具。

（5）數據存儲：瀏覽器需要在硬盤中保存類似Cookie、緩存的各種數據，其是一種客戶端存儲技術。

（6）其他組件。

4. 相關的協議和概念

1.TCP/IP、HTTP協議瀏覽器能夠獲取并展示頁面內容，是通過一些網絡協議實現的。網絡協議也就是網絡標準規范，主要有TCP/IP協議、HTTP協議等。

（1）TCP/IP協議TCP/IP 協議，指傳輸控制協議/網際協議（TransmissionControl Protocol/Internet Protocol），是用于因特網（Internet）的通信協議，定義了電子設備（比如計算機）如何連入因特網，以及數據如何在它們之間傳輸的標準。瀏覽器展示網頁內容，需要從服務器獲取網頁數據，這時候就需要從瀏覽器（相當于客戶端）發起HTTP請求到服務端，而該請求是基于TCP/IP協議才能生效的。

（2）HTTP協議HTTP協議，即超文本傳輸協議（HyperText TransferProtocol），是互聯網上應用最為廣泛的一種網絡協議。瀏覽器獲得了服務器的數據信息之后，該數據信息可能是散亂無序的，如何規范地按照設計者的期望展示給用戶呢？這就用到了HTTP協議。HTTP協議是在TCP/IP協議基礎之上建立起來的，其初衷是為了提供一種發布和接收HTML頁面的方法。

（3）工作過程當瀏覽器輸入服務器的IP地址后，即開始通過TCP/IP協議向服務器發起HTTP請求，建立起與服務器的連接通道。該通道從服務器 IP 地址獲取服務器頁面數據，然后根據HTTP協議按照一定格式予以響應，顯示頁面。這就是通過瀏覽器訪問頁面的框架性的機制和流程。該過程如圖2-2所示。

4.1IP地址、域名、網站名、URL、端口

（1）IP地址如果把計算機比作房間，那么 IP 地址就是房間的地址。IP 地址為互聯網上的每一個網絡和每一臺主機分配一個邏輯地址，以此來屏蔽物理地址的差異。例如“163.125.121.123”就是一個電腦的IP地址。服務器也有它的 IP 地址，其實際就是提供服務的那臺主機的地址。因此訪問服務器的IP地址本身就是訪問提供服務的主機上的信息。

（2）域名為對應的 IP 地址指定的一個容易記住的名字，就是域名，例如“google.com”“baidu.com”“163.com”等就是域名。注意，如果域名前面加上“www”，就不再是域名了，而是網站名。域名在本質上是用于標識計算機的電子方位。

（3）網站名網站名是由“服務器名+域名”組成的，比如某網站的域名是“sitename.com”（此網站域名為虛構，與現實中的任何網站無關，下文同），因為想建立一個萬維網的服務器，所以就有了網站名“www.sitename.com”。后來其又想運作郵箱服務器，所以也就有了郵箱網址“email.sitename.com”。

為了方便理解上面的概念，我們以網址“http：//www.sitename.com/index.html”為例，其各部分的解釋如下。

①“http：//”是協議，也就是 HTTP 超文本傳輸協議，即網頁在網絡上傳輸的協議。

②“www”是服務器名，代表這是一個萬維網服務器。

③“sitename.com”是域名，用來定位網站的獨一無二的名字。

④“www.sitename.com”是網站名，由“服務器名+域名”組成。

⑤ 后面的“/”是根目錄。用戶通過網站名找到服務器，然后就會訪問服務器存放網頁的根目錄。

⑥“index.html”是根目錄下的默認網頁（大部分的默認網頁都是index.html）。

(4)URL即統一資源定位符，也就是我們平時說的網址。URL的構成為“IP或域名+端口號+資源位置+參數+其他”。URL是網頁元素的絕對路徑，可以用來定位任何查得到的網頁、多媒體文件等。互聯網上的每個文件都有一個唯一的URL，它包含了文件的位置，以及瀏覽器對其處理的方式。比如頁面上的每一張圖片，都有它獨一無二的URL，讓你在浩瀚的數據世界中找到它。

5 Web服務器

1.服務器

（1）服務器的概念服務器就是指能對其他設備（客戶端）提供某些服務的計算機系統。比如一個計算機對外提供FTP服務，那么它就相當于服務器（端）。基本的服務器就是一臺高性能的實體電腦，或者是云端的虛擬機（可以通過互聯網租用第三方的云端服務器，比如阿里云、騰訊云）。在網絡環境下，根據服務器提供的服務類型不同，其可分為文件服務器、數據庫服務器、應用程序服務器、Web服務器等。服務器與客戶端的連接示意圖如圖2-3所示。

（2）服務器的特質由于需要提供高可靠的服務，因此服務器在處理能力、穩定性、可靠性、安全性、可擴展性、可管理性等方面的要求較高，具體包括但不限于如下。

①硬件性能高：服務器在網絡中通常以一對多的方式提供服務，需要承擔多種應用請求，因此其硬件必須有能力保障服務質量，對內存、容量、運行速度等硬件性能的要求較高。

②穩定性和安全：服務器需要 24 小時不間斷工作，要有可靠的數據備份機制、快速恢復故障的功能，以及數據保密措施。

③可擴展性：服務器需要有更廣闊的擴展空間，從而隨著服務對象的數量、服務業務種類的變化而進行擴展和個性化定制。

④與配套設施兼容作業：服務器常常要和附屬硬件配合工作，比如交換機、負載均衡器、光纜等。

2.Web服務器

（1）Web服務器的概念不管什么網頁資源，若想被遠程計算機訪問，都必須有一個與之對應的網絡通信程序。當用戶訪問時，這個網絡通信程序會讀取Web資源數據，并把數據發送給來訪者。Web服務器就是這樣一個程序，它用于實現底層網絡通信，處理HTTP協議。使用Web服務器，開發者只需要關注Web資源怎么編寫，而不需要關心資源如何發送到客戶端手中，從而極大地減輕了開發者的工作量。

（2）Web服務器的工作機制Web頁面屬于“B/S架構”，即“瀏覽器/服務器架構”。在這種場景下，客戶端使用Web瀏覽器，通過網絡連接到服務器上，使用HTTP協議發起請求，告訴服務器“我”現在需要得到哪個頁面，然后把所有的請求交給Web服務器，之后Web服務器根據用戶的需要，從文件系統（存放了所有靜態頁面的磁盤）取出內容，再返回給客戶端。客戶端在接收到內容之后經過瀏覽器渲染解析，得到最終顯示的效果。

（3）一對多和多對一的Web服務器如果一個網站必須對應一個Web服務器主機的話，那么很多大公司（比如騰訊）就要有數不盡的服務器。實際上，在一臺Web服務器上可以搭建多個網站。

與之相反的還有一種情況，就是多個Web服務器為一個網站提供服務。大型網站的Web服務器都有均衡負載策略：雖然是一個IP，但對應的可能是多臺內部服務器，由負載均衡策略決定每次訪問落實到哪臺服務器上。在這種情況下，用戶所看到的IP地址，其實所對應的并不是一臺Web服務器，而是一個負載均衡器，它負責分發外部請求到具體的Web服務器上，通過合理管理每天的網上數據流量，來減輕單個服務器上的負擔，力求讓網絡訪問者享受最佳的聯網體驗。負載均衡器將客戶端請求分撥給不同的服務器的示意圖如圖2-4所示。

6 緩存、Cookie、Session

緩存

（1）什么是緩存緩存即數據交換的緩沖區，簡單說就是臨時存儲數據的地方，其可以存儲一些高頻數據的副本。緩存無處不在，有瀏覽器端的緩存、服務器端的緩存、數據庫的緩存等。瀏覽器會緩存它瀏覽過的資源，包括網頁、圖片等數據。由于CPU處理緩存數據的運行速度比內存數據快得多，所以緩存的存在可以提高響應速度，減小服務器壓力。

（2）緩存與數據庫的對比

①范疇不同。所有具備持久化存儲能力的機制，甚至包括可以直接讀寫的本地文件，你都可以說它是“數據庫”。所有保存中間的、額外的數據的機制，你都可以說它是“緩存”。

②結構不同。數據庫的存儲方式嚴格且多樣，而緩存通常是簡單的“key-value”結構（key是關鍵字，value是關鍵字的值）的數據。

③處理速度不同。數據庫是存在低速設備上的，每次訪問數據庫，都要經過“讀/取”（I/O）過程，即從磁盤調入內存的過程，該過程是耗時、耗性能的。而訪問緩存的速度非常快。從數據結構層面來說：緩存使用了異步非阻塞，使用了動態字符串，并采用了跳躍表。

④范圍對比。緩存中有的數據，數據庫中一定有。反之則不成立。緩存中存儲的是一些請

2.Cookie和Session倘若我們在電腦上使用賬號、密碼登錄過某網站，那么下次進入該網站時通常會自動登錄。這其實就是瀏覽器的Cookie和Session在起作用。這兩者都是用來保存狀態信息的，是為了解決HTTP無狀態（即HTTP對前后請求沒有任何識別能力）的問題而生的。比如用戶登錄一次，就會生成Session文件，保存到服務器中，并對應生成Session ID，保存到Cookie 文件中。Cookie文件是被保存在客戶端中的，其可以在瀏覽器目錄下被查詢到。這樣下次同一個用戶在同一個用戶端上登錄時，就能夠通過 Cookie文件中的Session ID，將登錄資料調用出來。需要注意的是，如果瀏覽器禁用了Cookie，那么同時Session也會失效。

3.緩存、Cookie和Session三者的對比緩存與 Cookie、Session 的主要差別在于：緩存的內容比后兩者更廣泛、數量更大，比如會話信息、秒殺商品、熱點新聞、熱門商品等需要頻繁查詢的信息，都會保存在緩存中。從數據存儲位置看，三者對比如表2-2所示。表2-2 緩存、Cookie、Session的存儲位置對比

6 頁面加載

1.頁面加載的過程分析用戶打開一個頁面，頁面框架中的那些不需要加載的內容會先呈現出來，之后瀏覽器會逐步拉取服務器上的數據。這就是為什么當用戶打開一個頁面時，剛開始頁面上的部分內容為空白，需要等待一會才能夠載入。用戶等待的時間主要花費在下載網頁元素上，這些網頁元素包括 HTML、CSS、JavaScript、Flash、圖片等內容。每增加一個元素，網頁載入的時間就會增加。以瀏覽器加載HTML頁面為例，我們來簡單看一下頁面加載的整個過程。

（1）用戶輸入網址（假設用戶第一次訪問該網站），瀏覽器向服務器發出請求，服務器返回HTML 文件。

（2）瀏覽器開始載入 HTML代碼。這時發現代碼中的<；head>；標簽內含有一個<；link>；標簽，引用了外部的 CSS 文件，于是瀏覽器又發出 CSS文件請求，讓服務器返回這個 CSS文件，在獲取該文件后，瀏覽器開始渲染頁面。

（3）與此同時，瀏覽器繼續載入HTML中的<；body>；標簽部分的代碼，發現其中有一個<；img>；標簽引用了一張圖片，于是向服務器發出請求。此時瀏覽器不會等到圖片下載完畢，而會繼續渲染后