- 新手學Dreamweaver CS6+Flash CS6+Photoshop CS6網頁設計
- 鼎翰文化編著
- 333字
- 2018-12-30 21:28:09
實例07 為網頁中的圖像添加提示信息

案例說明:本例使用圖像映射來為網頁中的圖像添加提示信息。
光盤文件:光盤\源文件與素材\01章\為網頁中的圖像添加提示信息
操作步驟
1 插入圖像。新建一個網頁文檔,選擇“插入→圖像”命令,將一幅圖像插入到文檔中。

2 使用“圓形熱點工具”。選擇圖像,打開“屬性”面板,在面板左下角有“矩形熱點工具”、“圓形熱點工具”
及“多邊形熱點工具”
。選擇“圓形熱點工具”
,將光標移動到圖片上并按下鼠標左鍵進行拖動即可創建圓形熱點區域。

3 輸入文字。在“替換”文本框中輸入熱區的說明、提示。在瀏覽器中將鼠標指向該熱區時就會顯示在此處輸入的文字,例如此處輸入“兩個小孩在跳舞”。

4 預覽網頁。保存網頁文檔,按下【F12】鍵,打開預覽窗口,用鼠標單擊熱區,將會顯示提示文字。

推薦閱讀