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

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