網(wǎng)頁(yè)制作:項(xiàng)目-編排校園文學(xué)網(wǎng)頁(yè)(與“文本”有關(guān)文檔共24張)_第1頁(yè)
網(wǎng)頁(yè)制作:項(xiàng)目-編排校園文學(xué)網(wǎng)頁(yè)(與“文本”有關(guān)文檔共24張)_第2頁(yè)
網(wǎng)頁(yè)制作:項(xiàng)目-編排校園文學(xué)網(wǎng)頁(yè)(與“文本”有關(guān)文檔共24張)_第3頁(yè)
網(wǎng)頁(yè)制作:項(xiàng)目-編排校園文學(xué)網(wǎng)頁(yè)(與“文本”有關(guān)文檔共24張)_第4頁(yè)
網(wǎng)頁(yè)制作:項(xiàng)目-編排校園文學(xué)網(wǎng)頁(yè)(與“文本”有關(guān)文檔共24張)_第5頁(yè)
已閱讀5頁(yè),還剩19頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

項(xiàng)目三編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)面屬性任務(wù)二編排頁(yè)眉文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver8任務(wù)一任務(wù)二任務(wù)三編排網(wǎng)頁(yè)主體文本任務(wù)四編排頁(yè)腳文本任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第1頁(yè),共24頁(yè)。任務(wù)一設(shè)置頁(yè)面屬性

本任務(wù)主要介紹在【頁(yè)面屬性】對(duì)話框中設(shè)置文本字體、大小、顏色、背景顏色、背景圖像、頁(yè)邊距、網(wǎng)頁(yè)標(biāo)題及文檔編碼的基本方法。通過本任務(wù)的學(xué)習(xí),讀者應(yīng)對(duì)頁(yè)面屬性有一個(gè)全面的認(rèn)識(shí),并掌握參數(shù)的設(shè)置方法。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)設(shè)置頁(yè)面屬性操作動(dòng)畫任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第2頁(yè),共24頁(yè)。1.設(shè)置【外觀】分類

通過【頁(yè)面屬性】對(duì)話框的【外觀】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)文本的字體、大小、顏色以及網(wǎng)頁(yè)的背景顏色、背景圖像和頁(yè)邊距等。背景圖像還可以通過【重復(fù)】選項(xiàng)來決定背景圖像是重復(fù)還是不重復(fù),是橫向重復(fù)還是縱向重復(fù)。

Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)面屬性任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第3頁(yè),共24頁(yè)。

通過【頁(yè)面屬性】對(duì)話框的【鏈接】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)超級(jí)鏈接文本的字體、大小、不同狀態(tài)下鏈接文本的顏色等屬性。2.設(shè)置【鏈接】分類Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)面屬性任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第4頁(yè),共24頁(yè)。

通過【頁(yè)面屬性】對(duì)話框的【標(biāo)題】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)標(biāo)題“標(biāo)題1~標(biāo)題6”的字體、大小、顏色等屬性,通常保持默認(rèn)設(shè)置。

3.設(shè)置【標(biāo)題】分類Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)面屬性任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第5頁(yè),共24頁(yè)。

通過【頁(yè)面屬性】對(duì)話框的【標(biāo)題/編碼】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)在瀏覽器標(biāo)題欄顯示的標(biāo)題以及文檔類型和編碼。文檔類型和編碼如果在【首選參數(shù)】的【新建文檔】分類中已進(jìn)行了設(shè)置,這里將顯示原設(shè)置值,如需要修改可以在此處進(jìn)行重新設(shè)置。4.設(shè)置【標(biāo)題/編碼】分類Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)面屬性任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第6頁(yè),共24頁(yè)。

本任務(wù)主要是對(duì)網(wǎng)頁(yè)頁(yè)眉部分的文本進(jìn)行編排。通過學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要有文本字體、大小和顏色設(shè)置以及文本對(duì)齊方式等。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)二編排頁(yè)眉文本編排頁(yè)眉操作動(dòng)畫任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第7頁(yè),共24頁(yè)。

