電子商務(wù)網(wǎng)頁(yè)制作-項(xiàng)目6-資料下載頁(yè)
2025-02-11 15:02本頁(yè)面
【正文】 aver CS5的代碼編輯功能很實(shí)用，在“代碼”視圖中編輯代碼時(shí)，經(jīng)常會(huì)有彈出菜單提示，我們可以利用這些彈出菜單快速地編輯 CSS代碼。以前面的“ mystyle” 設(shè)置為例，在代碼中找到 style/style標(biāo)記對(duì)，在其中輸入“ .style{” 后就會(huì)彈出菜單，菜單中列出了所有可編輯的 CSS代碼項(xiàng)，在菜單中選擇“ fontsize” 后回車即可輸入這段代碼（輸入“ f” 可快速定位到以“ f” 開頭的項(xiàng) ）： 在實(shí)際工作中，如果對(duì)于代碼設(shè)置 CSS樣式很熟練的話，對(duì)網(wǎng)頁(yè)設(shè)計(jì)會(huì)更加有利，效率也更高。當(dāng)然，對(duì)代碼的掌握相對(duì)來(lái)說(shuō)也較難一些，要對(duì)各種常用設(shè)置的代碼單詞比較熟悉才行。 小貼士 CSS樣式表的編輯 2．修改 CSS樣式表 當(dāng) 某個(gè)樣式創(chuàng)建成功后，就可以在 Dreamweaver CS5窗口的“ CSS樣式”面板中看到該樣式的 名稱。 要 想修改已經(jīng)設(shè)置過(guò)的 CSS樣式，可以直接雙擊要修改的樣式名稱，將打開 “ CSS規(guī)則定義”對(duì)話框，在里面可以對(duì)樣式屬性迚行修改。 當(dāng)然 ，我們也可以在“代碼”視圖中找到要修改的樣式，直接在代碼里修改。 外部樣式表的應(yīng)用 前面 的 CSS樣式表是定義在網(wǎng)頁(yè)內(nèi)部的，屬于內(nèi)部樣式表，它只對(duì)該網(wǎng)頁(yè)對(duì)作用。在制作網(wǎng)站時(shí)，經(jīng)常要使用外部樣式表，它可以應(yīng)用到所有關(guān)聯(lián)的網(wǎng)頁(yè)中。 1．新建外部樣式表文件 在 前文的圖 68“ 新建 CSS規(guī)則”對(duì)話框中，在設(shè)置了“選擇器類型”和“選擇器名稱”后，如果在“規(guī)則定義”里選擇“新建樣式表文件”，點(diǎn)擊“確定”，可以打開“將樣式表文件另存為” 對(duì)話框。 選擇 保存位置、輸入文件名后，將新建的 CSS文件以單獨(dú)文檔的形式存儲(chǔ)在站點(diǎn)中，可以將后面要設(shè)置的各種 CSS樣式都保存在該CSS文件內(nèi)。 外部樣式表的應(yīng)用 2．鏈接外部 CSS樣式表文件 創(chuàng)建 了外部 CSS樣式表后，必須將網(wǎng)頁(yè)鏈接到樣式表文件，才能讓樣式表文件中的樣式設(shè)置應(yīng)用到網(wǎng)頁(yè)中。鏈接外部樣式表方法如下： （ 1）首先打開要鏈接外部樣式表的網(wǎng)頁(yè)文件。 （ 2）打開“格式”菜單，選擇“ CSS樣式”子菜單中的“附加樣式表”命令，將打開“鏈接外部樣式表”對(duì)話框 在“文本 /URL” 中輸入要鏈接的外部樣式表文件的 URL，戒單擊“瀏覽”查找并指定外部樣式表文件；在“添加為”選項(xiàng)中選擇“鏈接”，如果要嵌套樣式表則要選擇“導(dǎo)入” 。 （ 3）點(diǎn)擊“確定”后，即可將外部樣式表鏈接到網(wǎng)頁(yè)中，從而使該外部樣式表中的樣式設(shè)置對(duì)當(dāng)前網(wǎng)頁(yè)起作用。 外部樣式表的應(yīng)用 2．鏈接外部 CSS樣式表文件 創(chuàng)建 了外部 CSS樣式表后，必須將網(wǎng)頁(yè)鏈接到樣式表文件，才能讓樣式表文件中的樣式設(shè)置應(yīng)用到網(wǎng)頁(yè)中。鏈接外部樣式表方法如下： （ 1）首先打開要鏈接外部樣式表的網(wǎng)頁(yè)文件。 （ 2）打開“格式”菜單，選擇“ CSS樣式”子菜單中的“附加樣式表”命令，將打開“鏈接外部樣式表”對(duì)話框 在“文本 /URL” 中輸入要鏈接的外部樣式表文件的 URL，戒單擊“瀏覽”查找并指定外部樣式表文件；在“添加為”選項(xiàng)中選擇“鏈接”，如果要嵌套樣式表則要選擇“導(dǎo)入” 。 （ 3）點(diǎn)擊“確定”后，即可將外部樣式表鏈接到網(wǎng)頁(yè)中，從而使該外部樣式表中的樣式設(shè)置對(duì)當(dāng)前網(wǎng)頁(yè)起作用。 項(xiàng)目總結(jié) 本項(xiàng)目介紹了框架網(wǎng)頁(yè)不樣式表的知識(shí)。在同一個(gè)站點(diǎn)中有許多網(wǎng)頁(yè)具有相同的導(dǎo)航欄、標(biāo)題欄等，如果在制作每個(gè)網(wǎng)頁(yè)時(shí)都要重復(fù)制作這些相同的內(nèi)容顯得效率較低，框架能夠很好的解決這個(gè)問(wèn)題。 CSS樣式表是一種非常有用的技術(shù)，它可以很好的設(shè)置網(wǎng)頁(yè)元素的各種樣式，將樣式表不網(wǎng)頁(yè)相關(guān)聯(lián)，關(guān)聯(lián)的網(wǎng)頁(yè)將自動(dòng)套用樣式表中的格式，使所有網(wǎng)頁(yè)中都可以應(yīng)用相同的樣式，可以保證站點(diǎn)風(fēng)格的統(tǒng)一，還能提高網(wǎng)頁(yè)制作的效率。 推薦資源 謝謝觀賞！ 演講完畢，謝謝觀看！
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1