資源簡介

第1節 設計主題網站
【教學目標】
知識與技能目標
（1）了解網站設計的幾個階段，了解網站規劃的幾個要點。
（2）了解網站設計包括頁面內容設計和內容表現形式的設計。
（3）掌握網站規劃的要點，初步確定自己網站的主題及設計方案。
（4）簡單了解HTML語言及常用的網頁制作軟件。
過程與方法
以“動物——人類的朋友”網站為例，向學生介紹網站建設的幾個階段，規劃網站的要點，以及收集處理素材的方法，并請學生欣賞模仿，初步嘗試規劃一份“主題網站”，最后簡介網頁制作工具，為《第2節制作網站》做好鋪墊。
情感態度與價值觀
認識網站規劃的重要性，并通過網站規劃，形成整體規劃、分布實施解決問題的計算思維。【教學重點】
規劃網站的要點及實施；收集與處理素材的途徑或方法。
【教學難點】
確定主題，進行網站頁面、內容和結構的實際規劃。
【教學方法】
講演法、小組討論法、自主探究法、實踐法
【課時安排】
1—2課時
【教學過程】
教學環節 教師活動 學生活動 設計意圖
一、導入 1、引言： 相信我們中的絕大多數同學都有自己的主題空間，如QQ空間，博客空間等，這些免費空間給我們提供了表現自我，分享精彩，甚至經營生活的機會，這些，我們都可以把它們叫做主題網站，但在建設這些主題網站的過程中，我們有時也會有不能隨心所欲的苦惱，如版面布局、欄目內容等等，不能隨意更改，難以達到自己想要的效果，因此，學會創建一個完全屬于自己的主題網站很有必要。 2、呈現“動物——人類的朋友”主題網站，明確本章的學習任務，并以此為實例，開展接下來的學習。 傾聽、回顧。 明確任務。 創設情境，激發學生的學習欲望。 明確本課教學任務。
二、新授 （一）網站建設的幾個主要階段 整體規劃——>收集資料——>制作——>編輯調試——>網站發布與維護 （二）確定主題，規劃網站 1、規劃網站的要點 （1）明確網站建設的目的 （2）可行性分析 （3）網站的內容設計（★） （4）網站的表現形式設計（★） （以上類比：出班級黑板版） 2、探究學習 要求學生大致瀏覽，根據規劃網站的幾個要點，簡單說一說 適當補充歸納。 3、網站規劃（目的、網頁、內容、結構） 實例講解：“動物——人類的朋友” （內容詳見“學案.doc”文件，師根據學案簡單講解） 4、實踐學習 （1）目的與主題：？ （2）網頁和主要內容規劃： （3）網站結構規劃： （要求：任意一個頁面即可） 提示：可以運用WPS文字的自選圖形功能 （相關提示詳見“方案”） 師作適當提點，待個別展示交流后作適當評價 （三）收集與處理素材 1、注意 （1）資料的真偽，去偽存真 （2）文件的存儲位置 建立專門的素材存儲文件夾，并按主題內容或文件類型分類存放，不要將與主題無關的資料存放到素材文件夾中 （3）素材文件的命名 文件名盡可能用英文或漢語拼音來命名 2、實踐學習 提示： 文字處理軟件有記事本、寫字板、Word、WPS文字等；圖片處理軟件有畫圖、ACDSee、Photoshop等；聲音處理軟件有錄音機、GoldWave等；動畫處理軟件有Flash等；視頻處理軟件有愛剪輯、剪輯師、會聲會影等。 要求：請根據以上自己對于網站頁面內容的規劃，簡單說說你收集素材的內容和方法。 選取網頁制作工具 1、師：猶如人們進行思想交流必須使用相通的語言、文字一樣，網頁的信息也必須采用一種通用的語言來表達，而這樣的語言必須能夠標識文字、圖像、音頻和視頻等多種媒體信息，這就是超文本標識語言，即HTML語言。 2、以“我的第一頁”為例，師簡介“HTML語言”的結構及編輯方法。 師：由于直接用HTML語言編寫網頁比較麻煩且不直觀，因此人們研制了許多制作網頁的專用軟件。 常用的網頁制作軟件： 例：Dreamweaver、FrontPage、iH5等 師：使用這些軟件時，一般通過使用菜單命令、工具按鈕、屬性設置及一些快捷鍵，就可以輕松地制作出精美的網頁。尤其是最近發展和應用比較廣泛的H5頁面制作工具，它具有跨平臺性，可以用智能手機快速制作網頁。 了解。 閱讀理解，在老師的引導下，對3、4兩點特別關注。 自由選擇，欣賞、討論，個別作答。 了解 認真學習、思考，嘗試模仿規劃自己的主題網站，并做展示交流。 明確、注意。 思考、討論，個別作答。 了解。 簡單了解HTML語言的結構，并體會HTML語言的不便性。 在老師的適當講演下，初步體會可視化網頁制作軟件的優勢。 呈現流程，讓學生能夠從整體上把握。 先是理論知識，后是實踐探究，用說的，再進一步，模仿，進行實際規劃操作，以突破難點。 流程2雖也重要，但接下來的課程主要還是模仿制作，有現成的素材提供，這里就作較為簡單地處理。學生了解，明確，有個初步的規劃即可，在未來自己創作的過程中再去實踐。 對于HTML語言的介紹，用實例簡介即可，主要讓學生明確此語言的不便性，繼而順利過渡到可視化工具軟件的介紹，且重點應該放在學生即將要用到的 Dreamweaver上。
三、總結 根據“學案.doc”進行總結。 上傳“主題網站規劃方案.doc”文件。 總結 提交 歸納梳理
教學后記

展開更多......

收起↑