實驗7 dreamwe**er製作個人**（選）
１ 實驗目的
利用dreamwe**er製作乙個漂亮的個人**。
２ 實驗效果
本實驗的最終效果如圖7-１和圖7-2所示。其中圖7-1為**首頁，圖7-2為單擊「簡介」按鈕超連結後的效果。
３ 實驗步驟
１）實驗具體步驟：
（1）dreamwe**er開啟已經加工處理好的html檔案「加工後的圖.html」（此檔案已由第三方軟體加工完成並匯出得到），參照「切割原則.jpg」**，選擇需要修改並新增按鈕**的切片區域，在「屬性」面板中複製**原始檔位址，然後刪除**，並在背景欄中貼上位址，這樣就將所需要修改的區域的**轉換成了背景**。
（2）參照第1步，將四個按鈕區域和中間主體區域（中間模糊的部分）中的**全部轉換成對應的背景**。
（3）下面在中間主體區域（中間模糊的部分）中插入乙個透明框架巢狀，作用是在該區域呼叫其他頁面。做法是：切換到「**」檢視將下面的html**插入到中間主體區域所在的單元格標記中，**為：
其中width和height可以根據該單元格的大小進行調整，一般比單元格略小以防止錯位；使該框架預設的初始鏈結頁面，存放在實驗資料夾中可直接呼叫。
（4）在4個模糊的圈內插入images資料夾中已經做好的「星星」按鈕**。下面給「星星」按鈕新增透明特效，步驟如下：
①切換到「**」檢視，將星星透明效果.txt檔案中的透明效果html**放在區域內。
②分別選擇相應的4個「星星」按鈕，在「**」檢視中進行替換。如將「星星01」按鈕**原來的**替換為
（5）選擇「檔案」|「另存為」選單項，將頁面儲存為在分別將「簡介」「心情」「相簿」「聯絡」幾個子頁面依次在首頁中設定鏈結，並設定好鏈結目標為qiantao（步驟3中設定好的巢狀框架的名字）。如在「簡介」星星按鈕上設定鏈結目標為qiantao。
（6）點選瀏覽頁面，看看效果。
4 實驗思考
參照本實驗製作乙個**首頁，子頁面可適當運用一些其他效果。
實驗網頁設計基礎
淮海工學院計算工程學院 實驗報告書 課程名 web應用開發技術 題目 實驗1 html網頁設計基礎 班級學號 姓名 了解web設計和web應用程式開發所需的開發工具的安裝與設定 理解url的結構和http協議的基本工作原理 掌握發布網頁的常用方法 實驗內容 1.安裝google chrome瀏覽器，...
網頁設計與製作實驗十一
網頁設計與製作實驗十一 vbscript指令碼語言介紹 第2部分 周四下午1 2 3小節，地點31 403 1課時 一 複習之前的內容 iis配置 dw中動態站點設定 vbscript常量 變數 陣列 運算子 函式 二 介紹vbscript指令碼語言 vbscript過程 條件語句 迴圈語句 三 s...
《網頁設計與製作》實驗報告
實驗報告 院系名稱 管理學院專業班級 電子商務 10級3班 學生姓名學號 2012年 5 月 25 日 實驗一 html語言實驗 一 實驗目的 1 掌握利用html語言編寫網頁的能力 2 掌握利用html語言編寫 的能力 3 掌握利用html語言編寫表單的能力。二 實驗課時 2學時三 實驗內容 1 ...