^{<sub id="pa5u5"></sub>}

正文內(nèi)容

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-資料下載頁(yè)

2026-04-07 08:22本頁(yè)面

　　

【正文】浮動(dòng)布局的應(yīng)用。 1) 以“個(gè)人首頁(yè)”為項(xiàng)目驅(qū)動(dòng)，自由發(fā)揮完成一個(gè)真實(shí)項(xiàng)目的設(shè)計(jì)和創(chuàng)建。2) 寫出規(guī)范完善的設(shè)計(jì)和制作文檔，便于對(duì)知識(shí)進(jìn)行梳理和整理。三、板書設(shè)計(jì)新課講解可擦寫區(qū)域l 設(shè)計(jì)網(wǎng)站效果圖l 劃分頁(yè)面區(qū)塊（重點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)頁(yè)眉（重點(diǎn)、難點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)導(dǎo)航條（重點(diǎn)、難點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)主題部分（重點(diǎn)、難點(diǎn)）講解細(xì)節(jié)布置任務(wù)四、課后附記課程回顧：【約10分鐘】l 通過(guò)互動(dòng)的方式回顧之前的學(xué)習(xí)內(nèi)容，為階段項(xiàng)目的制作做好準(zhǔn)備。l 學(xué)生通過(guò)互動(dòng)方式回答教師提出的問(wèn)題。l 認(rèn)真聽取教師的總結(jié)，明確本項(xiàng)目單元的學(xué)習(xí)任務(wù)。l 明確本項(xiàng)目單元的總體學(xué)習(xí)目標(biāo)。帶著目標(biāo)和任務(wù)學(xué)習(xí)。l 對(duì)學(xué)習(xí)目標(biāo)形成一個(gè)初步地、大致地、總體的知識(shí)輪廓。新課講解：【約65分鐘】：教師利用“個(gè)人主頁(yè)”項(xiàng)目為驅(qū)動(dòng)，進(jìn)行階段知識(shí)回顧、復(fù)習(xí)和綜合應(yīng)用。：通過(guò)“個(gè)人主頁(yè)”項(xiàng)目制作，完成一個(gè)網(wǎng)站首頁(yè)的整個(gè)設(shè)計(jì)流程。3. 任務(wù)目標(biāo)：熟練“個(gè)人主頁(yè)”首頁(yè)的設(shè)計(jì)和創(chuàng)建。l 此部分由于在課前已作為課前任務(wù)做好了前期的準(zhǔn)備工作，因此，直接在ps中實(shí)現(xiàn)效果圖的制作。l 時(shí)刻保持與教師的互動(dòng)。l 思路跟教師保持一致，保證學(xué)習(xí)效果。提醒學(xué)生出圖的方法，注意使用切片工具對(duì)大圖進(jìn)行切割。互動(dòng)提問(wèn)，整個(gè)頁(yè)面區(qū)塊如何劃分？教師提醒：合理進(jìn)行區(qū)塊劃分將有利于后期區(qū)塊內(nèi)容得添及樣式的的設(shè)計(jì)和制作。網(wǎng)站結(jié)構(gòu)在設(shè)計(jì)過(guò)程中，一定要保證網(wǎng)頁(yè)結(jié)構(gòu)與表現(xiàn)進(jìn)行分離，便于后期網(wǎng)站的維護(hù)。CSS中首選的讓元素水平居中的方法將元素的marginleft和marginright屬性設(shè)置為auto即可。在實(shí)際使用中，我們可以為這些需要居中的元素創(chuàng)建一個(gè)起容器作用的div。需要特別注意的一點(diǎn)就是，必須為該容器指定寬度。此部分符合樣式是為了對(duì)代碼進(jìn)行優(yōu)化，避免累贅，提高代碼的執(zhí)行效率。此部分由于不涉及二級(jí)頁(yè)面的制作，將所有的導(dǎo)航目標(biāo)設(shè)置為空鏈接。說(shuō)明：a:link是超級(jí)鏈接的初始狀態(tài)。a:hover是把鼠標(biāo)放上去時(shí)懸停的狀態(tài)。a:active是鼠標(biāo)點(diǎn)擊時(shí)，即鼠標(biāo)左鍵點(diǎn)擊鏈接對(duì)象與釋放鼠標(biāo)右鍵之間很短暫樣式效果。a:visited是訪問(wèn)過(guò)后的狀態(tài)。一般網(wǎng)站需要設(shè)置的是“a:link”、“a:visited”、“a:hover”三種狀態(tài)，“a:active”狀態(tài)設(shè)置較少。顏色測(cè)試法是網(wǎng)頁(yè)布局中最常用的測(cè)試方法。互動(dòng)提問(wèn)原因？總結(jié)：不占尺寸，但是還可以看到區(qū)塊的范圍。在樣式設(shè)置過(guò)程中，注重代碼的效率，此部分注意提醒學(xué)生。1）兩張圖片的樣式相同2）兩個(gè)圖片的標(biāo)題相同3）兩個(gè)圖片的文字描述相同由于此部分樣式比較繁多，強(qiáng)調(diào)學(xué)生一定要邊做邊測(cè)試，以瀏覽器效果為準(zhǔn)。提醒學(xué)生：注意代碼的格式，要有層次感。Bacground屬性是一個(gè)符合屬性，可以同時(shí)設(shè)置背景的多個(gè)屬性，中間通過(guò)空格來(lái)連接不同屬性值。單元項(xiàng)目歸納和總結(jié)【約5分鐘】教師采用互動(dòng)提問(wèn)的方式進(jìn)行知識(shí)的歸納和總結(jié)，并強(qiáng)調(diào)重點(diǎn)和難點(diǎn)知識(shí)。布置單元項(xiàng)目任務(wù)【約5分鐘】要求學(xué)生課下任務(wù)必須按質(zhì)按量按時(shí)完成，強(qiáng)調(diào)作業(yè)的重要性。

