高中信息技術(shù)《網(wǎng)絡(luò)技術(shù)應(yīng)用》第四章 第二課 網(wǎng)站設(shè)計(jì)教案高中全冊(cè)信息技術(shù)教案

經(jīng)典word整理文檔，僅參考，雙擊此處可刪除頁眉頁腳。本資料屬于網(wǎng)絡(luò)整理，如有侵權(quán)，請(qǐng)聯(lián)系刪除，謝謝！芯衣州星海市涌泉學(xué)校第二課網(wǎng)站設(shè)計(jì)教學(xué)目的：要求學(xué)生理解網(wǎng)站建立的根本內(nèi)容，通過設(shè)計(jì)自己的主題網(wǎng)站，體驗(yàn)設(shè)計(jì)在建站中的重要性，根據(jù)主題設(shè)計(jì)好網(wǎng)站的欄目和構(gòu)造。教學(xué)內(nèi)容分析：本課設(shè)計(jì)思路：首先，以“黨在我心中〞為例，讓學(xué)生對(duì)欄目設(shè)置有一個(gè)理性的認(rèn)識(shí)，明確欄目設(shè)置是規(guī)劃主題網(wǎng)站不可無視的一步。其次，在“版面設(shè)計(jì)〞這一節(jié)中，以練習(xí)為輔，讓學(xué)生上網(wǎng)閱讀網(wǎng)站，并畫出不同的版面布局圖；在總結(jié)幾種類型的版面布局時(shí)，激發(fā)學(xué)生繪制個(gè)人的主題網(wǎng)站的布局圖的潛能。教學(xué)內(nèi)容：1.欄目設(shè)置2.目錄的構(gòu)造設(shè)計(jì)3.版面設(shè)計(jì)教學(xué)重點(diǎn)：欄目設(shè)置、版面設(shè)計(jì)教學(xué)難點(diǎn)：1.欄目設(shè)置時(shí)，注意四個(gè)事項(xiàng)。2.繪制網(wǎng)頁的版面布局圖。課時(shí)數(shù)：1課時(shí)一、構(gòu)造設(shè)計(jì)設(shè)計(jì)網(wǎng)站的構(gòu)造時(shí)，注意以下幾個(gè)方面：首先把網(wǎng)站的內(nèi)容列舉出來，根據(jù)內(nèi)容列一個(gè)構(gòu)造化的藍(lán)圖。先把每個(gè)頁面當(dāng)成一個(gè)固定點(diǎn)，像設(shè)計(jì)數(shù)據(jù)構(gòu)造那樣在草紙上做一個(gè)構(gòu)造化的藍(lán)本圖。根據(jù)實(shí)際情況設(shè)計(jì)各個(gè)頁面之間的鏈接。先根據(jù)內(nèi)容把目錄設(shè)計(jì)成為樹型，一般級(jí)數(shù)不要太多，盡可能少于四級(jí)目錄。然后再到每一點(diǎn)，把與頁面相關(guān)的內(nèi)容再做一個(gè)鏈接，增加閱讀者的閱讀效率，增強(qiáng)網(wǎng)頁的連接性。假設(shè)內(nèi)容太多，繪制一幅導(dǎo)航圖也是非常必要的。1.欄目設(shè)置在初寫一篇文章時(shí)，先擬好提綱，確定主題思想，圍繞寫作線索，層次要明晰?？紤]：虹艷初次學(xué)習(xí)制作網(wǎng)頁，經(jīng)過一段時(shí)間是是的設(shè)計(jì)，她的網(wǎng)站設(shè)計(jì)玩畢，于是她打算展示作品給她的同學(xué)們看。可是，同學(xué)們看了這個(gè)網(wǎng)站后，分不清頭緒，感覺這個(gè)網(wǎng)站好似補(bǔ)衣服一樣，主題不明確，網(wǎng)站構(gòu)造不精晰，目錄龐雜。是什么原因?qū)е略O(shè)計(jì)的網(wǎng)站是一個(gè)失敗的作品？〔1〕欄目是一個(gè)網(wǎng)站的大綱索引，索引表達(dá)網(wǎng)站的主題。例：觀看“黨在我心中〞網(wǎng)站，填寫上上表格?！?〕欄目設(shè)置安排本卷須知：①緊扣主題②欄目設(shè)置中顯示有吸引力的內(nèi)容③方便閱讀和查詢④有一個(gè)類似于FAQ之類的說明性的欄目練習(xí)：根據(jù)各小組主題網(wǎng)站對(duì)欄目設(shè)置進(jìn)展交流、評(píng)價(jià)，從以下三個(gè)方面討論：緊扣主題、突出重點(diǎn)、閱讀方便。選出欄目設(shè)置最正確的小組。2.目錄構(gòu)造設(shè)計(jì)〔1〕版面構(gòu)造：一種可以讓閱讀者清楚、容易地理解作品傳達(dá)的信息的東西，通俗地講，也就是將不同元素巧妙排列的方式。〔2〕版面以布局為主，布局以閱讀為方式，將圖片和文字排放在頁面的不同位置。〔3〕設(shè)計(jì)版面時(shí)把文字、圖片、空白當(dāng)作一個(gè)整體，采用平面分割，調(diào)動(dòng)全部面積來構(gòu)建整個(gè)版面?！?〕常見頁面布局款式廠字型、口字型、自由式練習(xí)：判斷題：在web“廠〞字型頁面頂部一般放置和，左下方放置，右下方顯示內(nèi)容的布局。網(wǎng)上還有哪些布局類型？“黨在我心中〞網(wǎng)站的頁面布局款式是型。〔5〕版面布局步驟畫創(chuàng)意草案、粗略布局、最后構(gòu)思版面設(shè)計(jì)的根本方法：建議用一張白紙和一支鉛筆將初步的設(shè)想畫在紙上，不必講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只要用線條勾畫出創(chuàng)意的輪廓即可。盡可能多畫幾張，最后選定一個(gè)注意的作為繼續(xù)創(chuàng)作的腳本。練習(xí)：〔1〕上網(wǎng)閱讀三個(gè)網(wǎng)站，畫出3個(gè)不一