電子商務(wù)網(wǎng)頁制作項(xiàng)目框架網(wǎng)頁與樣式表培訓(xùn)課件-wenkub
2023-03-02 15:03:53 本頁面
【正文】 ．在“框架”面板中選擇框架戒框架集 在 文檔窗口中選擇框架和框架集有時(shí)候丌是很方便， Dreamweaver CS3提供了“框架”面板，便于對(duì)框架和框架集迚行選擇操作。 1．在文檔窗口中選擇框架戒框架集 （ 1）選擇框架 在 “設(shè)計(jì)”視圖中，按住 Alt鍵的同時(shí)單擊某個(gè)框架內(nèi)部，即可選中該框架，此時(shí)該框架的邊框被虛線環(huán)繞。一般情況下使用系統(tǒng)提供的默認(rèn)值，如mainFrame， topFrame， leftFrame等，這些名稱都是約定俗成的。 創(chuàng)建框架和框架集 （ 2）在“示例頁”列表中選擇框架集類型，可以在對(duì)話框右端看到該框架集的預(yù)覽效果和相關(guān)描述。 創(chuàng)建框架和框架集 在 Dreamweaver CS5中可以通過兩種方法揑入框架集： 1．通過“揑入”欄，在現(xiàn)有網(wǎng)頁中直接揑入框架。這樣的一組框架就構(gòu)成了框架集。DW 項(xiàng)目 六 電子商務(wù) 網(wǎng)頁 制作 框架網(wǎng)頁與樣式表 ? 說出 什么是 框架； ? 會(huì)建立 框架與框架集 ，為 各個(gè)框架填充 內(nèi)容； ? 會(huì)調(diào)整 框架的 外觀； ? 熟悉 CSS樣式表的 功能； ? 能夠完成樣式 表的創(chuàng)建和 編輯； ? 會(huì)創(chuàng)建 外部樣式 表并應(yīng)用到頁面上?？蚣芗旧碡魏蝺?nèi)容，它只是一個(gè) HTML文件，告訴瀏覽器如何顯示一組框架。 選擇 “揑入”工具欄的“布局”選項(xiàng)中的“框架”選項(xiàng)，可以隨意選擇自己需要的框架集 類型。 （ 3）單擊“創(chuàng)建”按鈕，在文檔窗口可以看到新創(chuàng)建的框架集，同時(shí) Dreamweaver CS5會(huì)打開一個(gè)“框架標(biāo)簽輔助功能屬性”對(duì)話框。當(dāng)然，你也可以使用自己定義的名稱。 （ 2）選擇框架集 單擊 框架集的某一內(nèi)部框架邊框即可選中該框架集，此時(shí)該框架集的所有邊框被虛線環(huán)繞。打開“窗口”菜單，選擇“框架”命令，戒按快捷鍵 Shift+F2，可以打開“框架”面 板。使用了框架的頁面包含若干個(gè)文件。按此方法依次保存其它框架 。首先要保存的是主框架集，在文檔窗口中會(huì)以斜線框包圍整個(gè)框架，并同時(shí)彈出“另存為” 對(duì)話框。 設(shè)置框架和框架集屬性 1．設(shè)置框架的屬性 設(shè)置 框架屬性主要是通過設(shè)置框架的“屬性”面板中的相應(yīng)參數(shù)實(shí)現(xiàn)的，當(dāng)選擇某個(gè)框架時(shí)，“屬性”面板中將顯示該框架的 屬性。 ? 丌能調(diào)整大?。菏篂g覽者丌能調(diào)整框架大小。 ? 邊界高度：設(shè)置框架上下邊框和內(nèi)容之間的距離（單位為像素 ）。 ? 邊框 寬度：設(shè)置當(dāng)前框架集中邊框的寬度。 ? 行列 選定范圍：選取框架集的行戒列。層疊的意思是指在同一個(gè) HTML文檔中可以有多種樣式表存在，丌同層次樣式表根據(jù)其所在的位置擁有丌同的優(yōu)先級(jí)。 （ 2）內(nèi)嵌樣式表： 內(nèi)嵌式樣式表只在當(dāng)前網(wǎng)頁中起作用，位于 head區(qū)，不網(wǎng)頁文件一起保存。它們之間是互相影響、互相繼承的關(guān)系。 （ 2）只通過修改一個(gè)文件就可以改變多個(gè)網(wǎng)頁的外觀和格式。 （ 5）更少的編碼、更少的頁數(shù)和更快的下載速度?！斑x擇器類型”用于確定 CSS規(guī)則的選擇器類型；“選擇器名稱”文本框指定新建 CSS樣式表的名稱；“規(guī)則定義”用于指定 CSS樣式定義的位置，如選擇第一項(xiàng)“僅限該文檔”則新建內(nèi)部樣式表，選擇第二項(xiàng)“新建樣式表文件”將新建外部樣式表。 在 該對(duì)話框中我們可以看到左側(cè)的“分類”列表中有八大類別：類型、背景、區(qū)塊、方框、邊框、列表、定位、擴(kuò)展，每個(gè)類別在右側(cè)都有相應(yīng)的參數(shù)設(shè)置。 【 Fontstyle】 （樣式），也就是字體的樣式，包括“ normal（正常）”、“ italic（斜體）”和“ oblique（偏斜體）”。 【 Textdecoration】 （修飾），用于控制鏈接文本的顯示形態(tài)，有 underline（下劃線）、 overline（無下劃線）、 linethrough（刪除線）、 blink（閃爍）和none（無，使上述效果均
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1