NET網(wǎng)站開發(fā)項目化教程PPT單元設(shè)計1-3 創(chuàng)建簡單的Web網(wǎng)站

PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計1_3教學(xué)單元創(chuàng)建簡單的Web網(wǎng)站授課班級授課學(xué)時課時授課日期年月日第周周第節(jié)授課教師授課地點教學(xué)目標(biāo)知識目標(biāo)1.Web開發(fā)環(huán)境的使用；2.Web程序開發(fā)的步驟及相關(guān)注意事項；能力目標(biāo)1.能新建網(wǎng)站項目；2.掌握ASP.NET程序的開發(fā)步驟及兩種編碼方式素質(zhì)目標(biāo)規(guī)范管理能力;自我學(xué)習(xí)能力;相互協(xié)作能力。教學(xué)重點新建網(wǎng)站項目教學(xué)難點ASP.NET程序的開發(fā)步驟及兩種編碼方式的理解能力訓(xùn)練任務(wù)或案例創(chuàng)建簡單的Web網(wǎng)站教學(xué)策略(教學(xué)方法與組織形式)1.課件：根據(jù)本節(jié)課程設(shè)計的內(nèi)容及教學(xué)計劃，逐步展現(xiàn)知識點。2.板書：針對學(xué)生在學(xué)習(xí)和練習(xí)過程中出現(xiàn)的問題，進行補充講解。調(diào)節(jié)課堂節(jié)奏，給學(xué)生思考的時間。3.教師程序編寫：讓學(xué)生觀摩創(chuàng)建簡單Web網(wǎng)站的創(chuàng)，與所學(xué)知識點一一對應(yīng)，加深理解。4.問答：就一些知識點的靈活性與學(xué)生進行問答互動。5.就（3）和（4）中同學(xué)們的表現(xiàn)給出部分平時分，為了鼓勵同學(xué)們的參與積極性，參與者加1分，答對者加2-3分。課后練習(xí)復(fù)習(xí)并鞏固網(wǎng)站項目、用兩種編碼方式進行ASP.NET程序的開發(fā)(用幾種不同方式新建一個Web站點)教學(xué)后記教學(xué)過程教學(xué)引入：請某位同學(xué)列舉日常常用的5個網(wǎng)站，并總結(jié)這些網(wǎng)站的特點，詢問網(wǎng)頁是通過怎么開發(fā)的。教學(xué)內(nèi)容：1.5VisualStudio使用基礎(chǔ)1.5.1VisualStudioWeb開發(fā)環(huán)境VisualStudio產(chǎn)品系列共用一個集成開發(fā)環(huán)境。集成開發(fā)環(huán)境包括：菜單欄、標(biāo)準(zhǔn)工具欄、以及?？炕蜃詣与[藏在左側(cè)、右側(cè)、底部和編輯器空間中的各種工具窗口。圖1-23VisualStudioWeb開發(fā)設(shè)置的集成開發(fā)環(huán)境布局注意：工具窗口、菜單和工具欄是否可用取決于所處理的項目或文件類型。基于用戶的自定義設(shè)置，IDE中的工具窗口及其他元素的布置會有所不同。MicrosoftVisualWebDeveloper內(nèi)置完備的開發(fā)套件，可以快速開發(fā)Web應(yīng)用。MicrosoftVisualWebDeveloper支持所見即所得的拖曳界面，可以創(chuàng)建出美觀、易用的網(wǎng)站。MicrosoftVisualWebDeveloper支持頁面模板，從而統(tǒng)一管理網(wǎng)頁的排版與布局。MicrosoftVisualWebDeveloper內(nèi)置近百種控件、上百段代碼片段，可以大幅度降低創(chuàng)建互動式Web應(yīng)用的時間。MicrosoftVisualWebDeveloper支持IntelliSense，可以更快地訪問資源庫和方法。通過CommonTasks和SmartTags，可以調(diào)用最常用的Web開發(fā)功能。圖1-23為MicrosoftVisualStudioWeb開發(fā)設(shè)置的集成開發(fā)環(huán)境布局。VisualStudioWeb開發(fā)環(huán)境最常用的窗口和工具包括以下幾種。工具欄。提供用于格式化文本、查找文本等的命令。注意：一些工具欄只有在“設(shè)計”視圖下才可用?！敖鉀Q方案資源管理器”窗口。顯示網(wǎng)站中的文件和文件夾?！拔臋n”窗口。顯示正在選項卡式窗口中處理的文檔?！皩傩浴贝翱凇Ｓ糜谠O(shè)置HTML元素、控件及其他對象的屬性。視圖選項卡。用于顯示同一文檔的不同視圖，可在下列選項中切換：“設(shè)計”視圖。一種近似WYSIWYG(What-You-See-Is-What-You-Get：所見即所得）的編輯界面，一般用于界面布局設(shè)計?！霸础币晥D。Web頁面內(nèi)容的HTML編輯器，用于直接編輯源碼?！安鸱帧币晥D?？赏瑫r顯示文檔的“設(shè)計”視圖和“源”視圖。工具箱。包括按功能分組的控件和HTML元素，可以拖到Web頁面上。服務(wù)器資源管理器/數(shù)據(jù)庫資源管理器。用于顯示數(shù)據(jù)庫連接。注意：VisualStudioWeb開發(fā)環(huán)境的窗口和工具欄均可移動位置或關(guān)閉。如果關(guān)閉了某窗口，則可通過“視圖”菜單的子菜單重新顯示。例如，如果未顯示“服務(wù)器資源管理器”，可以通過“視圖”|“服務(wù)器資源管理器”菜單命令，重新顯示“服務(wù)器資源管理器”。1.5.2ASP.NET網(wǎng)站基本構(gòu)建流程ASP.NET應(yīng)用程序的結(jié)構(gòu)如圖1-24所示。這是典型的B/S架構(gòu)：Web客戶端（瀏覽器Browser）通過MicrosoftInternet信息服務(wù)（InternetInformationServices，IIS）與ASP.NET應(yīng)用程序通信，大多數(shù)Web應(yīng)用程序使用數(shù)據(jù)庫服務(wù)器存儲數(shù)據(jù)。圖1-24ASP.NET應(yīng)用程序的結(jié)構(gòu)在學(xué)習(xí)ASP.NET應(yīng)用程序開發(fā)之前，有必要了解構(gòu)建一個ASP.NET網(wǎng)站的基本流程。構(gòu)建一個ASP.NET網(wǎng)站的基本流程如圖1-25所示。圖1-25構(gòu)建一個ASP.NET網(wǎng)站的基本流程任務(wù)實施：創(chuàng)建簡單的Web網(wǎng)站1.任務(wù)描述：以“新知圖書”網(wǎng)站管理系統(tǒng)為例，介紹使用VisualStudio2017創(chuàng)建ASP.NET網(wǎng)站的具體過程