網(wǎng)頁(yè)制作基礎(chǔ)教程

前言

　　本教材適應(yīng)中等職業(yè)教育課程改革的需要，特別是面向?qū)W分制的模塊式課程和綜合化課程的需要，并增強(qiáng)了課程的靈活性、適用性和實(shí)踐性。本教材的體系采用模塊化結(jié)構(gòu)、單元組合、任務(wù)驅(qū)動(dòng)的模式，在每個(gè)單元學(xué)完后能掌握部分基本知識(shí)，學(xué)會(huì)一些操作技能，最后完成一個(gè)具體任務(wù)；通過(guò)將幾個(gè)單元形成一個(gè)模塊，將幾個(gè)小任務(wù)組合成一個(gè)大任務(wù)，并以完成任務(wù)為手段，實(shí)現(xiàn)教學(xué)目標(biāo)?！　”窘滩募燃骖櫮壳爸械嚷殬I(yè)教育的幾種辦學(xué)模式（中專、職高、技校）的特點(diǎn)和差異，又淡化了各類中等職業(yè)學(xué)校的界限。將培養(yǎng)目標(biāo)統(tǒng)一定位在“具有綜合職業(yè)能力，在生產(chǎn)、服務(wù)、技術(shù)和管理第一線工作的高素質(zhì)勞動(dòng)者及初、中級(jí)專門人才”上，淡化“技術(shù)員”和“操作工人”的界限?！　”窘滩牡闹R(shí)和技能體系按照由淺入深、先易后難的原則，采用雙重模塊結(jié)構(gòu)，增強(qiáng)了課程的靈活性和適用性。教材設(shè)計(jì)為5個(gè)模塊，分別是網(wǎng)頁(yè)制作前的準(zhǔn)備、網(wǎng)頁(yè)布局與規(guī)劃、網(wǎng)頁(yè)的編輯、服務(wù)器的配置，以及網(wǎng)頁(yè)的管理與上傳。其中前4個(gè)模塊為基礎(chǔ)模塊，要求開(kāi)設(shè)該課程的學(xué)校必須完成這些模塊的教學(xué)；網(wǎng)頁(yè)的管理與上傳為選修模塊，可以根據(jù)地區(qū)和學(xué)校的實(shí)際情況酌情選用。　　本課程的參考教學(xué)時(shí)數(shù)為72學(xué)時(shí)。全書共分10章。第1章，網(wǎng)站的建立；第2章，網(wǎng)頁(yè)的布局；第3章，網(wǎng)頁(yè)的編輯；第4章，超鏈接的創(chuàng)建與管理；第5章，樣式表與行為；第6章，AP元素和時(shí)間軸；第7章，表單的使用；第8章，圖像和動(dòng)畫的制作與優(yōu)化；第9章，網(wǎng)頁(yè)的管理；第10章，網(wǎng)頁(yè)的上傳。其中，第1～4、9、10章為本書的重點(diǎn)。　　本教材由黃洪杰、王軍擔(dān)任主編，田敏老師任副主編，青島科技大學(xué)的周新老師和青島外事學(xué)校的王鈺等老師參加了本書的編寫工作。史建軍老師審閱了全書?！　【幷咭庠诜瞰I(xiàn)給讀者一本實(shí)用并具有特色的教材，但由于水平有限，難免有不妥之處，敬請(qǐng)廣大師生和讀者批評(píng)指正?！　榱朔奖憬處熃虒W(xué)，本書還配有教學(xué)指南、電子教案及習(xí)題答案（電子版）。請(qǐng)有此需要的教師登錄華信教育資源網(wǎng)免費(fèi)注冊(cè)后再進(jìn)行下載，有問(wèn)題時(shí)請(qǐng)?jiān)诰W(wǎng)站留言板留言或與電子工業(yè)出版社聯(lián)系。

內(nèi)容概要

