網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作
《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟第一部分網(wǎng)頁(yè)基本知識(shí)第一章互聯(lián)網(wǎng)概述第一節(jié)互聯(lián)網(wǎng)起源與在中國(guó)的發(fā)展一、互聯(lián)網(wǎng)起源二、在中國(guó)的發(fā)展第二節(jié)互聯(lián)網(wǎng)基礎(chǔ)理論知識(shí)一、Internet1、【筆記】因特
《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟第一部分網(wǎng)頁(yè)基本知識(shí)
第一章互聯(lián)網(wǎng)概述
第一節(jié)互聯(lián)網(wǎng)起源與在中國(guó)的發(fā)展
一、互聯(lián)網(wǎng)起源
二、在中國(guó)的發(fā)展
第二節(jié)互聯(lián)網(wǎng)基礎(chǔ)理論知識(shí)
一、Internet
1、【筆記】因特網(wǎng)是世界范圍內(nèi)計(jì)算機(jī)網(wǎng)絡(luò)的一個(gè)集合,是由計(jì)算機(jī)網(wǎng)絡(luò)通過(guò)一致的聯(lián)網(wǎng)協(xié)議和軟件協(xié)議組成的集合,共享這數(shù)字信息。
2、【課本】計(jì)算機(jī)網(wǎng)絡(luò)是將分布在不同物理位置的具有獨(dú)立功能的計(jì)算機(jī)系統(tǒng),利用通信設(shè)備和顯露相互連接起來(lái),在網(wǎng)絡(luò)協(xié)議和軟件的支持下進(jìn)行數(shù)據(jù)通信、實(shí)現(xiàn)資源共享的計(jì)算機(jī)系統(tǒng)的集合。
二、WWW(WorldWide Web)
1、萬(wàn)維網(wǎng),是目前使用最廣泛和最方便的一種基于超文本、提供交互的信息服務(wù)。
2、WWW不是傳統(tǒng)意義上的物理網(wǎng)絡(luò),是基于Internet 的、由軟件和協(xié)議組成的、以超文本文件為基礎(chǔ)的全球分布式信息網(wǎng)絡(luò)。
3、WWW的系統(tǒng)結(jié)構(gòu)采用的是客戶/服務(wù)器結(jié)構(gòu)模式。物理結(jié)構(gòu)上是由客戶機(jī)和服務(wù)器組成。它們都連接在因特網(wǎng)上,通過(guò)因特網(wǎng)進(jìn)行通信。瀏覽器的主機(jī)是客戶機(jī),提供信息的主機(jī)是服務(wù)器,在應(yīng)用程序上,客戶機(jī)上運(yùn)行的是IE 之類(lèi)的瀏覽器程序,瀏覽器程序的主要作用就是對(duì)HTML 標(biāo)記語(yǔ)言進(jìn)行解釋并且將它顯示在瀏覽器窗口中。
三、Internet的協(xié)議
1、TCP/IP協(xié)議:Internet的基本協(xié)議,中文譯名傳輸控制協(xié)議,因特網(wǎng)互聯(lián)協(xié)議,又叫網(wǎng)絡(luò)通訊協(xié)議,簡(jiǎn)言之即由網(wǎng)絡(luò)層的IP 協(xié)議和傳輸層的TCP 協(xié)議。
①I(mǎi)P 地址在網(wǎng)絡(luò)中,每一臺(tái)主機(jī)必須有一個(gè)IP 地址,以確定主機(jī)的位置,在整個(gè)網(wǎng)絡(luò)中必須是唯一的,由32位二進(jìn)制數(shù)字組成。
②DNS(DomainName System)是因特網(wǎng)中的一項(xiàng)核心服務(wù),它將域名和IP 地址相互映射到一個(gè)分布式數(shù)據(jù)系統(tǒng),通過(guò)該系統(tǒng)將域名與IP 地址一一對(duì)應(yīng),并將域名映射成IP 地址,實(shí)現(xiàn)快速連接站點(diǎn)的目的。
③TCP (Transmission Control Protocol)傳輸控制協(xié)議TCP 是一種面向連接(連接導(dǎo)向)的、可靠的、基于字節(jié)流的運(yùn)輸層(Transportlayer)通信協(xié)議。
2、文件傳輸協(xié)議FTP:用于Internet 上的控制文件的雙向傳輸。主要作用是讓用戶連接上一個(gè)遠(yuǎn)程計(jì)算機(jī)(運(yùn)行FTP 服務(wù)器程序)進(jìn)行上傳和下載。
3、電子郵件傳輸協(xié)議SMTP(SimpleMail Transfer Protocol):基于FTP,即簡(jiǎn)單郵件傳輸協(xié)議,它是一組用于由源地址到目的地址傳送郵件的規(guī)則,由它來(lái)控制信件的中轉(zhuǎn)方式。SMTP 協(xié)議屬于TCP/IP協(xié)議族,它幫助每臺(tái)計(jì)算機(jī)在發(fā)送或中轉(zhuǎn)信件時(shí)找到下一個(gè)目的地。
4、域名的一般書(shū)寫(xiě)格式:機(jī)構(gòu)名.主機(jī)名.類(lèi)別名.地區(qū)名。
5、網(wǎng)絡(luò)新聞傳輸協(xié)議NNTP(NetworkNews Transport Protocol):是一個(gè)主要用于閱讀和張貼新聞文章(俗稱(chēng)為“帖子”,比較正式的是“新聞組郵件”)到Usenet 上的Internet 應(yīng)用協(xié)議,也負(fù)責(zé)新聞在服務(wù)器間的傳送。NNTP用于向Internet 上NNTP 服務(wù)器或NNTP 客戶(新聞閱讀器)發(fā)布網(wǎng)絡(luò)新聞郵件的協(xié)議,提供通過(guò)Internet 使用可靠的基于流的新聞傳輸,提供新聞的分發(fā)、查詢、檢索和投遞。NNTP還專(zhuān)門(mén)設(shè)計(jì)用于將新聞文章保存在中心數(shù)據(jù)庫(kù)的服務(wù)器上,這樣用戶可以選擇要閱讀的特定條目,還提供過(guò)期新聞的索引、交叉引用和終止。
6、HTTP協(xié)議:超文本傳輸協(xié)議,用于傳送WWW 方式的數(shù)據(jù),是客戶端瀏覽器或其他程序與
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟Web 服務(wù)器之間的應(yīng)用層通信協(xié)議。在Internet 上的Web 服務(wù)器上存放的都是超文本信息,客戶據(jù)需要通過(guò)HTTP 協(xié)議傳輸所要訪問(wèn)的超文本信息。
第三節(jié)網(wǎng)絡(luò)藝術(shù)形式
一、網(wǎng)頁(yè)
1、網(wǎng)上求職
2、門(mén)戶網(wǎng)站
3、網(wǎng)上社區(qū)/博客
4、網(wǎng)上購(gòu)物
5、游戲網(wǎng)站
6、娛樂(lè)網(wǎng)站
7、旅行網(wǎng)站8、參考/資訊
二、網(wǎng)絡(luò)廣告
▲網(wǎng)絡(luò)廣告是廣告主基于互聯(lián)網(wǎng)所投放的采用文本鏈接、多媒體等技術(shù)的一種新型廣告。
1、動(dòng)態(tài)廣告OR 靜態(tài)廣告8、專(zhuān)題性廣告網(wǎng)頁(yè)
2、旗幟廣告9、撕頁(yè)廣告(靜態(tài)&動(dòng)態(tài))
3、對(duì)聯(lián)式網(wǎng)絡(luò)廣告
4、摩天大樓廣告
5、矩形廣告10、軟件類(lèi)廣告11、網(wǎng)絡(luò)視頻廣告(視窗)12、促銷(xiāo)型廣告9、家庭/教育10、婚戀網(wǎng)站11、計(jì)算機(jī)技術(shù)12、個(gè)人網(wǎng)站13、企業(yè)網(wǎng)站14、搜索網(wǎng)站15、視頻網(wǎng)站
6、按鈕廣告13、隱蔽性廣告(博客等)
7、電子郵件廣告(平面設(shè)計(jì) 文字超鏈接)14、微博廣告
三、網(wǎng)絡(luò)游戲
1、定義:以互聯(lián)網(wǎng)為傳輸媒介,以游戲運(yùn)營(yíng)商服務(wù)器和用戶計(jì)算機(jī)為處理終端,以游戲客戶端軟件為信息交互窗口的旨在實(shí)現(xiàn)娛樂(lè)、休閑、交流和取得虛擬成就的具有可持續(xù)性的個(gè)體性多人在線游戲。
四、網(wǎng)絡(luò)文學(xué)
1、定義:以互聯(lián)網(wǎng)為展示平臺(tái)和傳播媒介的,借助超文本鏈接和多媒體演繹等手段來(lái)表現(xiàn)的文學(xué)作品、類(lèi)文學(xué)文本及含有一部分文學(xué)成分的網(wǎng)絡(luò)藝術(shù)品。
2、發(fā)展:
五、網(wǎng)絡(luò)音樂(lè)
1、定義:指音樂(lè)作品通過(guò)互聯(lián)網(wǎng)、移動(dòng)通信網(wǎng)等各種有線和無(wú)線方式傳播的,其主要特點(diǎn)是形成了數(shù)字化的音樂(lè)產(chǎn)品制作、傳播和消費(fèi)模式。網(wǎng)友通過(guò)電信互聯(lián)網(wǎng)提供在電腦終端下載或者播放的互聯(lián)網(wǎng)在線音樂(lè),無(wú)線網(wǎng)絡(luò)運(yùn)營(yíng)商通過(guò)無(wú)線增值服務(wù)提供在手機(jī)終端播放的無(wú)線音樂(lè),又被稱(chēng)為移動(dòng)音樂(lè)。
2、彩鈴:是“個(gè)性化多彩回鈴音業(yè)務(wù)”(ColoringRing Back Tone)的簡(jiǎn)稱(chēng),它是一項(xiàng)由被叫客戶為呼叫自己移動(dòng)電話的其他主叫客戶設(shè)定特殊音效(音樂(lè)、歌曲、故事情節(jié)、人物對(duì)話)的回鈴音的業(yè)務(wù)。
六、電子雜志網(wǎng)絡(luò)雜志、互動(dòng)雜志
1、電子雜志是一種非常好的媒體表現(xiàn)形式,它兼具了平面與互聯(lián)網(wǎng)兩者的特點(diǎn),且融入了圖像,文字,聲音、視頻、游戲等相互動(dòng)態(tài)結(jié)合來(lái)呈現(xiàn)給讀者,此外,還有超鏈接、及時(shí)互動(dòng)等網(wǎng)絡(luò)元素,是一種很享受的閱讀方式。
2、電子雜志延展性強(qiáng),未來(lái)可移植到PDA、MOBILE、MP4、PSP及TV(數(shù)字電視、機(jī)頂盒)等多種個(gè)人終端進(jìn)行閱讀。
第四節(jié)網(wǎng)絡(luò)藝術(shù)形式特點(diǎn)
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟
一、數(shù)字化、網(wǎng)絡(luò)化,借助網(wǎng)絡(luò)迅速傳播
二、具備“網(wǎng)絡(luò)互動(dòng)性”和“虛擬沉浸性”
三、大眾化特征
四、創(chuàng)作流程的開(kāi)放性,作品是“未完成狀態(tài)”
五、具有更豐富的媒體表現(xiàn)形式
六、共享性
七、個(gè)人性
第二章網(wǎng)頁(yè)基本知識(shí)
一、網(wǎng)頁(yè)的基本元素
1、文本。
2、圖片。圖像傳遞的信息比文字更直觀,主要有GIF、JPEG/JPG、PNG格式。
3、鏈接。
4、聲音和動(dòng)畫(huà)。網(wǎng)頁(yè)中可以插入的聲音文件格式很多,包括MID 格式和MP3格式。而動(dòng)畫(huà)主要有GIF 動(dòng)畫(huà)和Flash 動(dòng)畫(huà)。
5、表單。網(wǎng)頁(yè)完成交互功能的重要元素。
二、網(wǎng)頁(yè)圖形界面設(shè)計(jì)
1、視聽(tīng)元素:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。
2、版式設(shè)計(jì):在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合。尺寸由讀者掌控。
①不同顯示器可設(shè)置不同的分辨率,這就要求設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置;
②不同瀏覽器因編寫(xiě)程序有差異,也會(huì)影響網(wǎng)頁(yè)顯示。
三、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別
1、運(yùn)行于客戶端的程序、網(wǎng)頁(yè)、插件、組件,屬于靜態(tài)網(wǎng)頁(yè)。如html、flash等。是純粹html 格式網(wǎng)頁(yè)設(shè)計(jì)。常見(jiàn)格式后綴:.html或.htm。
2、動(dòng)態(tài)頁(yè)面通常在服務(wù)器端運(yùn)行,通過(guò)網(wǎng)站后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新。常見(jiàn)格式后綴:.asp或.php或.jsp或.cgi。
四、信息流
1、定義:指信息的傳播與流動(dòng),信息流是物流過(guò)程的流動(dòng)影象,信息流分三個(gè)過(guò)程:采集、傳遞和加工處理。
五、制作網(wǎng)頁(yè)的基本工具
1、FrontPage。微軟公司網(wǎng)頁(yè)制作工具
2、Dreamwaver。Macromedia公司網(wǎng)頁(yè)制作工具。
3、Photoshop。圖形圖像制作和加工工具。
4、Fireworks。網(wǎng)頁(yè)圖片處理工具。
5、Flash。網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)開(kāi)發(fā)軟件,采用“流”控制技術(shù),可一邊下載一邊觀看。
六、網(wǎng)頁(yè)圖形設(shè)計(jì)
七、網(wǎng)頁(yè)設(shè)計(jì)特點(diǎn)
1、交互性與互動(dòng)性
①交互性的三種形式:移開(kāi)、移上未點(diǎn)擊、移上并點(diǎn)擊(狀態(tài))
2、信息傳播的非線性
3、多種媒體的綜合性
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟
八、網(wǎng)頁(yè)設(shè)計(jì)原則
1、主題鮮明
2、形式與內(nèi)容統(tǒng)一
3、強(qiáng)調(diào)整體
第二節(jié)網(wǎng)站定位
一、什么是網(wǎng)站
1、在互聯(lián)網(wǎng)上,由域名(也就是網(wǎng)站地址)和網(wǎng)站空間構(gòu)成,使用HTML 等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合,通常包括主頁(yè)和其他具有超鏈接文件的頁(yè)面。
二、網(wǎng)站建設(shè)流程
1、整體規(guī)劃:①以宣傳為目的的網(wǎng)站;
②以信息傳遞為目的的網(wǎng)站;
③其他功能性網(wǎng)站。
2、網(wǎng)頁(yè)設(shè)計(jì)與制作:網(wǎng)站的形象設(shè)計(jì)、布局與版面的設(shè)計(jì)和頁(yè)面制作與程序設(shè)計(jì)。
3、測(cè)試網(wǎng)頁(yè)。
4、網(wǎng)頁(yè)的上傳與發(fā)布。
三、網(wǎng)頁(yè)設(shè)計(jì)策劃
1、導(dǎo)航模式:建立網(wǎng)站地圖。包括所有的網(wǎng)頁(yè)、每一網(wǎng)頁(yè)的類(lèi)型和內(nèi)容,這些網(wǎng)頁(yè)之間的鏈接及它們所處的層級(jí)關(guān)系。
①導(dǎo)航需要解決:我在哪?
我怎樣才能到達(dá)我要去的地方?
如迷路的人常問(wèn)自己:我以前到過(guò)這里嗎?或我能返回我以前某地嗎?
還有多久到達(dá)那里?
2、布局設(shè)計(jì):利用網(wǎng)絡(luò)系統(tǒng)分割區(qū)域,整理導(dǎo)航、子菜單、內(nèi)容等位置。
3、交互模式:顯示那些與用戶互動(dòng)的網(wǎng)站要素如何運(yùn)作,如在網(wǎng)頁(yè)中是否需要滾動(dòng)頁(yè)面、窗體在新窗口彈出或從本窗口直接顯示新網(wǎng)頁(yè),以及一些動(dòng)態(tài)界面元素。
4、顏色系統(tǒng):為整個(gè)網(wǎng)站結(jié)構(gòu)決定一個(gè)與理念相符合的顏色結(jié)構(gòu)規(guī)則,表現(xiàn)出網(wǎng)站的整體性。顏色系統(tǒng)除中心性主顏色以外,也可以根據(jù)各個(gè)區(qū)域段(子網(wǎng)頁(yè))性質(zhì),分別用獨(dú)立的顏色群來(lái)體現(xiàn)。
5、圖形、圖像、圖標(biāo)設(shè)計(jì)。
第三章
第一節(jié)初識(shí)Dreamwaver(課本內(nèi)容)站點(diǎn)的建立
一、站點(diǎn)的定義
1、站點(diǎn)實(shí)質(zhì)是一個(gè)文件夾,文件夾中涵蓋一系列文檔,這些文檔通過(guò)各種鏈接關(guān)聯(lián)起來(lái),利用瀏覽器可以實(shí)現(xiàn)對(duì)整個(gè)網(wǎng)站的瀏覽。站點(diǎn)分為本地站點(diǎn)和遠(yuǎn)端站點(diǎn)。首先,在本地計(jì)算機(jī)的硬盤(pán)上創(chuàng)建本地站點(diǎn),把握全局站點(diǎn)結(jié)構(gòu),管理站點(diǎn)中的各個(gè)文檔,完成對(duì)文檔的編輯,然后將本地站點(diǎn)發(fā)送到遠(yuǎn)端的Internet 服務(wù)器上,創(chuàng)建遠(yuǎn)端站點(diǎn)。
二、站點(diǎn)中的目錄結(jié)構(gòu)文件夾:html、images、media、scripts、styles 網(wǎng)頁(yè)文件:.index
1、命名:可采用英文縮寫(xiě)和組合,也可用拼音縮寫(xiě)與組合,以便識(shí)別,不要用中文字或a、b、c、1、2、3等命名。首頁(yè)統(tǒng)一命名為index。
2、創(chuàng)建本地站點(diǎn)
3、管理站點(diǎn)
第二節(jié)認(rèn)識(shí)Dreamwaver 操作界面
第三節(jié)表格
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟
第四節(jié)圖像
第二部分教材內(nèi)容(練習(xí)題)
第一章網(wǎng)頁(yè)設(shè)計(jì)與制作概述
一、選擇題
1、DW是()公司出品的網(wǎng)頁(yè)設(shè)計(jì)軟件。
A.MicrosoftB.MacromediaC.TecentD.IBM
2、
A.表格的開(kāi)始和結(jié)束B(niǎo).行的開(kāi)始和結(jié)束C.列的開(kāi)始和結(jié)束D.單元的開(kāi)始和結(jié)束
3、網(wǎng)頁(yè)中的標(biāo)題部分,對(duì)應(yīng)的字體由大到小,可以使用的范圍是(
A.h6到h1B.h7到h1C.h1到h6D.h1到h7
4、在DW 中顏色用()表示。
A.二進(jìn)制數(shù)B.八進(jìn)制數(shù)C.十進(jìn)制數(shù)D.十六進(jìn)制數(shù)
5、
A.插入動(dòng)畫(huà)B.編輯圖片C.設(shè)置超級(jí)鏈接D.插入圖片
6、下面關(guān)于HTML 語(yǔ)言的說(shuō)法錯(cuò)誤的是()
A.HTML的意思是“超文本標(biāo)記語(yǔ)言”B.HTML是用于編寫(xiě)網(wǎng)頁(yè)的統(tǒng)一的語(yǔ)言規(guī)范
C.只能使用記事本編寫(xiě)HTML 代碼D.網(wǎng)頁(yè)的頭標(biāo)記是Head
7、代表中國(guó)的頂級(jí)域名是()
A.CNB.COMC.NETD.EDU
8、一個(gè)基于HTML 超文本語(yǔ)言的網(wǎng)頁(yè)無(wú)法被())程序編輯
)A.寫(xiě)字板B.記事本C.Windows命令提示符D.Dreamwaver9、國(guó)際標(biāo)準(zhǔn)化組織ISO 于1984年正式頒布的開(kāi)放系統(tǒng)互連基本參與模型的簡(jiǎn)寫(xiě)為(
A.SNAB.OSIC.DNAD.TCP/IP
10、Internet是由()發(fā)展起來(lái)的。
A.NSFNETB.MILNETC.ESNETD.ARPANET
11、一個(gè)網(wǎng)吧將其所有的計(jì)算機(jī)連成網(wǎng)絡(luò),該網(wǎng)絡(luò)屬于(
A.廣域網(wǎng)B.城域網(wǎng)C.局域網(wǎng)D.網(wǎng)吧
12、WWW服務(wù)是以()協(xié)議為基礎(chǔ)的。
A.HTMLB.HTTPC.WWWD.URL
13、在美國(guó)用頂級(jí)域名來(lái)區(qū)分機(jī)構(gòu)或組織的性質(zhì),其中表示商業(yè)實(shí)體的是()
A.govB.comC.milD.org
14、WWW上每一個(gè)網(wǎng)頁(yè)(HomePage)都有一個(gè)獨(dú)立的地址,這些地址統(tǒng)稱(chēng)為())
A.IP地址B.域名系統(tǒng)(DNS)C.統(tǒng)一資源定位器(URL)D.E-mail地址
15、()是網(wǎng)頁(yè)傳遞信息的主要載體,傳輸速度快,而且可以設(shè)置其大小、顏色、段落、層次等屬性。
A.圖像B.表格C.鏈接D.文本
二、填空題2、網(wǎng)站首頁(yè)的文件名是固定的,一般是index 或default,其他頁(yè)面可以自由命名。
3、HTML英文全名是4、在HTML HTML 文檔的最前面,用來(lái)標(biāo)識(shí)HTML 文檔的開(kāi)始。
5、要設(shè)定文字的字體、字號(hào)和顏色可以使用
6、之間的文字以下劃線顯示。
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟
7、HTML的超鏈接是通過(guò)
8、當(dāng)瀏覽器不能顯示圖像時(shí),標(biāo)簽中的alt 屬性能夠用文本代替圖像。
9、
10、常用的IP 地址有ABC 三類(lèi),128.11.3.31是一個(gè)B 類(lèi)IP 地址。
三、問(wèn)答題
1、簡(jiǎn)述網(wǎng)站的設(shè)計(jì)流程。
答:①整體規(guī)劃??煞譃橐孕麄鳛槟康牡木W(wǎng)站、以信息傳遞為目的的網(wǎng)站以及其他功能性網(wǎng)站。
②網(wǎng)頁(yè)設(shè)計(jì)與制作。主要工作包括網(wǎng)站的形象設(shè)計(jì)、布局與版面的設(shè)計(jì)和頁(yè)面制作與程序設(shè)計(jì)。其中網(wǎng)站的形象設(shè)計(jì)包括網(wǎng)發(fā)展的標(biāo)志設(shè)計(jì)、中英文設(shè)計(jì)、網(wǎng)站的主題顏色及字體設(shè)計(jì)。常見(jiàn)的頁(yè)面布局技術(shù)主要有表哥布局技術(shù)、通過(guò)CSS 技術(shù)完全地定位文本和圖像以及DIV CSS布局技術(shù)三類(lèi)。而網(wǎng)站頁(yè)面版式可以分為“形象頁(yè)面”與“內(nèi)容頁(yè)面”兩類(lèi)。
③測(cè)試網(wǎng)頁(yè)。
④網(wǎng)頁(yè)的上傳與發(fā)布。
2、請(qǐng)用HTML 語(yǔ)言編寫(xiě)出基本的網(wǎng)頁(yè)結(jié)構(gòu)。
答:
頭部信息
|  , |
3、常用的網(wǎng)頁(yè)設(shè)計(jì)工具有哪些,各有什么特點(diǎn)?
答:①FrontPage。和Word 系出同門(mén)且有著豐富的模版,是新手上手的很好的選擇。
②Dreamwaver。集網(wǎng)頁(yè)設(shè)計(jì)、代碼開(kāi)發(fā)、網(wǎng)站創(chuàng)建和管理于一體的軟件,提供了可視化的布局工具、快速的Web 應(yīng)用程序開(kāi)發(fā),以及廣泛編輯和ASP/JSP/ASP.NET/PHP等動(dòng)態(tài)網(wǎng)頁(yè)的支持,并可實(shí)現(xiàn)數(shù)據(jù)庫(kù)的編寫(xiě)。是一款真正的“所見(jiàn)即所得”的網(wǎng)頁(yè)編輯工具。
③Photoshop。圖形加工軟件,對(duì)圖像的處理方式多樣,特別是對(duì)圖像的濾鏡處理,可以制作出許多特殊的圖像想過(guò),且能輕松將圖像進(jìn)行切片等操作,方便網(wǎng)頁(yè)使用,支持存儲(chǔ)格式為網(wǎng)頁(yè)支持的GIF、JPEG、PNG等。
④Fireworks。以處理網(wǎng)頁(yè)圖片為特長(zhǎng),具有同時(shí)按位圖圖形和矢量圖形的模式進(jìn)行編輯的特點(diǎn),并可輕松創(chuàng)作GIF 動(dòng)畫(huà)。
⑤Flash。網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)軟件。用該軟件制作的動(dòng)畫(huà)采用“流”控制技術(shù),可以一邊下載動(dòng)畫(huà)、一邊播放。,且大量的圖形是矢量圖形,因此縮放操作中沒(méi)有失真。此外,該軟件制作的動(dòng)畫(huà)文件所占的體積較小。
4、簡(jiǎn)述靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的WWW 工作流程。
答:①靜態(tài)網(wǎng)頁(yè):在客戶機(jī)的瀏覽器地址欄中輸入一個(gè)網(wǎng)頁(yè)地址,按回車(chē)鍵,客戶機(jī)就用因特網(wǎng)上的HTTP 協(xié)議發(fā)送一個(gè)請(qǐng)求到該地址所指定的服務(wù)器。服務(wù)器收到請(qǐng)求后,將客戶機(jī)請(qǐng)求的頁(yè)面文件或系統(tǒng)的默認(rèn)頁(yè)面文件或系統(tǒng)的默認(rèn)頁(yè)面文件傳送到客戶機(jī)中。瀏覽器解釋正文主體部分
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟這個(gè)HTML 文件,并將結(jié)果顯示在瀏覽器窗口中。
②動(dòng)態(tài)網(wǎng)頁(yè):當(dāng)服務(wù)器收到請(qǐng)求后,將根據(jù)請(qǐng)求的信息,在服務(wù)器上找到相應(yīng)的頁(yè)面文件并對(duì)該文件進(jìn)行處理,運(yùn)行該文件包含的程序代碼,然后將運(yùn)行結(jié)果以標(biāo)準(zhǔn)的HTML 文件格式送回到客戶機(jī),由客戶機(jī)的瀏覽器顯示結(jié)果。
5、簡(jiǎn)述網(wǎng)頁(yè)色彩搭配的技巧。
答:①同種色彩搭配。首先選定一種色彩,然后調(diào)整透明度和飽和度,將色彩變淡或加深,而產(chǎn)生新的色彩,使頁(yè)面看起來(lái)色彩統(tǒng)一,具有層次感。
②鄰近色彩搭配。在色環(huán)上相鄰的顏色進(jìn)行搭配可以使網(wǎng)頁(yè)避免色彩雜亂,易于達(dá)到頁(yè)面和諧統(tǒng)一的效果。
③對(duì)比色彩搭配。以使網(wǎng)站特色鮮明、重點(diǎn)突出,產(chǎn)生強(qiáng)烈的視覺(jué)效果。在設(shè)計(jì)時(shí)以一種顏色為主色調(diào),其對(duì)比色為點(diǎn)綴,以起到畫(huà)龍點(diǎn)睛的作用。
④暖色色彩搭配。使用紅色、橙色、黃色等色彩的搭配,以營(yíng)造出溫馨、和諧和熱情的氛圍。
⑤冷色色彩搭配。使用綠色、藍(lán)色及紫色等色彩的搭配,以營(yíng)造出寧?kù)o、清涼和熱情的氛圍。冷色色彩和白色搭配一般會(huì)獲得較好的視覺(jué)效果。
⑥有主色的混合色彩搭配。以一種顏色為主,同時(shí)混合使用其他色彩,形成一種繽紛絢麗而不雜亂的搭配效果。
第三章圖像和其他媒體
一、選擇題
1、通過(guò)Swap Image 動(dòng)作來(lái)替換圖像的時(shí)候,如果第一個(gè)圖像的尺寸大小為300×600,第二個(gè)圖像的尺寸大小為200×500,第三個(gè)圖像的尺寸大小為500×800,則以下說(shuō)法正確的是()。
A.三個(gè)圖像都將以300×600的尺寸顯示
B.三個(gè)圖像都將以200×500的尺寸顯示
C. 三個(gè)圖像都將以500×800的尺寸顯示
D.第二個(gè)圖像將被拉伸
2、
)進(jìn)行設(shè)置。

