分解網(wǎng)頁(yè)的制作

1、分解網(wǎng)頁(yè)的制作網(wǎng)頁(yè)是什么網(wǎng)頁(yè)是什么 所有網(wǎng)頁(yè)都是制作成HTML格式的文件 。 HTML稱超文本標(biāo)記語(yǔ)言（HyperText Markup Language）。 它的閱讀過程不象傳統(tǒng)的那樣平面順序結(jié)構(gòu)，文檔上的每一點(diǎn)，只要你點(diǎn)擊它，就可能得到相應(yīng)的詳細(xì)信息。每個(gè)人可以隨心所欲地跳來跳去，閱讀自己感興趣的內(nèi)容，非常方便 輕松。 網(wǎng)頁(yè)的一般制作方法網(wǎng)頁(yè)的一般制作方法 網(wǎng)頁(yè)制作方法：用HTML語(yǔ)言在編輯器下編寫。用網(wǎng)頁(yè)工具編寫。 用網(wǎng)頁(yè)工具編寫更方便、更直觀，但有時(shí)也會(huì)受一些約束。FrontpageDreamwaver對(duì)于簡(jiǎn)單的網(wǎng)頁(yè)可以通過Word轉(zhuǎn)換。HTML語(yǔ)言語(yǔ)言 meta -equiv=“Co

2、ntent-Type” content=“text/html; charset=gb2312 HTML HTML 舉例舉例 font size=“5” face=“ 這是一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)這是一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) META元素用來描述元素用來描述HTML文檔文檔的自身信息。的自身信息。FrontPage202X Frontpage202X是當(dāng)今最為流行的網(wǎng)頁(yè)制作工具之一，它是微軟公司Office202X軟件包中的一個(gè)主要軟件。其界面及操作與Word較相似。 要求大家掌握基本的網(wǎng)頁(yè)制作方法，每個(gè)同學(xué)必須編制一個(gè)基本的網(wǎng)頁(yè)。FrontPage202X界面界面標(biāo)題欄工具欄菜單欄工作區(qū)工作區(qū)顯示方式網(wǎng)頁(yè)制作的過

3、程：網(wǎng)頁(yè)制作的過程：收集和制作素材 新建空白站點(diǎn)及網(wǎng)頁(yè) 編輯網(wǎng)頁(yè)圖文 保存預(yù)覽鏈接網(wǎng)頁(yè)一、準(zhǔn)備網(wǎng)頁(yè)素材一、準(zhǔn)備網(wǎng)頁(yè)素材 素材包括： 視頻、動(dòng)畫、聲音、圖片、文字等。 通常： 我們把素材按照網(wǎng)頁(yè)進(jìn)行分類，同一個(gè)網(wǎng)站的素材用一個(gè)文件夾來管理，可以用多級(jí)子文件夾詳細(xì)分類。 注：文件夾的命名要易讀易懂。二、新建網(wǎng)站及網(wǎng)頁(yè)二、新建網(wǎng)站及網(wǎng)頁(yè) 新建的網(wǎng)站首先保存在本地新建的網(wǎng)站首先保存在本地硬盤上，待整個(gè)網(wǎng)站建好之后再硬盤上，待整個(gè)網(wǎng)站建好之后再傳到網(wǎng)站服務(wù)器上。傳到網(wǎng)站服務(wù)器上。三、使用表格進(jìn)行頁(yè)面布局三、使用表格進(jìn)行頁(yè)面布局任務(wù)一：任務(wù)一：插入表格，設(shè)置表格屬性。 單擊“表格”菜單、選擇“表格屬性”，將指定寬度設(shè)為760像素、對(duì)齊方式為居中、邊框粗細(xì)為0，將表格隱藏。2.調(diào)整表格結(jié)構(gòu)。 選定需要的單元格進(jìn)行合并單元格。3.設(shè)置表格和單元格的背景顏色和圖片。四、編輯網(wǎng)頁(yè)圖文素材四、編輯網(wǎng)頁(yè)圖文素材任務(wù)二：任務(wù)二：編輯網(wǎng)頁(yè)文字，并設(shè)置字體字號(hào)、對(duì)齊方式等、插入背景圖。 將光標(biāo)置于表格外，右鍵選擇“網(wǎng)頁(yè)屬性”設(shè)置背景圖片。3. 插入圖片。 將光標(biāo)置于需要插入的單元格中，單擊“插入”-“圖片”，選擇圖片并調(diào)整圖片大小位置。五、保存及預(yù)覽五、保存及預(yù)覽 主頁(yè)文件通常命名為“”。 主頁(yè)作為一個(gè)網(wǎng)站的入口，如果沒有這個(gè)文件