廣義的文本字體屬性通常包括文本的字體、字號(hào)、顏色等,它可以通過【屬性】面板中的【字體】、【大小】、【顏色】等選項(xiàng)或【文本】菜單中的【字體】、【大小】、【顏色】等命令來設(shè)置。1.設(shè)置【字體】、【大小】和【顏色】等Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)二編排頁(yè)眉文本任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第8頁(yè),共24頁(yè)。任務(wù)二編排頁(yè)眉文本本操作主要是編排網(wǎng)頁(yè)右側(cè)欄目中的文本。設(shè)置【標(biāo)題/編碼】分類Dreamweaver8當(dāng)將標(biāo)題設(shè)置成“標(biāo)題1”~“標(biāo)題6”中的某一種時(shí),Dreamweaver會(huì)按其默認(rèn)設(shè)置顯示。Dreamweaver8文檔標(biāo)題主要用來對(duì)頁(yè)面內(nèi)容進(jìn)行概括或分類。4、插入水平線的方法【插入其他字符】對(duì)話框1、設(shè)置文檔標(biāo)題的方法【插入其他字符】對(duì)話框通過學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要有文本字體、大小和顏色設(shè)置以及文本對(duì)齊方式等。進(jìn)一步鞏固列表和文本縮進(jìn)的應(yīng)用。通過本操作的學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要有:4、插入水平線的方法如果設(shè)置多個(gè)段落的對(duì)齊方式,則需要先選中這些段落。

文本的對(duì)齊方式通常有4種:【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】和【兩端對(duì)齊】??梢砸来瓮ㄟ^單擊【屬性】面板中的【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】和【兩端對(duì)齊】按鈕來實(shí)現(xiàn),也可以通過在主菜單欄或右鍵快捷菜單中選擇【文本】/【對(duì)齊】級(jí)聯(lián)菜單命令來實(shí)現(xiàn)。如果設(shè)置多個(gè)段落的對(duì)齊方式,則需要先選中這些段落。2.設(shè)置文本對(duì)齊方式Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)二編排頁(yè)眉文本任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第9頁(yè),共24頁(yè)。

本任務(wù)主要是對(duì)網(wǎng)頁(yè)主體部分的文本進(jìn)行編排,涉及到的知識(shí)點(diǎn)有文本標(biāo)題格式,文本的字體、大小和顏色,文本對(duì)齊方式以及列表的應(yīng)用等。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)三編排網(wǎng)頁(yè)主體文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)編排網(wǎng)頁(yè)主體操作動(dòng)畫任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第10頁(yè),共24頁(yè)。操作一編排左側(cè)欄目文本

本操作主要是編排網(wǎng)頁(yè)左側(cè)欄目中的文本。通過本操作的學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要有:

1、設(shè)置文本段落的方法在文檔窗口中,每按一次【Enter】鍵就會(huì)生成一個(gè)段落。按【Enter】鍵的操作通常稱為“硬回車”,段落就是帶有硬回車的文本組合。由硬回車生成的段落,其HTML標(biāo)簽是“<p>文本</p>”。使用硬回車劃分段落后,段落與段落之間會(huì)產(chǎn)生一個(gè)空行間距。如果以CSS樣式的方式設(shè)置了一個(gè)段落的字體、大小和顏色屬性,按【Enter】鍵后下一段文本會(huì)繼承這一屬性。如果要取消這一屬性,需要在【屬性】面板的【樣式】下拉列表中選擇“無”。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第11頁(yè),共24頁(yè)。操作一編排左側(cè)欄目文本2、插入換行符的方法插入換行符可以在主菜單欄中選擇【插入】/【HTML】/【特殊字符】/【換行符】命令,也可以按【

Shift】

+【

Enter】鍵。其HTML標(biāo)簽是“<br>”。使用換行符只能使文本換行,但這不等于重新開始一個(gè)段落,只有按【Enter】鍵才是重新開始一個(gè)段落。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)換行符任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第12頁(yè),共24頁(yè)。操作一編排左側(cè)欄目文本3、設(shè)置文本樣式的方法通過【文本】/【樣式】級(jí)聯(lián)菜單命令可以對(duì)文本設(shè)置簡(jiǎn)單的樣式,如“下劃線”、“刪除線”等。在【屬性】面板中,單擊【

