網(wǎng)頁(yè)制作

前言

　　為配合教育部“技能型緊缺人才培養(yǎng)培訓(xùn)工程”的實(shí)施，高等教育出版社組織教育專家、職業(yè)教育一線的骨干教師、企業(yè)的工程技術(shù)人員和培訓(xùn)工程師，根據(jù)技能型人才培養(yǎng)模式的要求編寫了一套適用于職業(yè)教育的教材。教材在形式上按項(xiàng)目進(jìn)行組織，在內(nèi)容上主要選擇生產(chǎn)生活中實(shí)用的案例展開講解，使職業(yè)技能訓(xùn)練與常規(guī)教學(xué)活動(dòng)有機(jī)結(jié)合。本教材出版的同時(shí)，與教材配套的電子教案及與教材相關(guān)的素材將通過“中等職業(yè)教育教學(xué)資源網(wǎng)”（http：／／sv．hep．com．ca）公布，供任課教師免費(fèi)下載。那么，怎樣建立一個(gè)網(wǎng)站？怎樣才能設(shè)計(jì)出一個(gè)精美出色的網(wǎng)站，中等職業(yè)學(xué)校的學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作應(yīng)該從哪兒入手，應(yīng)該學(xué)會(huì)哪些制作網(wǎng)站的技術(shù)？本教材正是在這種背景下組織編寫的。本教材主要以介紹靜態(tài)網(wǎng)站的制作技術(shù)為主，采用實(shí)例教學(xué)的方式，向中等職業(yè)學(xué)校的學(xué)生講解如何使用DreamweaverMX網(wǎng)頁(yè)制作軟件進(jìn)行網(wǎng)站開發(fā)，以及如何用Photoshop7．0和FlashMX軟件來(lái)美化網(wǎng)站。本教材由姚奇富、陳偉主編，余勁松、沈淦和羅亮參加編寫，其中第1、2、4章由陳偉編寫，第3章由羅亮編寫，第5、7、9章由余勁松編寫，第6、8章由沈淦編寫。本書由紹興市職教中心的張德新老師、天津計(jì)算機(jī)職專的王梅老師擔(dān)任責(zé)任主審，在此表示感謝！限于作者的水平，書中難免有不當(dāng)之處，敬請(qǐng)讀者指正。

內(nèi)容概要

本書根據(jù)教育部《中等職業(yè)學(xué)校計(jì)算機(jī)應(yīng)用與軟件技術(shù)專業(yè)領(lǐng)域技能型緊缺人才培養(yǎng)培訓(xùn)指導(dǎo)方案》編寫。全書從網(wǎng)頁(yè)初學(xué)者的角度出發(fā)，運(yùn)用項(xiàng)目教學(xué)的方法，通過一個(gè)個(gè)實(shí)際的案例由淺入深地講解靜態(tài)網(wǎng)頁(yè)的設(shè)計(jì)與制作。書中采用最新版的Dreamweaver MX軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)教學(xué)，也簡(jiǎn)單介紹了Photoshop 7.0和Flash MX新版軟件在網(wǎng)頁(yè)制作中的運(yùn)甩。    本書共9章，并按照學(xué)生學(xué)習(xí)網(wǎng)頁(yè)的漸進(jìn)規(guī)律劃分為三部分，以供不同程度的讀者學(xué)習(xí)。第一部分為前4章內(nèi)容，主要包括網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)、Dreamweaver MX.軟件的使用。初學(xué)者通過這一部分的學(xué)習(xí)，可以利用現(xiàn)有的素材設(shè)計(jì)制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。第二部分為第5章、第6章和第7章，主要包括如何利用Photoshop 7.0和Flash MX軟件來(lái)美化網(wǎng)頁(yè)，以及網(wǎng)頁(yè)布局和用色方面的知識(shí)。學(xué)習(xí)者通過這部分的學(xué)習(xí)，不但能設(shè)計(jì)網(wǎng)頁(yè)的版面和結(jié)構(gòu)，還能運(yùn)用現(xiàn)有的素材根據(jù)網(wǎng)站的特點(diǎn)進(jìn)行適當(dāng)?shù)拿阑幚?。第三部分為?章和第9章，主要內(nèi)容是網(wǎng)頁(yè)特效的制作和網(wǎng)站的建立方法。使學(xué)習(xí)者不但能讓網(wǎng)頁(yè)更有技術(shù)含量、更有動(dòng)感，還能掌握中小型網(wǎng)站的建立方法。    本書適合中職計(jì)算機(jī)類各專業(yè)使用，也可供網(wǎng)頁(yè)設(shè)計(jì)愛好者自學(xué)使用。