點(diǎn)擊復(fù)制文檔內(nèi)容

公司管理相關(guān)推薦

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)-資料下載頁(yè)

【總結(jié)】第8章DreamweaverCS4網(wǎng)頁(yè)制作技術(shù)?DreamweaverCS4基礎(chǔ)?站點(diǎn)的創(chuàng)建與管理?創(chuàng)建網(wǎng)頁(yè)基本元素?表格的應(yīng)用?CSS樣式的使用?框架的使用?添加多媒體元素DreamweaverCS4基礎(chǔ)?（一）網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)?（二）AdobeDrea

2026-03-01 11:34

dreamweaver-flash-fireworks網(wǎng)頁(yè)制作培訓(xùn)教程第14課-資料下載頁(yè)

【總結(jié)】Dreamweaver8，F(xiàn)lash8，F(xiàn)ireworks8網(wǎng)頁(yè)制作培訓(xùn)教程第14課動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)?本課要點(diǎn)?具體要求?本課導(dǎo)讀?上機(jī)練習(xí)Dreamweaver8，F(xiàn)lash8，F(xiàn)ireworks8網(wǎng)頁(yè)制作培訓(xùn)教程本課要點(diǎn)?應(yīng)用表單?使用行為?插入媒體對(duì)象?滾動(dòng)特效Dr

2026-03-01 11:31

網(wǎng)頁(yè)設(shè)計(jì)與制作第2章dreamweavermx基本操作-資料下載頁(yè)

【總結(jié)】第2章dreamweaverMX基本操作DreamweaverMX2021基本操作?dreamweaverMX2021??dreamweaverMX2021?dreamweaverMX2021工作界面介紹??網(wǎng)頁(yè)的打開；跟其他

2025-10-08 02:40

dreamweaver網(wǎng)頁(yè)1-資料下載頁(yè)

