2023學年完整公開課版網站建設

網站建設

確定網點主題設計網站風格（標志，主色調，文字效果，版面布局）規(guī)劃網站結構了解網站運行環(huán)境選擇網站開發(fā)工具分配網站開發(fā)任務第二節(jié)網站建設一、建立站點建立自己的主題網站，首先需要創(chuàng)建一個Web站點，用于保存和調試創(chuàng)建的網頁。新建的網站首先要保存在本地硬盤上，待整個網站建好之后再發(fā)布。方法：執(zhí)行“文件”—“新建”—“站點”，打開“新建站點對話框”注意：不需要去D盤建立“080701”文件夾。1、表格、框架布局網頁表格在網頁中的作用有條理地組織數據

控制網頁布局插入表格以及表格基本操作

“表格-插入”可以用表格工具欄手動繪制表格。表格、單元格的屬性設置給表格、單元格添加顏色使用嵌套表格等所謂框架是將一個瀏覽器的窗口分割成兩個或兩個以上的窗格，每個顯示區(qū)域叫做一個框架。每個框架可以顯示一個獨立的網頁，一般情況下，可以用框架來保持網頁中固定的幾個部分，如網頁大標題、鏈接按鈕等，剩下的框架用來展現所選擇的網頁內容?？蚣芫W頁的創(chuàng)建與其基本操作

“文件-新建-框架網頁”2、添加網頁元素——編輯文字1.菜單欄：“格式”—“字體”，打開字體對話框，如右圖。2.選中需要編輯的文字，右擊，選擇“字體”菜單命令，打開字體對話框，如右圖。3.“格式”工具欄3、添加網頁元素——插入圖片在網頁中最常用的是GIF和JPG格式的圖片，因為這兩種圖片的文件比較小，有利于提高網頁的瀏覽速度。（“插入”-“圖片”-“來自文件”）插入其他格式的圖片后，在進行頁面存儲時，系統(tǒng)會自動將圖片格式轉換成GIF或JPF格式。注意“圖片”工具條的使用4、添加網頁元素——插入動畫（GIF格式）提示：在“普通”模式中插入動畫之后，默認只顯示動畫的第一幀圖像，是靜止的，進入“預覽”模式后，就可以看見其動態(tài)效果了。“插入”-“圖片”-“來自文件”5、添加網頁元素——插入動畫（Flash）“插入”—“高級”—“插件”，打開“插件屬性”對話框。通過“數據源”中的“瀏覽”找到所用的Flash動畫文件6、添加網頁元素——插入視頻“插入”—“圖片”—“視頻”，打開“視頻”對話框。右擊視頻，選擇“圖片屬性”命令，并切換到“視頻”選項卡，可以對視頻做進一步的設置。支持的視頻格式：.avi.asf.ram.ra7、添加網頁元素——插入背景音樂方法：在網頁的空白處右擊，選擇“網頁屬性”—“常規(guī)”選項卡

—“背景音樂。8、建立超鏈接超鏈接源文本、圖片（整張圖片、圖片熱點）超鏈接目標網站內部超鏈接網頁文件圖片、音頻、視頻等多媒體文件一些壓縮文件

……網站外部超鏈接URL（統(tǒng)一資源定位器）超鏈接E-mail地址超鏈接（單擊該連接向對方發(fā)送電子郵件，不需要輸入對方的E-mail地址）……設置文本超鏈接的方法

1、選定要加入超鏈接的文本

2、按下工具欄上的“超鏈接”按鈕

或者選擇“插入”菜單下“超鏈接”

再或者右擊所選文本，選擇“超鏈接”，打開“創(chuàng)建超鏈接”對話框。

3、選擇或輸入超鏈接目標超鏈接目標地址設置整張圖片超鏈接的方法 1、選定要加入超鏈接的圖片

2、按下工具欄上的“超鏈接”按鈕

或者選擇“插入”菜單下“超鏈接”

再或者右擊所選圖片

3、選擇或輸入超鏈接目標超鏈接的顏色在網頁中有三種不同狀態(tài)的超鏈接（顏色不同）：未訪問過的超鏈接正在訪問的超鏈接已經訪問過的超鏈接設置方法： 在“網頁屬性”的“背景”選項卡中進行設置。9、保存及預覽網頁文件保存文件時，文件以英文命名。（Windows網絡操作系統(tǒng)對英文大小寫不敏感。）保存主頁時