B】按鈕或【

I】按鈕也可以給文本設(shè)置粗體或斜體樣式。

Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)加下劃線任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第13頁(yè),共24頁(yè)。4、設(shè)置文本對(duì)齊方式的方法單擊【屬性】面板的【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】和【兩端對(duì)齊】按鈕或選擇【文本】/【對(duì)齊】菜單中的【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】和【兩端對(duì)齊】命令可分別使文本左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作一編排左側(cè)欄目文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第14頁(yè),共24頁(yè)。5、【文本】工具面板和插入特殊字符的方法在【插入】面板中選擇【文本】選項(xiàng),將出現(xiàn)【文本】工具面板?!疚谋尽抗ぞ呙姘宓淖詈笠豁?xiàng)為【字符】,單擊該項(xiàng)將出現(xiàn)字符列表下拉菜單,其中所列符號(hào)都可以通過選擇插入到文本中。選擇【其他字符】選項(xiàng),將打開【插入其他字符】對(duì)話框,可以從中插入一些特殊符號(hào)。插入特殊字符也可以通過【插入】/【HTML】/【特殊字符】級(jí)聯(lián)菜單命令進(jìn)行。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作一編排左側(cè)欄目文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)【文本】工具面板

字符列表【插入其他字符】對(duì)話框任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第15頁(yè),共24頁(yè)。

本操作主要是編排網(wǎng)頁(yè)右側(cè)欄目中的文本。通過本操作的學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要有:

1、設(shè)置文檔標(biāo)題的方法文檔標(biāo)題主要用來對(duì)頁(yè)面內(nèi)容進(jìn)行概括或分類。Dreamweaver提供了6種標(biāo)準(zhǔn)的樣式“標(biāo)題1”~“標(biāo)題6”,可以在【屬性】面板的【格式】下拉列表中進(jìn)行選擇。“標(biāo)題1”~“標(biāo)題6”對(duì)應(yīng)的HTML標(biāo)簽是“<h1>”~“<h6>”。當(dāng)將標(biāo)題設(shè)置成“標(biāo)題1”~“標(biāo)題6”中的某一種時(shí),Dreamweaver會(huì)按其默認(rèn)設(shè)置顯示。當(dāng)然也可以通過【頁(yè)面屬性】對(duì)話框的【標(biāo)題】分類來重新設(shè)置“標(biāo)題1”~“標(biāo)題6”的字體、大小和顏色屬性。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作二編排右側(cè)正文文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第16頁(yè),共24頁(yè)。任務(wù)一設(shè)置頁(yè)面屬性網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver8通過【頁(yè)面屬性】對(duì)話框的【標(biāo)題】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)標(biāo)題“標(biāo)題1~標(biāo)題6”的字體、大小、顏色等屬性,通常保持默認(rèn)設(shè)置。任務(wù)一設(shè)置頁(yè)面屬性2、設(shè)置文本縮進(jìn)或凸出的方法如果對(duì)日期格式不滿意,可用鼠標(biāo)單擊插入的日期,顯示日期【屬性】面板,然后單擊【編輯日期格式】按鈕,打開【插入日期】對(duì)話框進(jìn)行重新設(shè)置。1、設(shè)置文檔標(biāo)題的方法【插入其他字符】對(duì)話框文檔標(biāo)題主要用來對(duì)頁(yè)面內(nèi)容進(jìn)行概括或分類。通過【頁(yè)面屬性】對(duì)話框的【標(biāo)題】分類,可以設(shè)置當(dāng)前網(wǎng)頁(yè)標(biāo)題“標(biāo)題1~標(biāo)題6”的字體、大小、顏色等屬性,通常保持默認(rèn)設(shè)置。Dreamweaver8插入特殊字符也可以通過【插入】/【HTML】/【特殊字符】級(jí)聯(lián)菜單命令進(jìn)行。2、設(shè)置文本縮進(jìn)或凸出的方法在文檔排版過程中,有時(shí)會(huì)遇到需要使某段文本整體向內(nèi)縮進(jìn)或整體向外凸出的情況。在主菜單欄或右鍵快捷菜單中選擇【文本】/【縮進(jìn)】命令或【文本】/【凸出】命令,或者單擊【屬性】面板上的【縮進(jìn)】按鈕或【凸出】按鈕,可以使段落整體向內(nèi)縮進(jìn)或整體向外凸出。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作二編排右側(cè)正文文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第17頁(yè),共24頁(yè)。3、列表的應(yīng)用列表是一種簡(jiǎn)單而實(shí)用的段落排列方式,最經(jīng)常使用的兩種列表是項(xiàng)目列表和編號(hào)列表。通過【列表屬性】對(duì)話框可以對(duì)列表的樣式進(jìn)行更改。當(dāng)在【列表類型】下拉列表中選擇“項(xiàng)目列表”時(shí),對(duì)應(yīng)的【樣式】下拉列表中的選項(xiàng)有“默認(rèn)”、“項(xiàng)目符號(hào)”和“正方形”。當(dāng)在【列表類型】下拉列表中選擇“編號(hào)列表”時(shí),對(duì)應(yīng)的【樣式】下拉列表中的選項(xiàng)發(fā)生了變化,【開始計(jì)數(shù)】選項(xiàng)也處于可用狀態(tài),通過【開始計(jì)數(shù)】選項(xiàng),可以設(shè)置編號(hào)列表的起始編號(hào)。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作二編排右側(cè)正文文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第18頁(yè),共24頁(yè)。4、插入水平線的方法在主菜單欄中選擇【插入】/【HTML】/【水平線】命令,在文檔中插入一條水平線。如果對(duì)插入的水平線不滿意,可以通過【屬性】面板對(duì)其寬度、高度、對(duì)齊方式和是否有陰影進(jìn)行修改。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作操作二編排右側(cè)正文文本項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第19頁(yè),共24頁(yè)。