【總結(jié)】網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)制作課程內(nèi)容：1、網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)2、HTML語(yǔ)言3、Dreamveaver4、綜合應(yīng)用(課程實(shí)訓(xùn))第一講網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)在學(xué)習(xí)網(wǎng)頁(yè)制作之前，首先應(yīng)了解一些網(wǎng)頁(yè)與網(wǎng)站的基本知識(shí)，了解常用的網(wǎng)頁(yè)制作工具，熟悉網(wǎng)站開發(fā)流程。本講要點(diǎn)：?網(wǎng)頁(yè)的基本概念?網(wǎng)頁(yè)包括的主要元素

2026-03-01 11:35

使用dreamweaver制作個(gè)人網(wǎng)站-資料下載頁(yè)

【總結(jié)】第2章使用Dreamweaver制作個(gè)人網(wǎng)站?學(xué)習(xí)目標(biāo)：–1)了解Dreamweaver的工作界面，掌握創(chuàng)建及管理一個(gè)站點(diǎn)的方法。–2)掌握網(wǎng)頁(yè)文檔的創(chuàng)建、保存、關(guān)閉等基本操作。–3)掌握插入普通文本、特殊文本、圖像、表格等網(wǎng)頁(yè)基本元素的方法，能創(chuàng)建文本、圖像、錨點(diǎn)等超級(jí)鏈接。–4)理解CSS規(guī)則，能創(chuàng)建簡(jiǎn)單

2026-03-02 10:46

dreamweaver-flash-fireworks網(wǎng)頁(yè)制作培訓(xùn)教程第7課-資料下載頁(yè)

【總結(jié)】Dreamweaver8，F(xiàn)lash8，F(xiàn)ireworks8網(wǎng)頁(yè)制作培訓(xùn)教程第7課制作動(dòng)畫?本課要點(diǎn)?具體要求?本課導(dǎo)讀?上機(jī)練習(xí)Dreamweaver8，F(xiàn)lash8，F(xiàn)ireworks8網(wǎng)頁(yè)制作培訓(xùn)教程本課要點(diǎn)?基礎(chǔ)動(dòng)畫?引導(dǎo)動(dòng)畫?遮罩動(dòng)畫Dreamweaver8，F(xiàn)

2026-03-01 01:58

dreamweavercs4網(wǎng)頁(yè)設(shè)計(jì)與制作指南第16章-資料下載頁(yè)

【總結(jié)】第16章公司網(wǎng)站制作案例本章案例以制作一個(gè)電力公司的網(wǎng)站和主導(dǎo)，系統(tǒng)講解如何實(shí)現(xiàn)客戶的需求，在整個(gè)過(guò)程中，按照“新建站點(diǎn)”|“制作模板”|“制作首頁(yè)文件”|“制作子頁(yè)文件”|“案例擴(kuò)展分析”的流程，全面分析制作網(wǎng)站的過(guò)程。本章重要知識(shí)點(diǎn)：?了解企業(yè)網(wǎng)站的制作流程?掌握制作模板的流程?掌握新建和修改CSS樣式表的技巧?

2026-03-01 11:33

靜態(tài)網(wǎng)頁(yè)班級(jí)網(wǎng)站設(shè)計(jì)-資料下載頁(yè)

【總結(jié)】?jī)?nèi)蒙古化工職業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文）用紙第1頁(yè)班級(jí)網(wǎng)站設(shè)計(jì)畢業(yè)論文摘要班級(jí)網(wǎng)站是一個(gè)班級(jí)和外界交流的窗口，也是本班同學(xué)相互聯(lián)系,交流的平臺(tái)。本網(wǎng)站的主要功能是能讓各類用戶在自己的權(quán)限范圍內(nèi)方便地管理相應(yīng)的信息網(wǎng)站在登錄界面提供身份驗(yàn)證功能，并且還

2025-11-25 00:41

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)之：框架-資料下載頁(yè)

【總結(jié)】第7章框架在設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面布局的時(shí)候，一般我們可以通過(guò)表格來(lái)進(jìn)行排版，但還有一類網(wǎng)頁(yè)可以使用框架來(lái)設(shè)計(jì)。利用框架設(shè)計(jì)的頁(yè)面，可以將不同的信息內(nèi)容分類顯示在不同的區(qū)域內(nèi)，那樣可以簡(jiǎn)化操作，使頁(yè)面布局合理，訪問(wèn)者瀏覽查看也更方便。?學(xué)習(xí)目標(biāo)理解框架和框架集的概念；掌握使用框架設(shè)計(jì)網(wǎng)頁(yè)的方法。