4、不屬于網(wǎng)頁(yè)通常使用的圖像格式的是()。
A.JPEGB.GIFC.PNGD.BMP
5、調(diào)整圖像尺寸時(shí)要保持元素的比例(寬高比),在按住()鍵的同時(shí)拖動(dòng)頂角的選擇控制點(diǎn)。
A.ShiftB.Ctrl
二、填空題C.AltD.Shift Ctrl
1、網(wǎng)頁(yè)中常見(jiàn)的音頻格式有2、Flash文件的擴(kuò)展名為模版文件的擴(kuò)展名為3、居中對(duì)齊是將圖像的中部與當(dāng)前的基線對(duì)齊。

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟
4、在可視方式下用戶最小可以將元素大小調(diào)整到8×8像素,若要將元素的寬度和高度調(diào)整到1×1像素,需要在方框區(qū)域中輸入數(shù)值。5、插入鼠標(biāo)經(jīng)過(guò)圖像選擇主菜單“插入”→“圖像對(duì)象”→“鼠標(biāo)經(jīng)過(guò)圖像”命令。
三、問(wèn)答題
1、簡(jiǎn)述網(wǎng)頁(yè)文件使用的圖像格式和它們的區(qū)別。
答:①GIF 文件。一種基于LZW 算法的連續(xù)色調(diào)的無(wú)損壓縮格式,壓縮率一般在50左右。GIF 文件最多使用256種顏色,最適合顯示色調(diào)不連續(xù)或具有大面積單一顏色的圖像。
②JPEG 文件。用于攝影或連續(xù)色調(diào)圖像的高級(jí)格式,可包含數(shù)百萬(wàn)種顏色。通過(guò)壓縮JPEG 文件在圖像品質(zhì)和問(wèn)價(jià)大小之間達(dá)到良好的平衡。
③PNG 文件。目前保證最不失真的格式,存儲(chǔ)形式豐富,兼有GIF 和JPEG 的色彩模式,能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸,但又能保留所有與圖像品質(zhì)有關(guān)的信息,是無(wú)損壓縮。同時(shí)還支持透明圖像的制作。
2、什么是鼠標(biāo)經(jīng)過(guò)圖像?
答:鼠標(biāo)經(jīng)過(guò)圖像在瀏覽器中瀏覽時(shí),當(dāng)鼠標(biāo)經(jīng)過(guò)這種圖像時(shí),圖像會(huì)發(fā)生變化。鼠標(biāo)經(jīng)過(guò)圖像實(shí)際上由兩個(gè)圖像組成,原始圖像(首次載入頁(yè)時(shí)顯示的圖像)和鼠標(biāo)經(jīng)過(guò)圖像(當(dāng)鼠標(biāo)指針移到原始圖像時(shí)顯示的圖像)。
3、簡(jiǎn)述常用音頻格式文件的區(qū)別。
答:①midi 或mid 格式用于樂(lè)器。
②wav 格式文件有較好的聲音品質(zhì),許多瀏覽器都支持此類(lèi)格式文件并且不要求插件。③mp3格式是一種壓縮格式,它可令聲音文件明顯縮小,且聲音品質(zhì)非常好。
④ra、ram、rpm或Real Audio 格式具有非常高的壓縮程度,全部歌曲文件可以在合理的時(shí)間范圍內(nèi)下載。
⑤qt、qtm、mov和QuickTime 是由Apple Computer 開(kāi)發(fā)的音頻和視頻格式。支持大多數(shù)編碼格式。
4、簡(jiǎn)述圖像占位符的作用。
答:在準(zhǔn)備好將最終圖像添加到Web 頁(yè)面之前使用的占位圖形。通過(guò)插入指定大小的圖像占位符可以在頁(yè)面中預(yù)留圖像的位置,從而實(shí)現(xiàn)預(yù)覽頁(yè)面基本效果。
第四章超級(jí)鏈接及其應(yīng)用
一、選擇題
1、在Dreamweaver8中可以為圖像創(chuàng)建熱點(diǎn),不可以改變()
A、熱點(diǎn)形狀B、熱點(diǎn)的位置C、熱點(diǎn)大小D、熱點(diǎn)鼠標(biāo)的靈敏程度
2、在屬性面板上設(shè)置超鏈接時(shí),超鏈接打開(kāi)的位置在()框的下拉列表中選擇。
A、鏈接B、目標(biāo)C、邊框D、替換
3、要在當(dāng)前窗口打開(kāi)鏈接,應(yīng)在Dreamweaver8中設(shè)置()為()
A、目標(biāo),-blankB、鏈接,-topC、目標(biāo),-self
4、導(dǎo)航條在一個(gè)網(wǎng)頁(yè)中一般可以有()個(gè)
A、1B、2C、3D、4D、鏈接,-parent
5、在Dreamweaver 中,網(wǎng)站內(nèi)部文件之間的鏈接都是以()的形式出現(xiàn)的。
A、相對(duì)地址B、絕對(duì)地址C、內(nèi)部地址D、相對(duì)或絕對(duì)地址
6、E-mail鏈接的一般形式為()
A、mailto:name@server.com
C、mail:name@server.com
二、填空題B、mail:server.com@nameD、mailto:server.com@name
,《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁(yè)制作》筆記&課本練習(xí)一葉扁舟1、鏈接路徑一般有三種類(lèi)型,分別為絕對(duì)路徑、相對(duì)路徑、根目錄相對(duì)路徑。2、在創(chuàng)建超級(jí)鏈接分類(lèi)中,跳轉(zhuǎn)菜單鏈接適合一個(gè)文檔多頁(yè)面分類(lèi)使用。3、創(chuàng)建到錨點(diǎn)的鏈接的過(guò)程分為兩步;首先創(chuàng)建命名錨點(diǎn),然后創(chuàng)建錨記鏈接。4、創(chuàng)建錨機(jī)鏈接是在屬性面板的“鏈接”文本框中,鍵入一個(gè)數(shù)字符號(hào)“#”和錨記名稱(chēng)。5、導(dǎo)航條項(xiàng)目有四種狀態(tài),分別為狀態(tài)圖像、鼠標(biāo)經(jīng)過(guò)圖像、按下圖像、按下時(shí)鼠標(biāo)經(jīng)過(guò)圖像。6、鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系。
三、簡(jiǎn)答題
1、超級(jí)鏈接中三種路徑的區(qū)別是什么?
答:①絕對(duì)路徑。提供鏈接文檔的完整URL 地址,而且包括所使用的協(xié)議類(lèi)型。使用絕對(duì)路徑要確保路徑有效。當(dāng)要鏈接其他服務(wù)器上的文檔,必須使用絕對(duì)路徑。
②相對(duì)路徑。指省略相對(duì)于當(dāng)前文檔和所鏈接的文檔都相同的絕對(duì)URL 部分,只提供不同的路徑部分。
③站點(diǎn)根目錄相對(duì)路徑。指從站點(diǎn)的根目文件夾到文檔的路徑,當(dāng)在處理承載有多個(gè)不同站點(diǎn)的服務(wù)器時(shí)要考慮使用這種類(lèi)型的路徑。
2、什么是跳轉(zhuǎn)菜單?
答:跳轉(zhuǎn)菜單是文檔中的彈出菜單,對(duì)站點(diǎn)訪問(wèn)者可見(jiàn),并列出鏈接到文檔或文件的選項(xiàng)。
3、簡(jiǎn)述屬性面板的鏈接“目標(biāo)”彈出菜單中四個(gè)選項(xiàng)的含義。
答:①_blank:將鏈接的文檔載入一個(gè)新的、未命名的瀏覽器窗口。
②_parent:將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。如果包含鏈接的框
架不是嵌套框架,則所鏈接的文檔載入整個(gè)瀏覽器窗口。
③_self:將鏈接的文檔載入鏈接所在的同一框架或窗口。此目標(biāo)是默認(rèn)的,通常不需
要指定它。
④_top:將鏈接的文檔載入整個(gè)瀏覽器窗口,從而刪除所有框架。
第五章表格的創(chuàng)建與應(yīng)用
一、選擇題
1、在定義表格的屬性時(shí)。在
②
③
④
2、在Dreamweaver 中如何制作一個(gè)4行4列的單線表格(邊框顏色#ff9900,單元格顏色#ffcc00)?
3、說(shuō)明制作一個(gè)1行4列的立方體表格的操作步驟。要求:?jiǎn)卧癖尘盀榘咨?,亮邊框顏色為?ffff00”,暗邊框顏色為“#ff0000”。
4、簡(jiǎn)述制作不固定寬和高的圓角表格的方法步驟。
答:①制作四張圓角圖片。
②插入表格。
③插入圖片。
④設(shè)置單元格寬度和高度。
⑤設(shè)置頁(yè)面背景顏色。
⑥設(shè)置表格背景顏色。
⑦調(diào)整中心單元格的高度。
⑧保存并預(yù)覽網(wǎng)頁(yè)。
第八章樣式表
一、選擇題)屬性。D、頁(yè)眉