创意料理网.doc

創意料理網 開啓套用CSS.htmal，雙擊「標籤檢視窗」，展開CSS視窗，新增CSS規則，選擇「類別」，輸入「text」然後選擇「只有此文件」 設定字體為下圖 單擊「新增CSS規則」按鈕，選擇「標籤」選項，輸入「label1」文字，設定樣式名稱，選擇「只有此文件」，最後按確定依圖下去設定 單擊「label1」樣式，重新設定樣式為「.label1」，展開「屬性」 拖曳選取「本土料理」，樣式選擇「text」。用同樣的方法為「日本料理」與「韓國料理」設定相同的樣式 拖曳選取文字內容，樣式選擇「label1」。 單擊「新增CSS規則」按鈕，選擇「進階」選項，設定「a:hover」的圈選工具，然後選擇「只有此文件」 設定樣式為「斜體」、粗細為「粗體」、勾選「無」，設定顏色為粉紅色 單擊「新增CSS規則」按鈕，選擇「進階」選項，設定「a:visited」的圈選工具，然後選擇「只有此文件」，按確定 設定為綠色(#669900) 單擊頁面中合適的位置，切換至「Spry」索引標籤，單擊「Spry標籤面版」按鈕 單擊選取標籤面版，如圖，選擇「索引標籤2」單擊「＋新增面版」，增加索引標籤3和索引標籤4 單擊「內容4」，切換至「常用」單擊「影像」按鈕，選取「photo04.jpg」 單擊「顯示面版內容」，接著單擊「內容3」,單擊「影像」按鈕，用同樣的方法為「 內容2」儲存格加入「photo02.jpg」加入影像，用同樣的方法為「 內容1」儲存格加入「photo01jpg」加入影像。 將「 內容1」的文字內容刪除，在屬性視窗中設定為「置中對齊」 單擊選擇影像，輸入「img01」，雙擊「標籤檢視窗」，展開「標籤視窗」，單擊新增行為，執行「效果出現/淡出」如圖 單擊選擇影像，輸入「img02」，雙擊「標籤檢視窗」，展開「標籤視窗」，單擊新增行為，執行「效果出現/淡出」如圖 單擊選擇影像，輸入「img03」，雙擊「標籤檢視窗」，展開「標籤視窗」，單擊新增行為，執行「效果放大/縮小」如圖，單擊選擇影像，輸入「img04」，雙擊「標籤檢視窗」，展開「標籤視窗」，單擊新增行為，執行「效果放大/縮小」如圖 單擊「onClick」行為，執行「onMouseOver」功能。單擊選擇「img03」影像，接著點選「onClick」行為，然後執行「onMouseOver」功能，用同樣的方法為「img02」「img01」設定相同的「onMouseOver」功能 單擊新增行為，執行「效果震動」，選擇「table”main”」如圖，接著擊「onClick」行為，執行「onLoad」功能 單擊儲存格插入位置，單擊「媒體-flash」，執行「activeX」設定「activeX」寬度為345、高度為45，設定CLASS ID為「clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95」，勾「內嵌」，選取資料夾中的「music01」。 單擊「參數按鈕」先設定「hidden」參數及其值為「true」，接著單擊新增按鈕，再設定「loop」參數及其值為「-1」 23.切換至「最愛」索引，接著在空白處單擊滑鼠右鍵，執行「自訂最愛」功能