書籍目錄

第1章 網(wǎng)頁(yè)制作基礎(chǔ)  1.1 www服務(wù)與超鏈接    1.1.1 什么是WWW服務(wù)    1.1.2 超鏈接  1.2 什么是網(wǎng)頁(yè)與網(wǎng)站    1.2.1 什么是網(wǎng)頁(yè)    1.2.2 什么是網(wǎng)站    1.2_3 HTML 語(yǔ)言簡(jiǎn)介  1.3 常用的網(wǎng)頁(yè)設(shè)計(jì)工具    1.3.1 網(wǎng)頁(yè)制作平臺(tái)——Dreamweaver MX    1.3.2 圖像處理工具——Photoshop 7.0    1.3.3 動(dòng)畫制作工具——FlashMX    1.3.4 網(wǎng)頁(yè)上傳下載——CuteFTP  習(xí)題第2章 Dreamweaver MX入門  2.1 Dreamweaver MX的工作界面和基本操作    2.1.1 Dreamweaver MX軟件的啟動(dòng)    2.1.2 Dreamweaver MX軟件的工作界面    2.1.3 Dreamweaver MX軟件界面的相關(guān)操作  2.2 站點(diǎn)的建立及規(guī)劃    2.2.1 站點(diǎn)的創(chuàng)建    2.2.2 站點(diǎn)的管理    2.2.3 創(chuàng)建網(wǎng)站的文件和文件夾  2.3 網(wǎng)頁(yè)頁(yè)面屬性的設(shè)置  2.4 文本的格式化    2.4.1 文本的屬性面板    2.4.2 插入面板中與文本相關(guān)面板的介紹    2.4.3 文本的輸入與排版    2.4.4 文本字體、大小和顏色的設(shè)置    2.4.5 特殊符號(hào)的插入    2.4.6 文本的段落排列  2.5 圖像的插入與設(shè)置    2.5.1 常用的圖像類型和格式    2.5.2 圖像屬性面板介紹    2.5.3 圖像的插入與相關(guān)操作  2.6 超鏈接的設(shè)置    2.6.1 超鏈接的類型和表現(xiàn)形式    2.6.2 文本超鏈接    2.6.3 圖片超鏈接    2.6.4 錨點(diǎn)鏈接    2.6.5 電子郵件超鏈接    2.6.6 URL超鏈接    2.6.7 空鏈接  2.7 其他媒體的插入與使用    2.7.1 Flash動(dòng)畫的插入    2.7.2 音頻文件的插入  2.8 強(qiáng)大的層疊樣式表    2.8.1 層疊樣式表的格式與組織形式    2.8.2 層疊樣式表的建立與使用  習(xí)題第3章 網(wǎng)頁(yè)的布局和定位  3.1 表格的建立與設(shè)置    3.1.1 如何插入表格    3.1.2 表格元素的選取    3.1.3 行、列的插入或刪除    3.1.4 合并和拆分單元格    3.1.5 表格的設(shè)置    3.1.6 單元格的設(shè)置    3.1.7 表格配色方案  3.2 表格在排版中的應(yīng)用    3.2.1 表格在排版中的常用設(shè)計(jì)    3.2.2 運(yùn)用表格布局版面    3.2.3 布局設(shè)計(jì)  3.3 層的建立與設(shè)置    3.3.1 層的插入    3.3.2 設(shè)置層的屬性    3.3.3 層的選取    3.3.4 移動(dòng)層    3.3.5 調(diào)整層的大小  3.4 層在排版中的應(yīng)用    3.4.1 設(shè)置層的重疊    3.4.2 層的對(duì)齊    3.4.3 層對(duì)齊到網(wǎng)格    3.4.4 表格和層的相互轉(zhuǎn)換  3.5 框架的使用  習(xí)題第4章 快速建站技術(shù)——模板和庫(kù)的應(yīng)用  4.1 模板的建立    4.1.1 資源面板介紹    4.1.2 什么是模板    4.1.3 模板的創(chuàng)建    4.1.4 模板可編輯區(qū)域的建立與取消  4.2 模板的應(yīng)用    4.2.1 通過模板建立新網(wǎng)頁(yè)    4.2.2 通過更新模板來(lái)更新網(wǎng)頁(yè)    4.2.3 將模板從網(wǎng)頁(yè)中分離  4.3 庫(kù)的建立    4.3.1 什么是庫(kù)    4.3.2 模板與庫(kù)的區(qū)別    4.3.3 庫(kù)的建立  4.4 庫(kù)的應(yīng)用    4.4.1 將庫(kù)應(yīng)用到網(wǎng)頁(yè)中    4.4.2 庫(kù)的編輯和網(wǎng)頁(yè)更新    4.4.3 取消網(wǎng)頁(yè)中的庫(kù)  習(xí)題第5章 用Flash MX加工、美化網(wǎng)頁(yè)  5.1 認(rèn)識(shí)Flash MX的工作界面  5.2 用F1ash MX制作Logo  5.3 用FlashMX制作Banner  5.4 用Flash MX制作導(dǎo)航欄  5.5 用Flash MX制作歡迎頁(yè)  習(xí)題第6章 用Photoshop 7.0處理網(wǎng)頁(yè)圖片  6.1 認(rèn)識(shí)Photoshop的工作界面    6.1.1 Photoshop 7.O的界面介紹    6.1.2 文件操作    6.1.3 工具箱    6.1.4 選項(xiàng)欄  6.2 網(wǎng)頁(yè)圖片的加工  6.3 制作網(wǎng)頁(yè)按鈕  6.4 制作網(wǎng)頁(yè)小圖標(biāo)  6.5 制作網(wǎng)站標(biāo)志Logo  6.6 制作網(wǎng)站首頁(yè)  6.7 制作網(wǎng)站橫幅  6.8 制作網(wǎng)站背景  習(xí)題第7章 網(wǎng)站設(shè)計(jì)  7.1 怎樣設(shè)計(jì)網(wǎng)站    7.1.1 網(wǎng)站設(shè)計(jì)流程    7.1.2 目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)  7.2 網(wǎng)頁(yè)版面布局的設(shè)計(jì)  7.3 網(wǎng)頁(yè)的色彩搭配    7.3.1 色彩的基礎(chǔ)知識(shí)    7.3.2 網(wǎng)頁(yè)配色分析  習(xí)題第8章 網(wǎng)頁(yè)動(dòng)態(tài)效果的制作  8.1 用：Dreamweaver MX制作動(dòng)態(tài)效果    8.1.1 利用META制作網(wǎng)過渡效果    8.1.2 利用層和時(shí)間軸制作動(dòng)態(tài)效果    8.1.3 利用行為制作各類動(dòng)態(tài)效果  8.2 常用的Script腳本的插入與使用    8.2.1 什么是Script腳本    8.2.2 Script腳本的插入與應(yīng)用    8.2.3 Scijpt腳本特效實(shí)例應(yīng)用  8.3 利用CSS制作各類特效    8.3.1 網(wǎng)頁(yè)超鏈接特效    8.3.2 網(wǎng)頁(yè)背景特效    8.3.3 CSS濾鏡特效  8.4 表單的制作與應(yīng)用  習(xí)題第9章 網(wǎng)站的發(fā)布  9.1 網(wǎng)站的建立    9.1.1 網(wǎng)站空間的獲取    9.1.2 域名的申請(qǐng)  9.2 網(wǎng)站的上傳    9.2.1 利用Dreamweaver MX上傳文件    9.2.2 利用CuteFTP軟件上傳網(wǎng)站  習(xí)題