2026-03-01 02:01

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)8-資料下載頁(yè)

【總結(jié)】第8章框架框架的基本概念創(chuàng)建框架集保存框架和框架集設(shè)置框架和框架集的屬性框架實(shí)例模板思考與練習(xí)1圖2框架的基本概念框架（Frame）就是瀏覽器窗口的一個(gè)區(qū)域，在這個(gè)區(qū)域中可以顯示一個(gè)單獨(dú)的文檔（頁(yè)面）而不影響另一個(gè)區(qū)域中的顯示內(nèi)容。框架又理解為

2026-03-01 11:35

[理學(xué)]dreamweaver網(wǎng)頁(yè)設(shè)計(jì)說(shuō)課稿-資料下載頁(yè)

【總結(jié)】《網(wǎng)頁(yè)三劍客》FLASH動(dòng)畫制作篇（二）制作人夏賢鈴一堂課說(shuō)課稿進(jìn)入主頁(yè)上一頁(yè)下一頁(yè)※退出第9章動(dòng)態(tài)網(wǎng)頁(yè)制作?教材分析?教學(xué)目標(biāo)?教學(xué)重難點(diǎn)?教學(xué)方法?上課課件?教學(xué)課時(shí)?教學(xué)過(guò)程?課堂小結(jié)?實(shí)戰(zhàn)演練主頁(yè)

2025-10-10 00:34

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)2-資料下載頁(yè)

【總結(jié)】第二講HTML語(yǔ)言HTML語(yǔ)言是超文本標(biāo)記語(yǔ)言（HypertextMark-upLanguage）的縮寫,主要用來(lái)創(chuàng)建與系統(tǒng)平臺(tái)無(wú)關(guān)的網(wǎng)頁(yè)文檔,它不是編程語(yǔ)言，而是一種描述性的標(biāo)記語(yǔ)言。所有網(wǎng)頁(yè)軟件都是以HTML為基礎(chǔ)，學(xué)會(huì)了它可以更方便靈活地控制網(wǎng)頁(yè)。特別是在動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)中，常常需要利用ASP、JSP、PHP等代碼來(lái)輸出網(wǎng)頁(yè)的部分HT

2026-03-01 11:32

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)-資料下載頁(yè)

dreamweaver-flash-fireworks網(wǎng)頁(yè)制作培訓(xùn)教程第14課-資料下載頁(yè)

網(wǎng)頁(yè)設(shè)計(jì)與制作第2章dreamweavermx基本操作-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)1-資料下載頁(yè)

使用dreamweaver制作個(gè)人網(wǎng)站-資料下載頁(yè)

dreamweaver-flash-fireworks網(wǎng)頁(yè)制作培訓(xùn)教程第7課-資料下載頁(yè)

dreamweavercs4網(wǎng)頁(yè)設(shè)計(jì)與制作指南第16章-資料下載頁(yè)

靜態(tài)網(wǎng)頁(yè)班級(jí)網(wǎng)站設(shè)計(jì)-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)之：框架-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)8-資料下載頁(yè)

[理學(xué)]dreamweaver網(wǎng)頁(yè)設(shè)計(jì)說(shuō)課稿-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)2-資料下載頁(yè)

dreamweaver網(wǎng)頁(yè)設(shè)計(jì)授課教案-資料下載頁(yè)

靜態(tài)網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告-資料下載頁(yè)

個(gè)人博客網(wǎng)頁(yè)設(shè)計(jì)與制作-資料下載頁(yè)

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-預(yù)覽頁(yè)

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-免費(fèi)閱讀

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人(存儲(chǔ)版)

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-文庫(kù)吧在線文庫(kù)

0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人(完整版)