正文內容

電子商務網頁制作-項目6-資料下載頁

2026-02-02 15:02本頁面

　　

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

點擊復制文檔內容

環評公示相關推薦

電子商務網頁制作-項目6-資料下載頁

電子商務網頁制作項目框架網頁與樣式表培訓課件-資料下載頁

電子商務網頁制作實訓報告-資料下載頁

電子商務網頁設計與制作說課(終結)-資料下載頁

電子商務網頁制作-項目站點創建新體驗培訓課件-資料下載頁

電子商務網頁制作-課程設計指導培訓課件-資料下載頁

電子商務物流6-資料下載頁

電子商務概論6-資料下載頁

電子商務網頁與網站設計-資料下載頁

電子商務網頁與網站設計-資料下載頁

電子商務網頁設計實訓報告-資料下載頁

電子商務安全與網頁制作-資料下載頁

電子商務網站建設和實踐-網頁版面布局設計-資料下載頁

電子商務創意與電子商務網站設計-資料下載頁

[精選]電子商務網絡營銷-電子商務網絡營銷-資料下載頁

電子商務網站建設第6章-資料下載頁

電子商務網頁制作-項目6-文庫吧

電子商務網頁制作-項目6-wenkub

電子商務網頁制作-項目6(已修改)

電子商務網頁制作-項目6(編輯修改稿)

電子商務網頁制作-項目6-wenkub.com