第一篇：教案 花朵的簡易制作
案例 花朵的簡易制作
學(xué)號：20080511798 姓名：宋樂
[教學(xué)目的] 中小學(xué)信息技術(shù)課程的主要任務(wù)是：培養(yǎng)學(xué)生對信息技術(shù)的興趣和意識，讓學(xué)生了解、掌握信息技術(shù)基本知識和技能，了解信息技術(shù)的發(fā)展及應(yīng)用對人類日常生活和科學(xué)技術(shù)的深刻影響。在本節(jié)課中選擇了貼近學(xué)生生活、為學(xué)生所熟悉的實例，以引起學(xué)生的興趣，使學(xué)生在親身體驗中積極參與探究，發(fā)現(xiàn)問題解決問題。以生為本，轉(zhuǎn)變學(xué)習(xí)方式。通過學(xué)生的獨立思考、自主探究、合作學(xué)習(xí)，動手實踐等多種學(xué)習(xí)方式，在觀察、討論、實踐、交流、評價等學(xué)習(xí)活動中，加深對本課學(xué)習(xí)內(nèi)容的理解，培養(yǎng)學(xué)生的主體意識和探索精神，促進學(xué)生的發(fā)展。
[內(nèi)容分析]
1、教學(xué)目標分析
“花朵的簡易制作”是在學(xué)習(xí)了繪圖工具和顏色工具的基礎(chǔ)上，學(xué)習(xí)一個新的工具——變形工具。本節(jié)課的目的是使學(xué)生在學(xué)習(xí)花朵制作的過程中通過親身體驗對繪圖工具和顏色工具進行復(fù)習(xí)，同時對變形工具有一個初步的認識，為下節(jié)課變形工具的深入學(xué)習(xí)打下良好基礎(chǔ)。
2、學(xué)情分析
小學(xué)四年級學(xué)生剛剛接觸flash課程，對flash課程有著濃厚的興趣，但同時基礎(chǔ)又不夠，前面的課程只學(xué)習(xí)了flash界面和繪圖工具，因此教學(xué)的主要目的是增強他們對flash課程的興趣，促使他們以更濃厚的興趣投入到后面的學(xué)習(xí)中，而不是教他們很多技巧性的東西。
[策略設(shè)計]
1、教學(xué)方法
采用有趣的問題，導(dǎo)入課題，以激發(fā)學(xué)生的學(xué)習(xí)興趣；在課堂教學(xué)中采用講授法、實例演示法、任務(wù)驅(qū)動法和學(xué)生動手實踐相結(jié)合的模式：先用講授法講解“花朵制作”的基本原理，再用實例演示法用flash為同學(xué)們制作出美麗的花朵，最后給同學(xué)們提出問題要求其自己動手解決，將任務(wù)驅(qū)動法和學(xué)生動手實踐相結(jié)合，四種方法結(jié)合使用，使同學(xué)們最終熟練掌握繪圖工具和顏色工具，并對變形工具做初步的了解。
2、學(xué)習(xí)方法
首先，對于“花朵制作”的基本原理，老師要先在黑板上講解，并用畫圖的方法將花朵的形成過程表現(xiàn)出來。第二，根據(jù)PPT為同學(xué)們講解花朵的制作步驟，同時邊講邊在flash中按照步驟來操作。最后，老師完成花朵的制作后，給同學(xué)們提出問題，要求同學(xué)們在自己制作的過程中將答案找出。
3、教學(xué)環(huán)境 多媒體機房
[設(shè)計亮點]
1、情景引入：“同學(xué)們都學(xué)了好幾年的美術(shù)課了，那么同學(xué)們肯定能用畫筆畫出各種各樣美麗的花朵，現(xiàn)在老師也給你們畫一朵花。”四年級的學(xué)生好奇心很旺盛，肯定很想知道老師畫畫是什么樣的，所以先以此來引起學(xué)生的注意力，為下面的學(xué)習(xí)氛圍打下基礎(chǔ)。
2、講解“花朵制作”的基本原理時，在黑板上用粉筆把利用一個花瓣形成一朵花的整個過程演示出來，以生動易懂的方式讓學(xué)生迅速掌握。
[教學(xué)流程]
1、情景引入
引入：同學(xué)們都學(xué)了好幾年的美術(shù)課了，那么同學(xué)們肯定能用畫筆畫出各種各樣美麗的花朵，現(xiàn)在老師也給你們畫一朵花。問題：同學(xué)們能用flash將這朵花制作出來嗎？ 作用：從美術(shù)課引入到flash的制作，切合實際而自然
2、花朵制作的基本原理 基本原理：旋轉(zhuǎn)復(fù)制
作用：將基本原理總結(jié)成四個字，簡潔明了，易記
教師行為：在黑板上用粉筆把利用一個花瓣形成一朵花的整個過程演示出來
作用：以生動易懂的方式讓學(xué)生迅速掌握。
3、制作步驟
根據(jù)PPT為同學(xué)們講解花朵的制作步驟，同時邊講邊在flash中按照步驟來操作
步驟1 新建影片文檔，使用默認文檔屬性。保存影片文件，取名為“花朵的簡易制作”。先畫一個橢圓，然后用部分選定工具選定錨點，調(diào)整橢圓形狀為花瓣形狀。
步驟2 線性填充橢圓，然后再用顏色工具把填充顏色改成紫紅色和白色。
步驟3 用漸變變形工具把線性填充顏色旋轉(zhuǎn)90度，讓漸變填充顏色沿著花瓣長軸方向填充。
步驟4 ctrl+T或者執(zhí)行“窗口/變形”，彈出變形工具欄，然后選定花瓣，指定旋轉(zhuǎn)中心點的位置，然后再確定花瓣旋轉(zhuǎn)角度（要整除360度），最后執(zhí)行“復(fù)制并應(yīng)用變形”命令可依次旋轉(zhuǎn)復(fù)制花瓣，生成花朵。
步驟5 選定所有花瓣，生成影片剪輯對象。
4、任務(wù)驅(qū)動及動手實踐
提出問題：我們制作花朵的過程中是以花瓣的底端為旋轉(zhuǎn)中心點，那我們還可以以花瓣的其他位置為旋轉(zhuǎn)中心點來制作花朵嗎？請大家自己動手做做看。
作用：提出問題，以任務(wù)為驅(qū)動，通過學(xué)生的獨立思考、自主探究、合作學(xué)習(xí)，動手實踐等多種學(xué)習(xí)方式，在觀察、討論、實踐、交流、評價等學(xué)習(xí)活動中，加深對本課學(xué)習(xí)內(nèi)容的理解，培養(yǎng)學(xué)生的主體意識和探索精神，促進學(xué)生的發(fā)展。
5、課堂小結(jié)
回顧本節(jié)課的知識要點，使學(xué)生能夠加深印象，記憶更牢固。同時挑出動手實踐環(huán)節(jié)做的好的同學(xué)的作品，讓他們給同學(xué)們講解自己的作品，不僅加深了同學(xué)們的交流，也培養(yǎng)了學(xué)生的表達能力。
[自我反思]
1、情景導(dǎo)入不夠有趣，不能足夠引起學(xué)生的興趣。改進方法：可以先給同學(xué)們展示老師事先制作好的漂亮的花朵，利用同學(xué)們的好奇心，來吸引他們的興趣。
2、講課的過程中太過于按照自己的既定計劃來，太過拘泥于自己的教案，每一步做完后總想著下一步該做什么了，不能完全掌控整個課堂，導(dǎo)致上課過程不夠自然流暢。改進方法：最好能多做演習(xí)，把講課的內(nèi)容熟記于心，融會貫通，不論課堂上出現(xiàn)什么問題都能很好的解決。同時也要培養(yǎng)自己對課堂的掌控能力嗎，要記得這堂課完全是屬于自己的，出現(xiàn)的各種問題都需要自己去解決，這項能能力需要在以后的教學(xué)實踐中慢慢培養(yǎng)。
[現(xiàn)場爭鳴] 觀點一：
這位老師在講解花朵制作的基本原理時使用的方法很好，在黑板上把制作的整個過程展示出來，生動形象，能讓學(xué)生很快理解它的基本原理并迅速掌握。同時，學(xué)生也不會覺得難度太大而產(chǎn)生畏懼心理。觀點二：
這位老師儀態(tài)很大方，但是講課的聲音有點小，顯得對課堂的掌控能力不足。觀點三：
老師的板書和PPT都做的比較好，只是和同學(xué)們的交流少了，講課的內(nèi)容不夠生動，下面的同學(xué)開小差的不少，如果能增強課堂的生動度，同時多注意和同學(xué)們的交流，把學(xué)生們的注意力都吸引到課堂上來，就更好了。
[現(xiàn)場引領(lǐng)] 歡迎宋樂老師給我們帶來一堂精彩的flash課——“花朵的簡易制作”。下面有請宋老師。
好了，感謝宋樂老師的講課！今晚，宋樂給我們講解了怎么在flash中制作出美麗的花朵，大家有沒有學(xué)會？反正我自己學(xué)到了不少的知識，大家肯定也都有收獲吧。現(xiàn)在，希望大家本著互相進步的原則，來發(fā)表一下自己的見解。希望宋樂好的地方提出來大家共同學(xué)習(xí)，不好的地方呢，也提出來，大家都引以為戒。
王露：我覺得她的整個講課流程都還不錯，儀態(tài)也很好，不過聲音有點小，后面的同學(xué)聽的不夠清楚，導(dǎo)致下面的同學(xué)有點注意力不集中。希望她能夠聲音再洪亮一些，能吸引所有同學(xué)的注意力。
王雪梅：其他的都很好，我就不多說了。主要是和同學(xué)們的交流不夠，她可以在講課的過程中穿插一些問題，不僅能加深理解，還能吸引同學(xué)們的注意力。
主持人總結(jié)發(fā)言：下面我根據(jù)同學(xué)們的建議和自己的見解做一下總結(jié)發(fā)言。首先說好的方面：宋樂的板書、PPT的制作還有儀態(tài)都很好，很到位；另外講課流程設(shè)計的也比較合理，講得也比較透徹，難易程度把握的很好。不足的地方主要是：聲音有點小，對課堂的掌控能力不夠，同時和同學(xué)們的交流也有點少，希望能在以后的練習(xí)中注意這三點，提高自己對課堂的掌控能力，同時注重和同學(xué)們的交流。希望她能夠發(fā)揚自己的優(yōu)點，改進不足，在以后的教學(xué)中能更加的熟練，成為一名合格的好老師。
[深化思考] 通過本節(jié)課的教學(xué)設(shè)計，我得到了下面兩方面的啟示：第一，在課堂上老師不是能將自己要講的知識點給同學(xué)們講清楚就夠了的，更重要的是同學(xué)們要能夠聽得懂，并且達到老師預(yù)期的目標。這就要求老師不僅要注重自己講解的方式，也要注重和同學(xué)們的交流，從對同學(xué)們行為的觀察和交流中掌握學(xué)生對知識的掌握情況，及時調(diào)整自己的講課情況。第二，教師的組織教學(xué)很重要，在上課過程中要吸引同學(xué)的注意力，同時注重課堂的氛圍，在同學(xué)注意力不集中或者課堂氣氛不好的時候要采取措施解決這些問題，
第二篇：制作平面花朵教案
制作平面花朵教案
1.教學(xué)難點：折疊部分
2.教學(xué)重點：培養(yǎng)小朋友的動手能力
3.教學(xué)目標：a通過觀察、動手、討論等感受累加折紙的特點初步嘗試并制作。b能運用折剪，粘貼，上色的方法進行創(chuàng)作體驗成功的快樂。c能合理地使用各種工具和材料。4.教學(xué)方法：演示法 5.課時：十分鐘 6.教學(xué)過程：
老師：小朋友們，大家好！
幼兒：老師好!老師：小朋友們，春天來了，柳樹發(fā)芽了，小草也快換上綠裝了，公園里的花也
快開了!小朋友們，你們都知道那些花呀？
幼兒：蘭花、百合花、月季花、郁金香、、、、、、老師：小朋友們知道得真多呀！那我們今天就來學(xué)習(xí)折剪花朵！下面，我們拿出
昨天老師讓你們準備的正方形紙、剪刀和彩筆！
首先，我們將正方形紙對折。
然后再折，我們在有開口的這條長邊上用筆分成三段一樣長的線段，并且 點上點，在沒有開口的長邊上的中間點一個點，然后以這個點為中心把右
邊的紙折到左上邊的第一個點。
接著，再將4層這邊的紙對折。
最后，我們把2層紙的一邊折過來。
接下來我們拿出剪刀，剪一個弧形，小朋友們，你們知道什么是弧形嗎？
幼兒：不知都！
老師：小朋友們都見過硬幣吧！硬幣外圈的一部分就是圓弧，就像老師在黑板上
畫得這樣剪下來，然后我們把紙打開，一朵小花就呈現(xiàn)在我們面前了，最
后，我們可以把自己喜歡的顏色涂在小花上，讓它更加美麗!老師：如果哪位小朋友還不會，那就課下來找老師，再給你講一遍！今天的作業(yè)
就是每位小朋友制作一朵彩色的小花朵。按照類似的原理，小朋友們想想
五角星是怎么制作的？想出來的小朋友明天告訴老師！好，這節(jié)課就上到
這里，小朋友們再見！
幼兒:老師再見！
第三篇：簡易宮燈制作教案
簡易宮燈制作教案
設(shè)計意圖
宮燈，即宮廷花燈，是中國彩燈中富有特色的手工藝品之一。正統(tǒng)的宮燈造型為八角、六角、四角形的，各面畫屏圖案內(nèi)容多為龍鳳呈祥、福壽延年、吉祥如意等。宮燈用料極為考究，制作要求精細加工。這次活動是培養(yǎng)幼兒從小熱愛傳統(tǒng)工藝，了解中國的傳統(tǒng)節(jié)日和文化，激發(fā)學(xué)習(xí)興趣。通過欣賞花燈，感受花燈的美，了解花燈是我國的民族特色。小精靈兒童網(wǎng)站 活動目標：
1、嘗試運用鏤空、折疊、剪紙的方式制作美麗的宮燈。
2、通過欣賞宮燈圖片，觀看宮燈制作課件和步驟圖示，學(xué)習(xí)制作宮燈的方法，大膽使用剪刀在塑料板紙上進行鏤空刻畫、運用折、插入的方法制作立體六角形宮燈。
3、喜歡手工活動，發(fā)展創(chuàng)造力。小精靈兒童網(wǎng)站 活動準備：
每一個組發(fā)一個工具盒（剪刀，膠帶，模板，小塊即時貼，細繩，穗子，鉛筆等），每人兩張紅色塑料板。
活動過程：
一、欣賞宮燈圖片，講述宮燈的外形、花紋和顏色。
1、出示宮燈圖片讓幼兒相互欣賞。
2、通過提問，了解宮燈的外形、花紋和顏色。
這是什么？你在哪里見過宮燈？宮燈上有哪些圖案、顏色？宮燈的外形有哪些？如果讓你現(xiàn)在制作一個宮燈，你會做嗎？
二、觀看宮燈制作課件和步驟圖示來自主學(xué)習(xí)制作宮燈的方法。
1.材料
塑料板 2.制作方法
把透明的模板（2塊最大的）排放在塑料板上，用筆仔細畫好每塊模板的形狀，用剪刀依線剪好。
3把長方形的模板放在塑料板上，用筆仔細畫好模板的形狀，用剪刀依線剪好。4按照一定次序插入塑料板構(gòu)件。
5.裝飾部分的制作 剪紙
羊：把羊的模板放在黃色即時貼上，用筆仔細畫好模板的形狀，用剪刀依線剪好，剝?nèi)グ咨募?，把紙貼在適當位置。
雙喜：把紙對折兩次，把模板放在黃色即時貼上，用筆仔細畫好模板的形狀，用剪刀依線剪好，剝?nèi)グ咨募?，把紙貼在適當位置。在燈的頂端系上線，在燈的下端也系上流蘇。
三、學(xué)生制作，老師指導(dǎo)。
教師給予適當、適時的指導(dǎo)。
四、講評作品，相互欣賞。
請學(xué)生相互欣賞同伴的作品，講述自己設(shè)計的宮燈，從鏤空圖案、繪畫內(nèi)容上進行講述。做得又快又好的學(xué)生可獲得一塊金牌。
活動反思
1、充分體現(xiàn)活動的實踐性、趣味性、創(chuàng)造性和自主性。在整個活動中，實踐性與趣味性相結(jié)合，以學(xué)生自己動手，動腦交流探究活動為主。
2、珍視學(xué)生的自我分析與評價。如學(xué)生在制作宮燈的活動過程中，以小組形式共同探索，自己獨立完成并民主評議優(yōu)秀作品，培養(yǎng)學(xué)生客觀的分析評價，尋求改進措施，培養(yǎng)學(xué)生客觀，公正，合作，負責(zé)的態(tài)度。小精靈兒童網(wǎng)站
3、注重以人為本。在整個教學(xué)活動過程中，給學(xué)生創(chuàng)設(shè)寬松，和諧，愉快的學(xué)習(xí)氣氛，學(xué)生對整個活動非常感興趣，宮燈的制作興致很高。手工活動是學(xué)生鍛煉實踐能力，追尋動手創(chuàng)造的美好樂園。小精靈兒童網(wǎng)站
第四篇：《網(wǎng)頁制作》教學(xué)大綱簡易教案
《網(wǎng)頁制作》教學(xué)大綱簡易教案
網(wǎng)站開發(fā)流程
?規(guī)劃 確定建設(shè)網(wǎng)站的目標； 分析目標用戶及潛在用戶對站點的需求； 3 確定網(wǎng)站風(fēng)格； 4 考慮網(wǎng)絡(luò)的技術(shù)問題。
?設(shè)計 頁面布局； 2 網(wǎng)頁中的顏色； 文字、圖像、動畫以及多媒體的使用。
?制作 測試與發(fā)布 維護 ??
第一章 站點管理
站點：一系列文件的組合，通過各種鏈接關(guān)聯(lián)起來，實現(xiàn)對整個站點的瀏覽。
設(shè)置站點信息
一，基本思路：
1，對站點進行規(guī)劃 2，創(chuàng)建站點的基本結(jié)構(gòu)
站點結(jié)構(gòu)的顯示方式：目錄結(jié)構(gòu)和站點地圖 3，組織文件和資料開始制作 二，定義站點：
步驟：站點－新建站點－對站點進行定義
三，新建網(wǎng)頁（站點中所包含的所有網(wǎng)頁文件）和文件夾（用來存放網(wǎng)頁中的圖片、聲音、Flash等）
四，設(shè)置站點地圖布局
第二章 文字、圖片和超鏈接
網(wǎng)頁中最多的就是文字，并伴有精美的圖片來美化網(wǎng)頁，本章主要闡述如何使用菜單、插入面板在文檔中插入這些對象以及使用屬性面板編輯這些對象的屬性。
一，設(shè)置頁面屬性（Ctrl+J，也可在屬性面板中找到）：
在頁面屬性中分別對外觀、鏈接和標題進行設(shè)置 二，文字
可在屬性面板中對文字的樣式、大小等進行設(shè)置。三，插入圖像
方法1，插入－圖像； 方法2，常用－圖像； 方法3，Ctrl+Alt+I。四，設(shè)置超鏈接
1，頁面鏈接
2，郵件鏈接（mailto:）
3，書簽鏈接（對同一網(wǎng)頁的不同部分進行鏈接）4，空鏈接（＃）
第三章 表格和層的應(yīng)用
一，設(shè)置網(wǎng)頁布局和處理表格
網(wǎng)頁布局：給將要出現(xiàn)在網(wǎng)頁中的所有元素進行定位。繪制布局表格和布局單元格：
方法：布局－切換到布局視圖－點擊布局表格or布局單元格按鈕－拖動創(chuàng)建－在屬性面板設(shè)置屬性。
注意：布局表格和布局單元格之間不能相互重疊。
表格：表格是在網(wǎng)頁中放置行列數(shù)據(jù)和圖像的最佳工具。插入表格：常用－表格－設(shè)置行，列數(shù)－插入
拆分，合并單元格：選中要拆分或要合并單元格－屬性面板中進行操作 設(shè)置表格和單元格的屬性：屬性面板中進行操作。
二，添加層
層是一種頁面元素定位技術(shù)，它能夠?qū)又械膬?nèi)容在瀏覽器窗口中任意定位。層是一個載體，在層中可以添加文本，圖像和表格等元素。方法：布局－點擊層按鈕－拖動創(chuàng)建－在屬性面板設(shè)置層屬性。
第四章 模板
所謂“模板”是指具有一定共性的文檔樣板。
模板用于創(chuàng)建多個具有一致風(fēng)格的網(wǎng)頁，用戶可根據(jù)模板生成大量相同的頁面。新建網(wǎng)頁模板（.dwt）
1,將已有文檔另存為模板： 步驟：打開已有文檔；
文件－另存為模板；
在出現(xiàn)的對話框中選擇站點，給模板命名； 保存。
2，新建空白模板
步驟：窗口－資源（F11）；
模板－新建模板； 輸入模板名－編輯。
定義模板的可編輯區(qū)域
模板包括：1，可編輯區(qū)域（具有可變內(nèi)容）
2，鎖定區(qū)域（具有靜態(tài)不變內(nèi)容）默認 1，將已有內(nèi)容定義為可編輯區(qū)域：
步驟：選擇要定義為可編輯區(qū)域的文本或內(nèi)容；
插入－模板對象－可編輯區(qū)域； 輸入?yún)^(qū)域名； 確定。
2，定義新的可編輯區(qū)域： 步驟：定位光標；
同上。
取消區(qū)域標記：
步驟：打開已有模板；
選中已有可編輯區(qū)域，修改－模板－刪除模板標記。
注意：刪除模板標記之后的區(qū)域?qū)⒈绘i定。
基于模板生成新網(wǎng)頁
方法1：文件－新建，選擇模板標簽，選一個模板－創(chuàng)建。方法2：新建一個文檔，修改－模板－應(yīng)用模板到頁。
方法3：新建一個文檔，窗口－資源－模板，將所需模板直接拖動到新文檔中。
第五篇：《網(wǎng)頁制作》公共課簡易教案
網(wǎng)頁和網(wǎng)站
我們將平時在瀏覽器(IE)上看到的每一個頁面稱為網(wǎng)頁，而在同一個域名地址下的網(wǎng)頁的集合稱為網(wǎng)站，網(wǎng)站可以只有一個簡單網(wǎng)頁，也可以由一系列網(wǎng)頁文檔互相鏈接而成。網(wǎng)站建設(shè)的一般步驟
網(wǎng)站建設(shè)是一件復(fù)雜的工程，如果不能合理的安排工作流程，可能會造成許多不必要的麻煩。對于不同的建站目標制作流程會略有不同，或者在建站過程中有一些交叉，但大體遵循以下的基本流程：
2.1．需求分析
在軟件設(shè)計中經(jīng)常提及需求分析這樣的概念。網(wǎng)站建設(shè)也是一樣，只有在充分的溝通了解網(wǎng)站建設(shè)的目標、意義、用戶群以及更新需求，才能決定網(wǎng)站要使用怎樣的技術(shù)手段，以及如何定位等。
2.2網(wǎng)站定位
根據(jù)需求分析，我們可以給站點一個較為準確的定位，即建站的目的、傳達的主題、內(nèi)容涉及范圍等等。
2.3規(guī)劃整體結(jié)構(gòu)
這個階段，要把對站點定位的感性認識轉(zhuǎn)化為站點的網(wǎng)頁結(jié)構(gòu)、配色、層次結(jié)構(gòu)和鏈接等具體內(nèi)容。并且，可能的話列出幾種方案供選擇。網(wǎng)頁制作
站點中的每一個網(wǎng)頁既互相聯(lián)系呼應(yīng)但又都不盡相同，為了保持整個站點頁面的一致性，也為了訪問者更方便的瀏覽站點頁面，制作網(wǎng)頁時要注意一下幾個問題：
3.1．導(dǎo)航
一個站點通常包含不止一個頁面，按照頁面所體現(xiàn)的內(nèi)容，可以把站點的頁面按照不同的欄目來歸類。導(dǎo)航就是用來體現(xiàn)歸類的結(jié)果，并且實現(xiàn)在技術(shù)上分門別類的顯示相關(guān)網(wǎng)頁。所以網(wǎng)站的導(dǎo)航一般都放置在比較顯眼的位置（上部或左側(cè)），以保證訪問者能隨時根據(jù)導(dǎo)航在站內(nèi)頁面間跳轉(zhuǎn)。
3.2鏈接
鏈接是對導(dǎo)航的一個擴充，頁面上的許多元素上都可以做鏈接。鏈接可以在新瀏覽器窗口打開，也可以將原來窗口的內(nèi)容替換掉，所以一般來說要設(shè)置返回上一頁以及返回首頁的鏈接，以方便訪問者調(diào)整自己在站點中的位置，更大范圍的訪問站內(nèi)的信息。
3.3頁面的布局
在制作網(wǎng)頁時如果只是將頁面元素做無序的堆砌，即便再美好的文字，再華麗的圖片也不容易讓人接受。如何組織頁面上的元素，就是布局要解決的問題。布局就是將頁面有條理的劃分為若干個部分，分別放置導(dǎo)航欄、主題圖片或者成段的文字等。好的布局會讓訪問者很容易的在網(wǎng)站上找到所需要的信息。常見的布局形式有：
（1）框型結(jié)構(gòu)：框型結(jié)構(gòu)如圖3.1所示，其頁面頂部為廣告條，下方左側(cè)為導(dǎo)航，右側(cè)顯示主要內(nèi)容，下方為版權(quán)信息。這是網(wǎng)頁設(shè)計中用的最廣泛的一種布局方式。這種布局的優(yōu)點是頁面主次分明、結(jié)構(gòu)清晰，是初學(xué)者最容易上手的布局方法。
圖3.1框型結(jié)構(gòu)布局
（2）口型結(jié)構(gòu)：這是一個象形的說法，其結(jié)構(gòu)如圖3.2所示。頁面上方為廣告條，下方為版權(quán)信息，左面是導(dǎo)航，右面放置友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點是充分利用版面，信息量大；缺點是頁面擁擠。也有將四邊空出，只用中間的窗口型設(shè)計。
圖3.2 口型結(jié)構(gòu)布局
（3）T型結(jié)構(gòu)：這種結(jié)構(gòu)如圖3.3所示，該布局適合于內(nèi)容比較簡潔的頁面。頁面上方為導(dǎo)航和廣告條，下方為版權(quán)信息，中間留出大部分的空白突顯主要內(nèi)容。
圖3.3 T型結(jié)構(gòu)布局
4網(wǎng)站測試
在對站點內(nèi)每個網(wǎng)頁設(shè)計的過程中都要先在瀏覽器上進行測試。最終整個站點也要測試，測試的內(nèi)容包括：鏈接是否正確、頁面在不同瀏覽器和平臺上顯示的效果、網(wǎng)頁打開速度、文件下載速度等。網(wǎng)站建設(shè)實例
在Dreamweaver 8中，“站點”一詞既表示W(wǎng)eb站點，又表示屬于Web 站點的文件的本地存儲位置。在開始構(gòu)建Web站點之前，需要建立站點文件的本地存儲位置。
5.1 創(chuàng)建站點
啟動Dreamweaver 8，單擊【站點】菜單，選擇【管理站點】，打開“新建站點”對話框。
在【您打算為您的站點起什么名字】文本框中，輸入任何您喜歡的名字，比如“我的簡歷”?！灸恼军c的HTTP地址是什么】文本框可不填。
單擊【下一步】，由于我們這里以靜態(tài)站點為例，所以在【您是否打算使用服務(wù)器技術(shù)】單選按鈕組中選擇“否”，如果是動態(tài)站點則選“是”，并且選擇一個相應(yīng)的服務(wù)器技術(shù)。
單擊【下一步】，在【您把文件夾存儲在計算機上什么位置】文本框末尾單擊“瀏覽”按鈕設(shè)置站點目錄。注意：文件夾名字要為英文名。
單擊【下一步】，在【您如何連接到遠程服務(wù)器】下拉列表中選擇“無”，暫不設(shè)置使用遠程服務(wù)器。
單擊【下一步】，確認站點相關(guān)信息。最后單擊【完成】成功創(chuàng)建站點。此時，在【文件】面板中即可看見我們創(chuàng)建的站點“我的簡歷”及其目錄結(jié)構(gòu)。
5.2 頁面屬性
設(shè)置頁面的屬性，有2種方法。一種是“屬性面板”，可以設(shè)置具體的對象屬性，如：一段文字的格式、圖片的大小、具體的超級鏈接等。一種是“頁面屬性”，就是設(shè)置頁面的整體屬性，包括字體大小、背景顏色、標題等。
方法一：屬性面板
方法二：頁面屬性
在對話框左側(cè)【分類】列表中選擇【外觀】選項，相應(yīng)的參數(shù)設(shè)置就會顯示在右側(cè)區(qū)域。在該對話框中可設(shè)置網(wǎng)頁中的文本字體樣式、文字大小、文字顏色、頁面背景顏色、頁面背景圖像以及邊距等。
在對話框左側(cè)【分類】列表中選擇【鏈接】選項，相應(yīng)的參數(shù)設(shè)置就會顯示在右側(cè)區(qū)域。在該對話框中可以設(shè)置頁面的鏈接字體、大小、鏈接顏色、變換圖像鏈接、已訪問鏈接、活動鏈接和下劃線樣式。
在對話框左側(cè)【分類】列表中選擇【標題/編碼】選項，相應(yīng)的參數(shù)設(shè)置就會顯示在右側(cè)區(qū)域。在該對話框中可以設(shè)置頁面的文檔標題、文檔類型和編碼類型。
5.3布局網(wǎng)頁
在制作網(wǎng)頁之前應(yīng)該用紙筆或者直接在word文檔中設(shè)計出網(wǎng)頁的布局草圖，在草圖中標明網(wǎng)頁中各種元素的位置。這一步不是必須的，但是，設(shè)計好布局草圖可以避免后續(xù)步驟中調(diào)整網(wǎng)頁布局造成的麻煩。
5.3.1布局模式
布局網(wǎng)頁的方法很多，用表格、層、框架都可以布局網(wǎng)頁。我們這里只介紹最規(guī)范的一種方法，即布局模式。
在“插入”欄的“布局”選項卡中含有“標準”、“擴展”和“布局”3種布局模式，如下圖所示。單擊“布局”按鈕可以將文檔窗口切換到布局模式。
布局模式下有“布局表格”和“布局單元格”兩個布局工具?？梢栽谝粋€布局表格中使用多個布局單元格對網(wǎng)頁進行布局，這是進行網(wǎng)頁布局最常用的方法。也可以使用多個單獨的布局表格進行不規(guī)則的、更復(fù)雜的布局。
5.3.2布局步驟與實例 1.畫布局表格
單擊【布局表格】按鈕，鼠標變成十字形，在文檔編輯區(qū)左上方按住鼠標不放，先拖開一個大小隨意的矩形框，然后在編輯區(qū)下方的屬性面板的“寬”和“高”屬性中分別修改數(shù)值為983和700（像素）?？梢酝ㄟ^設(shè)置“背景顏色”，來預(yù)覽一下外觀。
2.畫布局單元格
根據(jù)草圖中所有頁面元素的位置以及占用頁面大小，按照從上到下、從左到右的基本原則，逐一繪制布局單元格。單擊【布局單元格】按鈕，鼠標變成十字形，在布局表格左上方按住鼠標不放，拖開一個矩形框，拖動到“200×160”時，放開鼠標即可，如下圖所示。雖然布局單元格也可以先隨意繪制，再通過屬性面板調(diào)整，但相鄰的單元格在調(diào)整大小的時候如果操作不當可能會互相影響，需小心操作。
3.設(shè)置表格邊框
由于在布局視圖下是不能設(shè)置表格邊框的，所以先退出布局視圖，進入標準視圖。在文檔編輯區(qū)左下方的【標簽選擇器】上單擊
| 內(nèi)部。如下圖： | 標簽，選中該單元格。 ④ 鼠標移動到【CSS樣式面板】上，右擊“.style1”規(guī)則，在彈出的快捷菜單中選擇【套用】。⑤ 重復(fù)③和④中的操作，逐一將“.style1”規(guī)則應(yīng)用到接下來的幾個單元格中去。⑥ 保存并預(yù)覽，其效果如圖5.5.4所示。 圖5.5.3 表格邊框設(shè)置 圖5.5.4效果預(yù)覽 注意：在Dreamwaver 8中，上一個單元格的下邊框和下一個單元格的上邊框的屬性值效果是可以疊加的。對于相鄰的兩個單元格，在設(shè)置邊框的時候需要考慮到這點。 （2）長文本行距、縮進調(diào)整的設(shè)置步驟如下： ① 在【CSS樣式面板】右擊“border.css”，選擇【新建】創(chuàng)建一個新的CSS規(guī)則，命名為“.style5”。 ② 雙擊“.style5”，打開“CSS規(guī)則定義”對話框。③ 分別設(shè)置以下參數(shù)： ·在【分類】列表框中選擇【類型】，設(shè)置【行高】為25像素； ·在【分類】列表框中選擇【區(qū)塊】，設(shè)置【文字縮進】為30像素； ·在【分類】列表框中選擇【方框】，設(shè)置【邊界】左、右各10像素。④ 單擊【確定】關(guān)閉“CSS規(guī)則定義”對話框。 ⑤ 選中圖11.21中的“自薦信”下方單元格中的兩段長文本。 ⑥ 鼠標移動到【CSS樣式面板】上，右擊“.style5”規(guī)則，在打開的快捷菜單中選擇【套用】。 ⑦ 保存并預(yù)覽，其效果如圖5.5.5所示。 圖5.5.5 長文本行距調(diào)整效果預(yù)覽 5.6使用模板 模板，它能幫助我們快速定制網(wǎng)頁的風(fēng)格，并由模板生成其他頁面，從而避免了許多重復(fù)性的工作。制作模板與制作其他頁面基本相同，只是模板不需要把頁面的所有內(nèi)容都完成，而只要把導(dǎo)航條、標題欄等各個頁面相同的部分制作出來就可以了，其他部分則由模板生成具體頁面時再設(shè)置。 1．創(chuàng)建模板 模板的后綴名是.dwt，保存模板時Dreamwaver 8會在站點目錄下自動生成一個名為“Templates”的文件夾，用以保存模板文件。生成模板的步驟如下： （1）按照制作普通網(wǎng)頁的方法，制作一個頁面。（2）將該頁面另存為模板，如果彈出警示對話框詢問【要更新鏈接嗎？】時，單擊“是”。這時在站點目錄下將出現(xiàn)一個名為Templates的文件夾，且包含了一個名為“filemod.dwt”的模板文件。 2．創(chuàng)建可編輯區(qū) 模板創(chuàng)建后還不能夠直接使用，要先進行模板的編輯，主要是創(chuàng)建可編輯區(qū)。通過模板生成的新網(wǎng)頁，只能更改可編輯區(qū)的內(nèi)容，其余部分總是與模板中的相應(yīng)部分完全一樣。 創(chuàng)建可編輯區(qū)的步驟如下： （1）打開模板文件，選擇一個希望在生成頁面中可被編輯的元素。 （2）切換到“插入”欄的【常用】選項卡，單擊【模板】按鈕，選擇【可編輯區(qū)域】，如圖5.6.1所示。 圖5.6.1 【可編輯區(qū)域】按鈕 （3）在打開的如圖5.6.2所示的“新建可編輯區(qū)域”對話框中輸入可編輯區(qū)域的名稱，最后單擊【確定】按鈕。 圖5.6.2 命名可編輯區(qū) （4）重復(fù)上述過程逐一創(chuàng)建并命名模板中的可編輯區(qū)域，最后保存并關(guān)閉模板文件。最終生成的模板文件如圖5.6.3所示，圖中的“Edit Region1”、“Edit Region2”等就是可編輯區(qū)。 圖5.6.3 生成的模板文件及可編輯區(qū) 3．應(yīng)用模板創(chuàng)建網(wǎng)頁 基于模板創(chuàng)建網(wǎng)頁的操作步驟如下：（1）單擊【文件】菜單，選擇【新建】，打開如圖5.6.4所示的“新建文檔”對話框。（2）切換到【模板】選項卡，在【模板用于】列表中選擇“我的簡歷”站點，并選擇站點模板“filemod”。 圖5.6.4 “從模板新建”對話框 （3）單擊【創(chuàng)建】按鈕即可生成一個新頁面。 通過模板創(chuàng)建的頁面在文檔編輯區(qū)的四周為淡黃色，且其右上角顯示“模板：filemod”字樣。鼠標移動至非可編輯區(qū)域時呈鎖定狀態(tài)，既不可選取也不可單擊。 4．更新模板 不管從模板生成多少網(wǎng)頁，這些網(wǎng)頁在可編輯區(qū)域中可隨意添加、編輯、刪除頁面元素。但是它們的共同部分——不可編輯區(qū)域，卻嚴格遵守模板的統(tǒng)一設(shè)計。反過來，如果模板改變了，那么通過模板創(chuàng)建的各個頁面也可以實現(xiàn)同步更新。 對模板的修改，只需打開模板文件，按照普通頁面那樣隨意修改。修改后保存模板時Dreamwaver 8自動打開如圖5.6.5所示的“更新模板文件”對話框，提示是否更新站點中所有基于此模板的頁面。選擇“更新”將更新所示基于此模板的頁面；選擇“不更新”則所有頁面仍將基于原始模板。 圖5.6.5 “更新模板文件”對話框 
下載教案 花朵的簡易制作.doc
將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。
點此處下載文檔
文檔為doc格式 網(wǎng)址：http://004km.cn/a11/2019051321/918439275b9c0efe.html
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。 科學(xué)小制作教案：簡易電動機科學(xué)小制作三：簡易電動機 一、課時：2課時（一次課，每次2小時） 二、科學(xué)原理：磁場會對電流產(chǎn)生一個作用力，這個力通常稱為安培力，為紀念法國物理學(xué)家安培研究磁場對電流的作用力的杰出...... 簡易孔明鎖的制作教案簡易孔明鎖的制作（4課時） 一 教學(xué)目標 1.知識與技能：識讀簡單三視圖，能在此基礎(chǔ)上畫出正等測圖（※根據(jù)學(xué)生不同層次而定）；初步學(xué)會對材料進行加工（劃線、鋸割等）； 在實踐中逐步掌握手...... 花朵教案《花朵》教案 金甲小學(xué)張勤 【教學(xué)目標】 1.借助拼音正確地朗讀課文，感受語言的韻律美。 2.會認“花、朵、星、是、空、的、節(jié)、們”等7個生字，能口頭給生字組詞，會按正確的筆...... 簡易廣告制作合同廣告設(shè)計制作合同 甲方：廣告公司 乙方： 甲乙雙方本著平等互利、優(yōu)勢互補的原則，就結(jié)成長期、全面的廣告設(shè)計制作合作伙伴關(guān)系，實現(xiàn)資源共享、共同發(fā)展，甲、乙雙方根據(jù)《廣告法》...... 勞技課《制作簡易筆筒》教案學(xué)做簡易筆筒 教學(xué)目標: １、了解筆筒的制作過程，初步掌握剪、折、貼制作的方法； ２、學(xué)會對自己的作品進行美化，培養(yǎng)審美能力和創(chuàng)新能力； ３、通過動手制作，享受勞動的樂趣，美化學(xué)習(xí)環(huán)...... 簡易教案五年制大專部課余興趣班（口才班）教學(xué)資料 第一次課：平舌音(3個): zi ci si 翹舌音(4個): zhi chi shi ri 三拼音節(jié)：ia ua uo uai iao ian iang uang iong 零聲母音節(jié): a ai an...... 花朵的教案1、花朵 一、教學(xué)目標 1. 會認“花、朵”等七個生字，會寫“火”和“我”字，掌握點和斜鉤兩種基本筆畫。 2、借助拼音正確流利的朗讀、背誦課文。 3、 能結(jié)合生活實際，感受到美...... 一年級教案花朵設(shè)計理念： “萬丈高樓平地起”，在學(xué)生構(gòu)建人生中的知識金字塔的過程中，小學(xué)一年級正是打基腳的重要環(huán)節(jié)。而語文教學(xué)，又是基礎(chǔ)中的基礎(chǔ)。要讓孩子打好這個基礎(chǔ)，興趣是關(guān)鍵。小學(xué)...... |
點擊咨詢 