1. 程式人生 > >DWCC2018基本網頁設計注意要點、使用技巧

DWCC2018基本網頁設計注意要點、使用技巧

目錄: 一、注意要點 -------------1、“實時檢視”“設計”的選擇 -------------2、調出屬性框 -------------3、在瀏覽器中實時瀏覽自己的網頁 二、部分使用技巧 -------------1、文字格式化標記 -------------2、網頁整體屬性編輯 -------------3、插入視訊、列表項、郵件連結等 -------------4、圖片熱點連結建立

DWCC2018HTML基本網頁設計技巧方法詳解 https://blog.csdn.net/cwyp18809/article/details/82826431 (有知識性錯誤或者其他問題請聯絡本人:QQ郵箱:[email protected]

"備註CSDN+問題"----------臨沂大學軟工5班王同學) 一、使用注意要點: 1、選擇“實時檢視“”狀態時,在檢視部分無法直接進行編輯,只能在“程式碼”區進行編輯 在這裡插入圖片描述 將“實時檢視”改選為“設計”時,即可直接在“網頁部分”(下圖白色部分)進行編輯,基本過程和編寫PPT類似 在這裡插入圖片描述

2、開啟屬性,將屬性放置DW視窗下方或上方,方便以後編輯文字、表格、圖片、連結、視訊等 開啟方式:頂端導航欄部分–>視窗–>屬性 在這裡插入圖片描述 3、在瀏覽器中實時自己的網頁 (導航欄)檔案---->實時預覽---->選擇瀏覽器 在這裡插入圖片描述 二、基本使用技巧 1、文字格式化標記 選定好需要編輯的文字後,在已固定到視窗下方的屬性欄裡(沒有的或則未固定的可直接右鍵文字即可出現“屬性”) 可直接編輯文字的各項屬性:大小,粗細、斜體、標記為標題、文字的背景顏色、增加連結等在這裡插入圖片描述

2、網頁整體屬性編輯 屬性欄(視窗–>屬性)–>頁面屬性(右下角) 可直接更改網頁背景、顏色、自定義各級標題字型大小、頁邊界間距等 在這裡插入圖片描述 3、插入視訊、列表項、郵件連結 右側工具欄——>插入 可插入image(圖片)、Flash動畫、音訊等 一般只需要根據系統提示一步步操作即可

在這裡插入圖片描述 注意:插入視訊時,應將視訊轉碼為flash格式再插入。 視訊型別一般預設累進式下載視訊,流視訊需要伺服器支援 在這裡插入圖片描述 4、圖片熱點連結建立 插入圖片–>選擇圖片–>視窗右下角 有三種熱點連結標記方式 在這裡插入圖片描述 注意:必須在“設計狀態”下才會出現如上圖的熱點連結標記方式在這裡插入圖片描述 新增連結: 方法一:直接輸入完整連結; 方法二:通過資料夾查詢本地網頁; 方法三:左鍵連線框旁的準心不放指向右邊“檔案欄”裡的你想要指向的網頁或檔案在這裡插入圖片描述

後續部分慢慢完善