本書以DreamweaverCS軟件為依托，以建立一個(gè)網(wǎng)站為實(shí)例過(guò)程，系統(tǒng)地介紹網(wǎng)頁(yè)的設(shè)計(jì)與制作過(guò)程。文教材對(duì)文字、圖像、超鏈接、樣式、行為、AP元素和表單等網(wǎng)頁(yè)元素的含義及應(yīng)用進(jìn)行了詳細(xì)的講解，并且加入Dreamweaver與Fireworks、Flash的整合應(yīng)用，最后介紹網(wǎng)站的管理方法和上傳步驟?！　”緯鴱幕A(chǔ)知識(shí)和基本操作入手，循序漸進(jìn)，直觀明了地闡述了各知識(shí)點(diǎn)，并配有大量的圖片和實(shí)例，使讀者在本書的指導(dǎo)下能夠自己建立簡(jiǎn)單的網(wǎng)站，制作和維護(hù)網(wǎng)頁(yè)，尤其是制作動(dòng)態(tài)網(wǎng)頁(yè)，并學(xué)會(huì)申請(qǐng)空間和上傳網(wǎng)頁(yè)?！　”緯侵械嚷殬I(yè)學(xué)校的教材，兼顧了目前中等職業(yè)教育的幾種辦學(xué)模式（中專、職高、技校）的特點(diǎn)和差異，淡化了各類中等職業(yè)學(xué)校的界限，可以作為上述幾類中等職業(yè)學(xué)校的教材，也可以作為具有中等文化程度的學(xué)生、計(jì)算機(jī)愛(ài)好者和工程技術(shù)人員自學(xué)的參考教材?！　”緯€配有電子教學(xué)參考資料包（包括電子教案、教學(xué)指南及習(xí)題答案）。

書籍目錄

第1章 網(wǎng)站的建立　1.1 網(wǎng)頁(yè)與制作工具　　1.1.1 網(wǎng)頁(yè)與網(wǎng)站　　1.1.2 HTML　　1.1.3 網(wǎng)頁(yè)制作工具　1.2 使用Dreamweaver建立網(wǎng)站　　1.2.1 Dreamweaver概述　　1.2.2 建立網(wǎng)站前的準(zhǔn)備工作　　1.2.3 建立空站點(diǎn)　　1.2.4 在網(wǎng)站中添加網(wǎng)頁(yè)　　1.2.5 更改網(wǎng)頁(yè)文件名　1.3 創(chuàng)建站點(diǎn)地圖　　1.3.1 制作站點(diǎn)地圖　　1.3.2 在站點(diǎn)地圖中更改網(wǎng)頁(yè)標(biāo)題　　1.3.3 退出Dreamweaver　習(xí)題第2章 網(wǎng)頁(yè)的布局　2.1 網(wǎng)頁(yè)布局實(shí)例　　2.1.1 網(wǎng)站的風(fēng)格　　2.1.2 網(wǎng)頁(yè)布局實(shí)例　　2.1.3 網(wǎng)頁(yè)布局注意事項(xiàng)　　2.1.4 畫出網(wǎng)頁(yè)布局草圖　2.2 使用表格　　2.2.1 在網(wǎng)頁(yè)中插入表格　　2.2.2 制作不規(guī)則表格　　2.2.3 合并與拆分單元格　　2.2.4 表格的嵌套　　2.2.5 設(shè)置表格框線　　2.2.6 使用表格規(guī)劃網(wǎng)頁(yè)布局　2.3 在布局模式下繪制布局表格　　2.3.1 布局模式　　2.3.2 在布局模式下規(guī)劃網(wǎng)頁(yè)布局　2.4 使用框架　　2.4.1 框架概述　　2.4.2 框架的建立與保存　　2.4.3 設(shè)置框架　　2.4.4 使用框架規(guī)劃網(wǎng)頁(yè)布局　習(xí)題第3章 網(wǎng)頁(yè)的編輯　3.1 字體與段落的設(shè)置　　3.1.1 字體與字號(hào)　　3.1.2 文字的對(duì)齊方式　　3.1.3 文字的風(fēng)格與顏色　　3.1.4 段首縮進(jìn)與行間距　3.2 美化網(wǎng)頁(yè)　　3.2.1 插入水平線　　3.2.2 插入圖片　　3.2.3 設(shè)置圖片　　3.2.4 添加網(wǎng)頁(yè)背景　　3.2.5 設(shè)置表格背景　習(xí)題第4章 超鏈接的創(chuàng)建與管理　4.1 創(chuàng)建文本超鏈接　　4.1.1 創(chuàng)建網(wǎng)站內(nèi)文本超鏈接　　4.1.2 創(chuàng)建網(wǎng)站外文本超鏈接　　4.1.3 創(chuàng)建電子郵件超鏈接　　4.1.4 修改超鏈接　　4.1.5 創(chuàng)建重新打開(kāi)一個(gè)窗口的超鏈接　4.2 創(chuàng)建圖片超鏈接　　4.2.1 創(chuàng)建整個(gè)圖片超鏈接　　4.2.2 創(chuàng)建圖片熱區(qū)超鏈接　4.3 使用Flash動(dòng)態(tài)文本超鏈接　　4.3.1 使用Flash文本創(chuàng)建超鏈接　　4.3.2 使用Flash按鈕創(chuàng)建超鏈接　4.4 創(chuàng)建網(wǎng)頁(yè)書簽　　4.4.1 網(wǎng)頁(yè)書簽　　4.4.2 制作網(wǎng)頁(yè)書簽　習(xí)題第5章 樣式表與行為　5.1 使用樣式表　　5.1.1 樣式表及其分類　　5.1.2 使用CSS增大行間距　　5.1.3 使用CSS去掉超鏈接下畫線　5.2 行為及其簡(jiǎn)單應(yīng)用　　5.2.1 行為　　5.2.2 使用行為為網(wǎng)頁(yè)添加背景音樂(lè)　　5.2.3 使用行為彈出對(duì)話框　　5.2.4 使用行為彈出網(wǎng)頁(yè)窗口　習(xí)題5第6章 AP元素和時(shí)間軸第7章 表單的使用第8章 圖像和動(dòng)畫的制作與優(yōu)化第9章 網(wǎng)頁(yè)的管理第10章 網(wǎng)頁(yè)的上傳附錄A 常用網(wǎng)站地址一覽表