本任務(wù)主要是對(duì)網(wǎng)頁(yè)頁(yè)腳部分的文本進(jìn)行編排。通過本任務(wù)的學(xué)習(xí),應(yīng)該掌握的內(nèi)容主要是插入日期的方法。在主菜單欄中選擇【插入】/【日期】命令,打開【插入日期】對(duì)話框,可分別對(duì)【星期格式】、【日期格式】和【時(shí)間格式】進(jìn)行設(shè)置,并可選擇是否【儲(chǔ)存時(shí)自動(dòng)更新】。如果對(duì)日期格式不滿意,可用鼠標(biāo)單擊插入的日期,顯示日期【屬性】面板,然后單擊【編輯日期格式】按鈕,打開【插入日期】對(duì)話框進(jìn)行重新設(shè)置。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)四編排頁(yè)腳文本任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第20頁(yè),共24頁(yè)。

需要注意的是,只有在【插入日期】對(duì)話框中選擇【儲(chǔ)存時(shí)自動(dòng)更新】選項(xiàng)的前提下,才能夠做到單擊日期顯示日期編輯【屬性】面板,否則插入的日期僅僅是一段文本而已。另外,只有第1次打開【插入日期】對(duì)話框時(shí),才顯示【儲(chǔ)存時(shí)自動(dòng)更新】選項(xiàng)。以后每次對(duì)網(wǎng)頁(yè)進(jìn)行更新或修改時(shí),該日期都會(huì)自動(dòng)進(jìn)行更新。Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目三:

編排校園文學(xué)網(wǎng)頁(yè)任務(wù)四編排頁(yè)腳文本任務(wù)一任務(wù)二任務(wù)三小結(jié)任務(wù)四實(shí)訓(xùn)第21頁(yè),共24頁(yè)。實(shí)訓(xùn)設(shè)置“郭沫若散文欣賞”文檔格式

本實(shí)訓(xùn)將對(duì)網(wǎng)頁(yè)文本編排的基本知識(shí)加以鞏固,同時(shí)掌握一些文本編排的基本技巧和基本操作。Dreamweaver

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論