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