章節(jié)摘錄

　　WWW瀏覽之所以如此流行，一個(gè)重要的原因是超鏈接這一概念的存在。超鏈接允許我們從自己的頁(yè)面出發(fā)直接指向Internet上存在的任何一個(gè)其他頁(yè)面，或者說(shuō)，在一臺(tái)計(jì)算機(jī)上可以打開(kāi)Internet上成千上萬(wàn)的網(wǎng)頁(yè)文件?！　「鶕?jù)鏈接的范圍，超鏈接可以分為內(nèi)部超鏈接、外部超鏈接和錨記超鏈接。內(nèi)部超鏈接是指打開(kāi)的超鏈接對(duì)象在本網(wǎng)站內(nèi)；外部超鏈接是指打開(kāi)的超鏈接對(duì)象在WWW的其他網(wǎng)站中：而錨記超鏈接可以鏈接到同一網(wǎng)頁(yè)中的不同位置，也稱為書簽。根據(jù)建立超鏈接的不同對(duì)象，超鏈接又可以分為文本超鏈接和圖片超鏈接?！　∥谋境溄邮亲罨镜囊环N超鏈接，在早期的網(wǎng)頁(yè)制作過(guò)程中常常使用文本超鏈接。其特征是關(guān)鍵詞呈藍(lán)色，而且?guī)в邢庐嬀€?，F(xiàn)在，隨著寬帶技術(shù)的普及，特別是網(wǎng)頁(yè)制作技術(shù)的發(fā)展，那種藍(lán)色帶有下畫線的超鏈接關(guān)鍵詞已經(jīng)少多了?！　≡跒g覽網(wǎng)頁(yè)的時(shí)候，特別是使用手機(jī)上網(wǎng)，或者瀏覽網(wǎng)絡(luò)小說(shuō)時(shí)，常常會(huì)看到一些藍(lán)色帶下畫線的文字，將鼠標(biāo)移動(dòng)到這些文字上時(shí)，鼠標(biāo)指針變成手形，單擊鼠標(biāo)會(huì)打開(kāi)另一個(gè)網(wǎng)頁(yè)。這個(gè)鏈接就是一個(gè)文本超鏈接，帶下畫線的文字稱為熱區(qū)文本?！　?chuàng)建文本超鏈接的一項(xiàng)重要工作就是選擇合適的熱區(qū)文本。下面講解如何選擇熱區(qū)文本，并設(shè)置超鏈接?！　∈紫?，打開(kāi)各個(gè)網(wǎng)頁(yè)，輸入相關(guān)內(nèi)容并保存。然后在網(wǎng)頁(yè)“.index.htm”中選中“每周一星”這幾個(gè)字，將其作為建立超鏈接的熱區(qū)文本。

圖書封面

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

---

    網(wǎng)頁(yè)制作基礎(chǔ)教程 PDF格式下載

---