章節(jié)摘錄

　　（4）超鏈接超鏈接是網(wǎng)頁(yè)中最具特色的功能。為了實(shí)現(xiàn)在網(wǎng)頁(yè)之間自由地跳轉(zhuǎn)，可以在網(wǎng)頁(yè)上的文字或圖像中加入目標(biāo)網(wǎng)頁(yè)或網(wǎng)站的地址，這就生成了一個(gè)超鏈接。當(dāng)用戶在瀏覽網(wǎng)頁(yè)的時(shí)候，鼠標(biāo)經(jīng)過有超鏈接的地方時(shí)，光標(biāo)就會(huì)變?yōu)樾∈值男螤睿@時(shí)單擊鼠標(biāo)，瀏覽器就會(huì)打開超鏈接所指向的網(wǎng)頁(yè)。超鏈接使網(wǎng)頁(yè)與網(wǎng)頁(yè)、網(wǎng)站與網(wǎng)站之間相互連接成為一個(gè)有機(jī)的整體，用戶只需點(diǎn)擊鼠標(biāo)就可以輕松地轉(zhuǎn)到所需要瀏覽的網(wǎng)頁(yè)上。（5）腳本程序（Script）腳本程序是用于擴(kuò)充網(wǎng)頁(yè)功能而能在網(wǎng)頁(yè)上直接解釋的程序語(yǔ)言，常見的有顯示訪問的時(shí)間、讓文字在屏幕上滾動(dòng)等。1．2．2什么是網(wǎng)站簡(jiǎn)單地說(shuō)，網(wǎng)站就是許多相關(guān)網(wǎng)頁(yè)有機(jī)結(jié)合而形成的一個(gè)信息服務(wù)中心。在WWw上，信息是通過一個(gè)個(gè)網(wǎng)頁(yè)呈現(xiàn)出來(lái)的，是用戶在瀏覽器上看到的一個(gè)個(gè)畫面。網(wǎng)站的設(shè)計(jì)者將要提供的內(nèi)容和服務(wù)制作成許多個(gè)網(wǎng)頁(yè)，并且經(jīng)過組織規(guī)劃，讓網(wǎng)頁(yè)互相鏈接，然后把相關(guān)的文件存放在Web服務(wù)器上。只要用戶連接Internet，就可以使用瀏覽器訪問到這些信息。這樣一個(gè)完整的結(jié)構(gòu)就稱為“網(wǎng)站”，又常被稱為“站點(diǎn)”。現(xiàn)在的網(wǎng)站不僅可以向用戶發(fā)布信息，而且還為用戶提供各種各樣的網(wǎng)絡(luò)服務(wù)，如電子郵件服務(wù)、資源下載、域名服務(wù)和主頁(yè)空間服務(wù)等。一個(gè)網(wǎng)站一般都有一個(gè)首頁(yè)，常稱為主頁(yè)，指的是用戶在瀏覽器地址欄里輸入網(wǎng)址后網(wǎng)站自動(dòng)打開的默認(rèn)頁(yè)面。而且網(wǎng)站的其他頁(yè)面都會(huì)通過超鏈接與這個(gè)主頁(yè)相連，這些頁(yè)面通常稱為子頁(yè)面。用戶要訪問感興趣的子頁(yè)面，只要單擊主頁(yè)上相應(yīng)的超鏈接就可以了。因此，主頁(yè)就像一份報(bào)紙的頭版，通常用來(lái)作為一個(gè)站點(diǎn)中的目錄或索引。由于主頁(yè)在一個(gè)網(wǎng)站的所有網(wǎng)頁(yè)里處于中心地位，所以經(jīng)常又有人用主頁(yè)來(lái)代替網(wǎng)站的稱呼，如個(gè)人網(wǎng)站稱為個(gè)人主頁(yè)，網(wǎng)站的歡迎詞也經(jīng)常寫著“歡迎訪問我們的主頁(yè)”。

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

    網(wǎng)頁(yè)制作 PDF格式下載

---