網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作

2017-03-27

26325

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟第一部分網(wǎng)頁基本知識第一章互聯(lián)網(wǎng)概述第一節(jié)互聯(lián)網(wǎng)起源與在中國的發(fā)展一、互聯(lián)網(wǎng)起源二、在中國的發(fā)展第二節(jié)互聯(lián)網(wǎng)基礎(chǔ)理論知識一、Internet1、【筆記】因特

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟第一部分網(wǎng)頁基本知識

第一章互聯(lián)網(wǎng)概述

第一節(jié)互聯(lián)網(wǎng)起源與在中國的發(fā)展

一、互聯(lián)網(wǎng)起源

二、在中國的發(fā)展

第二節(jié)互聯(lián)網(wǎng)基礎(chǔ)理論知識

一、Internet

1、【筆記】因特網(wǎng)是世界范圍內(nèi)計算機(jī)網(wǎng)絡(luò)的一個集合，是由計算機(jī)網(wǎng)絡(luò)通過一致的聯(lián)網(wǎng)協(xié)議和軟件協(xié)議組成的集合，共享這數(shù)字信息。

2、【課本】計算機(jī)網(wǎng)絡(luò)是將分布在不同物理位置的具有獨立功能的計算機(jī)系統(tǒng)，利用通信設(shè)備和顯露相互連接起來，在網(wǎng)絡(luò)協(xié)議和軟件的支持下進(jìn)行數(shù)據(jù)通信、實現(xiàn)資源共享的計算機(jī)系統(tǒng)的集合。

二、WWW（WorldWide Web）

1、萬維網(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)上，通過因特網(wǎng)進(jìn)行通信。瀏覽器的主機(jī)是客戶機(jī)，提供信息的主機(jī)是服務(wù)器，在應(yīng)用程序上，客戶機(jī)上運(yùn)行的是IE 之類的瀏覽器程序，瀏覽器程序的主要作用就是對HTML 標(biāo)記語言進(jìn)行解釋并且將它顯示在瀏覽器窗口中。

三、Internet的協(xié)議

1、TCP/IP協(xié)議：Internet的基本協(xié)議，中文譯名傳輸控制協(xié)議，因特網(wǎng)互聯(lián)協(xié)議，又叫網(wǎng)絡(luò)通訊協(xié)議，簡言之即由網(wǎng)絡(luò)層的IP 協(xié)議和傳輸層的TCP 協(xié)議。

①IP 地址在網(wǎng)絡(luò)中，每一臺主機(jī)必須有一個IP 地址，以確定主機(jī)的位置，在整個網(wǎng)絡(luò)中必須是唯一的，由32位二進(jìn)制數(shù)字組成。

②DNS（DomainName System）是因特網(wǎng)中的一項核心服務(wù)，它將域名和IP 地址相互映射到一個分布式數(shù)據(jù)系統(tǒng)，通過該系統(tǒng)將域名與IP 地址一一對應(yīng)，并將域名映射成IP 地址，實現(xiàn)快速連接站點的目的。

③TCP （Transmission Control Protocol）傳輸控制協(xié)議TCP 是一種面向連接（連接導(dǎo)向）的、可靠的、基于字節(jié)流的運(yùn)輸層（Transportlayer）通信協(xié)議。

2、文件傳輸協(xié)議FTP：用于Internet 上的控制文件的雙向傳輸。主要作用是讓用戶連接上一個遠(yuǎn)程計算機(jī)（運(yùn)行FTP 服務(wù)器程序）進(jìn)行上傳和下載。

3、電子郵件傳輸協(xié)議SMTP（SimpleMail Transfer Protocol）：基于FTP，即簡單郵件傳輸協(xié)議,它是一組用于由源地址到目的地址傳送郵件的規(guī)則，由它來控制信件的中轉(zhuǎn)方式。SMTP 協(xié)議屬于TCP/IP協(xié)議族，它幫助每臺計算機(jī)在發(fā)送或中轉(zhuǎn)信件時找到下一個目的地。

4、域名的一般書寫格式：機(jī)構(gòu)名.主機(jī)名.類別名.地區(qū)名。

5、網(wǎng)絡(luò)新聞傳輸協(xié)議NNTP（NetworkNews Transport Protocol）：是一個主要用于閱讀和張貼新聞文章（俗稱為“帖子”，比較正式的是“新聞組郵件”)到Usenet 上的Internet 應(yīng)用協(xié)議,也負(fù)責(zé)新聞在服務(wù)器間的傳送。NNTP用于向Internet 上NNTP 服務(wù)器或NNTP 客戶（新聞閱讀器）發(fā)布網(wǎng)絡(luò)新聞郵件的協(xié)議，提供通過Internet 使用可靠的基于流的新聞傳輸，提供新聞的分發(fā)、查詢、檢索和投遞。NNTP還專門設(shè)計用于將新聞文章保存在中心數(shù)據(jù)庫的服務(wù)器上，這樣用戶可以選擇要閱讀的特定條目，還提供過期新聞的索引、交叉引用和終止。

6、HTTP協(xié)議：超文本傳輸協(xié)議，用于傳送WWW 方式的數(shù)據(jù)，是客戶端瀏覽器或其他程序與

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟Web 服務(wù)器之間的應(yīng)用層通信協(xié)議。在Internet 上的Web 服務(wù)器上存放的都是超文本信息，客戶據(jù)需要通過HTTP 協(xié)議傳輸所要訪問的超文本信息。

第三節(jié)網(wǎng)絡(luò)藝術(shù)形式

一、網(wǎng)頁

1、網(wǎng)上求職

2、門戶網(wǎng)站

3、網(wǎng)上社區(qū)/博客

4、網(wǎng)上購物

5、游戲網(wǎng)站

6、娛樂網(wǎng)站

7、旅行網(wǎng)站8、參考/資訊

二、網(wǎng)絡(luò)廣告

▲網(wǎng)絡(luò)廣告是廣告主基于互聯(lián)網(wǎng)所投放的采用文本鏈接、多媒體等技術(shù)的一種新型廣告。

1、動態(tài)廣告OR 靜態(tài)廣告8、專題性廣告網(wǎng)頁

2、旗幟廣告9、撕頁廣告（靜態(tài)&動態(tài)）

3、對聯(lián)式網(wǎng)絡(luò)廣告

4、摩天大樓廣告

5、矩形廣告10、軟件類廣告11、網(wǎng)絡(luò)視頻廣告（視窗）12、促銷型廣告9、家庭/教育10、婚戀網(wǎng)站11、計算機(jī)技術(shù)12、個人網(wǎng)站13、企業(yè)網(wǎng)站14、搜索網(wǎng)站15、視頻網(wǎng)站

6、按鈕廣告13、隱蔽性廣告（博客等）

7、電子郵件廣告（平面設(shè)計文字超鏈接）14、微博廣告

三、網(wǎng)絡(luò)游戲

1、定義：以互聯(lián)網(wǎng)為傳輸媒介，以游戲運(yùn)營商服務(wù)器和用戶計算機(jī)為處理終端，以游戲客戶端軟件為信息交互窗口的旨在實現(xiàn)娛樂、休閑、交流和取得虛擬成就的具有可持續(xù)性的個體性多人在線游戲。

四、網(wǎng)絡(luò)文學(xué)

1、定義：以互聯(lián)網(wǎng)為展示平臺和傳播媒介的，借助超文本鏈接和多媒體演繹等手段來表現(xiàn)的文學(xué)作品、類文學(xué)文本及含有一部分文學(xué)成分的網(wǎng)絡(luò)藝術(shù)品。

2、發(fā)展：

五、網(wǎng)絡(luò)音樂

1、定義：指音樂作品通過互聯(lián)網(wǎng)、移動通信網(wǎng)等各種有線和無線方式傳播的，其主要特點是形成了數(shù)字化的音樂產(chǎn)品制作、傳播和消費模式。網(wǎng)友通過電信互聯(lián)網(wǎng)提供在電腦終端下載或者播放的互聯(lián)網(wǎng)在線音樂，無線網(wǎng)絡(luò)運(yùn)營商通過無線增值服務(wù)提供在手機(jī)終端播放的無線音樂，又被稱為移動音樂。

2、彩鈴：是“個性化多彩回鈴音業(yè)務(wù)”（ColoringRing Back Tone）的簡稱，它是一項由被叫客戶為呼叫自己移動電話的其他主叫客戶設(shè)定特殊音效（音樂、歌曲、故事情節(jié)、人物對話）的回鈴音的業(yè)務(wù)。

六、電子雜志網(wǎng)絡(luò)雜志、互動雜志

1、電子雜志是一種非常好的媒體表現(xiàn)形式，它兼具了平面與互聯(lián)網(wǎng)兩者的特點，且融入了圖像，文字，聲音、視頻、游戲等相互動態(tài)結(jié)合來呈現(xiàn)給讀者，此外，還有超鏈接、及時互動等網(wǎng)絡(luò)元素，是一種很享受的閱讀方式。

2、電子雜志延展性強(qiáng)，未來可移植到PDA、MOBILE、MP4、PSP及TV（數(shù)字電視、機(jī)頂盒）等多種個人終端進(jìn)行閱讀。

第四節(jié)網(wǎng)絡(luò)藝術(shù)形式特點

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟

一、數(shù)字化、網(wǎng)絡(luò)化，借助網(wǎng)絡(luò)迅速傳播

二、具備“網(wǎng)絡(luò)互動性”和“虛擬沉浸性”

三、大眾化特征

四、創(chuàng)作流程的開放性，作品是“未完成狀態(tài)”

五、具有更豐富的媒體表現(xiàn)形式

六、共享性

七、個人性

第二章網(wǎng)頁基本知識

一、網(wǎng)頁的基本元素

1、文本。

2、圖片。圖像傳遞的信息比文字更直觀，主要有GIF、JPEG/JPG、PNG格式。

3、鏈接。

4、聲音和動畫。網(wǎng)頁中可以插入的聲音文件格式很多，包括MID 格式和MP3格式。而動畫主要有GIF 動畫和Flash 動畫。

5、表單。網(wǎng)頁完成交互功能的重要元素。

二、網(wǎng)頁圖形界面設(shè)計

1、視聽元素：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動態(tài)影像等。

2、版式設(shè)計：在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合。尺寸由讀者掌控。

①不同顯示器可設(shè)置不同的分辨率，這就要求設(shè)計者不能精確控制頁面上每個元素的尺寸和位置；

②不同瀏覽器因編寫程序有差異，也會影響網(wǎng)頁顯示。

三、靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別

1、運(yùn)行于客戶端的程序、網(wǎng)頁、插件、組件，屬于靜態(tài)網(wǎng)頁。如html、flash等。是純粹html 格式網(wǎng)頁設(shè)計。常見格式后綴：.html或.htm。

2、動態(tài)頁面通常在服務(wù)器端運(yùn)行，通過網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進(jìn)行更新。常見格式后綴：.asp或.php或.jsp或.cgi。

四、信息流

1、定義：指信息的傳播與流動，信息流是物流過程的流動影象，信息流分三個過程：采集、傳遞和加工處理。

五、制作網(wǎng)頁的基本工具

1、FrontPage。微軟公司網(wǎng)頁制作工具

2、Dreamwaver。Macromedia公司網(wǎng)頁制作工具。

3、Photoshop。圖形圖像制作和加工工具。

4、Fireworks。網(wǎng)頁圖片處理工具。

5、Flash。網(wǎng)頁動畫設(shè)計開發(fā)軟件，采用“流”控制技術(shù)，可一邊下載一邊觀看。

六、網(wǎng)頁圖形設(shè)計

七、網(wǎng)頁設(shè)計特點

1、交互性與互動性

①交互性的三種形式：移開、移上未點擊、移上并點擊（狀態(tài)）

2、信息傳播的非線性

3、多種媒體的綜合性

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟

八、網(wǎng)頁設(shè)計原則

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)頁的集合，通常包括主頁和其他具有超鏈接文件的頁面。

二、網(wǎng)站建設(shè)流程

1、整體規(guī)劃：①以宣傳為目的的網(wǎng)站；

②以信息傳遞為目的的網(wǎng)站；

③其他功能性網(wǎng)站。

2、網(wǎng)頁設(shè)計與制作：網(wǎng)站的形象設(shè)計、布局與版面的設(shè)計和頁面制作與程序設(shè)計。

3、測試網(wǎng)頁。

4、網(wǎng)頁的上傳與發(fā)布。

三、網(wǎng)頁設(shè)計策劃

1、導(dǎo)航模式：建立網(wǎng)站地圖。包括所有的網(wǎng)頁、每一網(wǎng)頁的類型和內(nèi)容，這些網(wǎng)頁之間的鏈接及它們所處的層級關(guān)系。

①導(dǎo)航需要解決：我在哪？

我怎樣才能到達(dá)我要去的地方？

如迷路的人常問自己：我以前到過這里嗎？或我能返回我以前某地嗎？

還有多久到達(dá)那里？

2、布局設(shè)計：利用網(wǎng)絡(luò)系統(tǒng)分割區(qū)域，整理導(dǎo)航、子菜單、內(nèi)容等位置。

3、交互模式：顯示那些與用戶互動的網(wǎng)站要素如何運(yùn)作，如在網(wǎng)頁中是否需要滾動頁面、窗體在新窗口彈出或從本窗口直接顯示新網(wǎng)頁，以及一些動態(tài)界面元素。

4、顏色系統(tǒng)：為整個網(wǎng)站結(jié)構(gòu)決定一個與理念相符合的顏色結(jié)構(gòu)規(guī)則，表現(xiàn)出網(wǎng)站的整體性。顏色系統(tǒng)除中心性主顏色以外，也可以根據(jù)各個區(qū)域段（子網(wǎng)頁）性質(zhì)，分別用獨立的顏色群來體現(xiàn)。

5、圖形、圖像、圖標(biāo)設(shè)計。

第三章

第一節(jié)初識Dreamwaver（課本內(nèi)容）站點的建立

一、站點的定義

1、站點實質(zhì)是一個文件夾，文件夾中涵蓋一系列文檔，這些文檔通過各種鏈接關(guān)聯(lián)起來，利用瀏覽器可以實現(xiàn)對整個網(wǎng)站的瀏覽。站點分為本地站點和遠(yuǎn)端站點。首先，在本地計算機(jī)的硬盤上創(chuàng)建本地站點，把握全局站點結(jié)構(gòu)，管理站點中的各個文檔，完成對文檔的編輯，然后將本地站點發(fā)送到遠(yuǎn)端的Internet 服務(wù)器上，創(chuàng)建遠(yuǎn)端站點。

二、站點中的目錄結(jié)構(gòu)文件夾：html、images、media、scripts、styles 網(wǎng)頁文件：.index

1、命名：可采用英文縮寫和組合，也可用拼音縮寫與組合，以便識別，不要用中文字或a、b、c、1、2、3等命名。首頁統(tǒng)一命名為index。

2、創(chuàng)建本地站點

3、管理站點

第二節(jié)認(rèn)識Dreamwaver 操作界面

第三節(jié)表格

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟

第四節(jié)圖像

第二部分教材內(nèi)容（練習(xí)題）

第一章網(wǎng)頁設(shè)計與制作概述

一、選擇題

1、DW是（）公司出品的網(wǎng)頁設(shè)計軟件。

A．MicrosoftB．MacromediaC．TecentD．IBM

2、代表（）

A．表格的開始和結(jié)束B．行的開始和結(jié)束C．列的開始和結(jié)束D．單元的開始和結(jié)束

3、網(wǎng)頁中的標(biāo)題部分，對應(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、可實現(xiàn)（）功能。

A．插入動畫B．編輯圖片C．設(shè)置超級鏈接D．插入圖片

6、下面關(guān)于HTML 語言的說法錯誤的是（）

A．HTML的意思是“超文本標(biāo)記語言”B．HTML是用于編寫網(wǎng)頁的統(tǒng)一的語言規(guī)范

C．只能使用記事本編寫HTML 代碼D．網(wǎng)頁的頭標(biāo)記是Head

7、代表中國的頂級域名是（）

A．CNB．COMC．NETD．EDU

8、一個基于HTML 超文本語言的網(wǎng)頁無法被（））程序編輯

）A．寫字板B．記事本C．Windows命令提示符D．Dreamwaver9、國際標(biāo)準(zhǔn)化組織ISO 于1984年正式頒布的開放系統(tǒng)互連基本參與模型的簡寫為（

A．SNAB．OSIC．DNAD．TCP/IP

10、Internet是由（）發(fā)展起來的。

A．NSFNETB．MILNETC．ESNETD．ARPANET

11、一個網(wǎng)吧將其所有的計算機(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、在美國用頂級域名來區(qū)分機(jī)構(gòu)或組織的性質(zhì)，其中表示商業(yè)實體的是（）

A．govB．comC．milD．org

14、WWW上每一個網(wǎng)頁（HomePage）都有一個獨立的地址，這些地址統(tǒng)稱為（））

A．IP地址B．域名系統(tǒng)（DNS）C．統(tǒng)一資源定位器（URL）D．E-mail地址

15、（）是網(wǎng)頁傳遞信息的主要載體，傳輸速度快，而且可以設(shè)置其大小、顏色、段落、層次等屬性。

A．圖像B．表格C．鏈接D．文本

二、填空題2、網(wǎng)站首頁的文件名是固定的，一般是index 或default，其他頁面可以自由命名。

3、HTML英文全名是4、在HTML HTML 文檔的最前面，用來標(biāo)識HTML 文檔的開始。

5、要設(shè)定文字的字體、字號和顏色可以使用

6、之間的文字以下劃線顯示。

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟

7、HTML的超鏈接是通過標(biāo)簽來實現(xiàn)的。</p><p>8、當(dāng)瀏覽器不能顯示圖像時，<img>標(biāo)簽中的alt 屬性能夠用文本代替圖像。</p><p>9、<tr>標(biāo)簽用于定義表格的行，<td>標(biāo)簽用于定義表格的單元格。</p><p>10、常用的IP 地址有ABC 三類，128.11.3.31是一個B 類IP 地址。</p><p>三、問答題</p><p>1、簡述網(wǎng)站的設(shè)計流程。</p><p>答：①整體規(guī)劃?？煞譃橐孕麄鳛槟康牡木W(wǎng)站、以信息傳遞為目的的網(wǎng)站以及其他功能性網(wǎng)站。</p><p>②網(wǎng)頁設(shè)計與制作。主要工作包括網(wǎng)站的形象設(shè)計、布局與版面的設(shè)計和頁面制作與程序設(shè)計。其中網(wǎng)站的形象設(shè)計包括網(wǎng)發(fā)展的標(biāo)志設(shè)計、中英文設(shè)計、網(wǎng)站的主題顏色及字體設(shè)計。常見的頁面布局技術(shù)主要有表哥布局技術(shù)、通過CSS 技術(shù)完全地定位文本和圖像以及DIV CSS布局技術(shù)三類。而網(wǎng)站頁面版式可以分為“形象頁面”與“內(nèi)容頁面”兩類。</p><p>③測試網(wǎng)頁。</p><p>④網(wǎng)頁的上傳與發(fā)布。</p><p>2、請用HTML 語言編寫出基本的網(wǎng)頁結(jié)構(gòu)。</p><p>答：<html></p><p><head></p><p>頭部信息</p><p></head></p><p><body></p><p><table></p><p><tr><td> ，</td></p><p></tr></p><p></table></p><p></body></p><p></html></p><p>3、常用的網(wǎng)頁設(shè)計工具有哪些，各有什么特點？</p><p>答：①FrontPage。和Word 系出同門且有著豐富的模版，是新手上手的很好的選擇。</p><p>②Dreamwaver。集網(wǎng)頁設(shè)計、代碼開發(fā)、網(wǎng)站創(chuàng)建和管理于一體的軟件，提供了可視化的布局工具、快速的Web 應(yīng)用程序開發(fā)，以及廣泛編輯和ASP/JSP/ASP.NET/PHP等動態(tài)網(wǎng)頁的支持，并可實現(xiàn)數(shù)據(jù)庫的編寫。是一款真正的“所見即所得”的網(wǎng)頁編輯工具。</p><p>③Photoshop。圖形加工軟件，對圖像的處理方式多樣，特別是對圖像的濾鏡處理，可以制作出許多特殊的圖像想過，且能輕松將圖像進(jìn)行切片等操作，方便網(wǎng)頁使用，支持存儲格式為網(wǎng)頁支持的GIF、JPEG、PNG等。</p><p>④Fireworks。以處理網(wǎng)頁圖片為特長，具有同時按位圖圖形和矢量圖形的模式進(jìn)行編輯的特點，并可輕松創(chuàng)作GIF 動畫。</p><p>⑤Flash。網(wǎng)頁動畫設(shè)計軟件。用該軟件制作的動畫采用“流”控制技術(shù)，可以一邊下載動畫、一邊播放。，且大量的圖形是矢量圖形，因此縮放操作中沒有失真。此外，該軟件制作的動畫文件所占的體積較小。</p><p>4、簡述靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的WWW 工作流程。</p><p>答：①靜態(tài)網(wǎng)頁:在客戶機(jī)的瀏覽器地址欄中輸入一個網(wǎng)頁地址，按回車鍵,客戶機(jī)就用因特網(wǎng)上的HTTP 協(xié)議發(fā)送一個請求到該地址所指定的服務(wù)器。服務(wù)器收到請求后，將客戶機(jī)請求的頁面文件或系統(tǒng)的默認(rèn)頁面文件或系統(tǒng)的默認(rèn)頁面文件傳送到客戶機(jī)中。瀏覽器解釋正文主體部分</p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟這個HTML 文件，并將結(jié)果顯示在瀏覽器窗口中。</p><p>②動態(tài)網(wǎng)頁：當(dāng)服務(wù)器收到請求后，將根據(jù)請求的信息，在服務(wù)器上找到相應(yīng)的頁面文件并對該文件進(jìn)行處理，運(yùn)行該文件包含的程序代碼，然后將運(yùn)行結(jié)果以標(biāo)準(zhǔn)的HTML 文件格式送回到客戶機(jī)，由客戶機(jī)的瀏覽器顯示結(jié)果。</p><p>5、簡述網(wǎng)頁色彩搭配的技巧。</p><p>答：①同種色彩搭配。首先選定一種色彩，然后調(diào)整透明度和飽和度，將色彩變淡或加深，而產(chǎn)生新的色彩，使頁面看起來色彩統(tǒng)一，具有層次感。</p><p>②鄰近色彩搭配。在色環(huán)上相鄰的顏色進(jìn)行搭配可以使網(wǎng)頁避免色彩雜亂，易于達(dá)到頁面和諧統(tǒng)一的效果。</p><p>③對比色彩搭配。以使網(wǎng)站特色鮮明、重點突出，產(chǎn)生強(qiáng)烈的視覺效果。在設(shè)計時以一種顏色為主色調(diào)，其對比色為點綴，以起到畫龍點睛的作用。</p><p>④暖色色彩搭配。使用紅色、橙色、黃色等色彩的搭配，以營造出溫馨、和諧和熱情的氛圍。</p><p>⑤冷色色彩搭配。使用綠色、藍(lán)色及紫色等色彩的搭配，以營造出寧靜、清涼和熱情的氛圍。冷色色彩和白色搭配一般會獲得較好的視覺效果。</p><p>⑥有主色的混合色彩搭配。以一種顏色為主，同時混合使用其他色彩，形成一種繽紛絢麗而不雜亂的搭配效果。</p><p>第三章圖像和其他媒體</p><p>一、選擇題</p><p>1、通過Swap Image 動作來替換圖像的時候，如果第一個圖像的尺寸大小為300×600，第二個圖像的尺寸大小為200×500，第三個圖像的尺寸大小為500×800，則以下說法正確的是（）。</p><p>A．三個圖像都將以300×600的尺寸顯示</p><p>B．三個圖像都將以200×500的尺寸顯示</p><p>C. 三個圖像都將以500×800的尺寸顯示</p><p>D．第二個圖像將被拉伸</p><p>2、<img src='/upload/12/aasn0h4i3ja.jpg' /></p><p>）進(jìn)行設(shè)置。</p><p><img src='/upload/12/zs2hrhvibom.jpg' /></p><p>4、不屬于網(wǎng)頁通常使用的圖像格式的是（）。</p><p>A．JPEGB．GIFC．PNGD．BMP</p><p>5、調(diào)整圖像尺寸時要保持元素的比例（寬高比），在按?。ǎ╂I的同時拖動頂角的選擇控制點。</p><p>A．ShiftB．Ctrl</p><p>二、填空題C．AltD．Shift Ctrl</p><p>1、網(wǎng)頁中常見的音頻格式有2、Flash文件的擴(kuò)展名為模版文件的擴(kuò)展名為3、居中對齊是將圖像的中部與當(dāng)前的基線對齊。</p><p><img src='/upload/12/ma2zll4moch.jpg' /></p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟</p><p>4、在可視方式下用戶最小可以將元素大小調(diào)整到8×8像素，若要將元素的寬度和高度調(diào)整到1×1像素，需要在方框區(qū)域中輸入數(shù)值。5、插入鼠標(biāo)經(jīng)過圖像選擇主菜單“插入”→“圖像對象”→“鼠標(biāo)經(jīng)過圖像”命令。</p><p>三、問答題</p><p>1、簡述網(wǎng)頁文件使用的圖像格式和它們的區(qū)別。</p><p>答：①GIF 文件。一種基于LZW 算法的連續(xù)色調(diào)的無損壓縮格式，壓縮率一般在50左右。GIF 文件最多使用256種顏色，最適合顯示色調(diào)不連續(xù)或具有大面積單一顏色的圖像。</p><p>②JPEG 文件。用于攝影或連續(xù)色調(diào)圖像的高級格式，可包含數(shù)百萬種顏色。通過壓縮JPEG 文件在圖像品質(zhì)和問價大小之間達(dá)到良好的平衡。</p><p>③PNG 文件。目前保證最不失真的格式，存儲形式豐富，兼有GIF 和JPEG 的色彩模式，能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸，但又能保留所有與圖像品質(zhì)有關(guān)的信息，是無損壓縮。同時還支持透明圖像的制作。</p><p>2、什么是鼠標(biāo)經(jīng)過圖像？</p><p>答：鼠標(biāo)經(jīng)過圖像在瀏覽器中瀏覽時，當(dāng)鼠標(biāo)經(jīng)過這種圖像時，圖像會發(fā)生變化。鼠標(biāo)經(jīng)過圖像實際上由兩個圖像組成，原始圖像（首次載入頁時顯示的圖像）和鼠標(biāo)經(jīng)過圖像（當(dāng)鼠標(biāo)指針移到原始圖像時顯示的圖像）。</p><p>3、簡述常用音頻格式文件的區(qū)別。</p><p>答：①midi 或mid 格式用于樂器。</p><p>②wav 格式文件有較好的聲音品質(zhì)，許多瀏覽器都支持此類格式文件并且不要求插件。③mp3格式是一種壓縮格式，它可令聲音文件明顯縮小，且聲音品質(zhì)非常好。</p><p>④ra、ram、rpm或Real Audio 格式具有非常高的壓縮程度，全部歌曲文件可以在合理的時間范圍內(nèi)下載。</p><p>⑤qt、qtm、mov和QuickTime 是由Apple Computer 開發(fā)的音頻和視頻格式。支持大多數(shù)編碼格式。</p><p>4、簡述圖像占位符的作用。</p><p>答：在準(zhǔn)備好將最終圖像添加到Web 頁面之前使用的占位圖形。通過插入指定大小的圖像占位符可以在頁面中預(yù)留圖像的位置，從而實現(xiàn)預(yù)覽頁面基本效果。</p><p>第四章超級鏈接及其應(yīng)用</p><p>一、選擇題</p><p>1、在Dreamweaver8中可以為圖像創(chuàng)建熱點，不可以改變（）</p><p>A、熱點形狀B、熱點的位置C、熱點大小D、熱點鼠標(biāo)的靈敏程度</p><p>2、在屬性面板上設(shè)置超鏈接時，超鏈接打開的位置在（）框的下拉列表中選擇。</p><p>A、鏈接B、目標(biāo)C、邊框D、替換</p><p>3、要在當(dāng)前窗口打開鏈接，應(yīng)在Dreamweaver8中設(shè)置（）為（）</p><p>A、目標(biāo)，-blankB、鏈接，-topC、目標(biāo)，-self</p><p>4、導(dǎo)航條在一個網(wǎng)頁中一般可以有（）個</p><p>A、1B、2C、3D、4D、鏈接，-parent</p><p>5、在Dreamweaver 中，網(wǎng)站內(nèi)部文件之間的鏈接都是以（）的形式出現(xiàn)的。</p><p>Ａ、相對地址Ｂ、絕對地址Ｃ、內(nèi)部地址Ｄ、相對或絕對地址</p><p>6、E-mail鏈接的一般形式為（）</p><p>A、mailto:name@server.com</p><p>C、mail:name@server.com</p><p>二、填空題B、mail:server.com@nameD、mailto:server.com@name</p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟1、鏈接路徑一般有三種類型，分別為絕對路徑、相對路徑、根目錄相對路徑。2、在創(chuàng)建超級鏈接分類中，跳轉(zhuǎn)菜單鏈接適合一個文檔多頁面分類使用。3、創(chuàng)建到錨點的鏈接的過程分為兩步；首先創(chuàng)建命名錨點，然后創(chuàng)建錨記鏈接。4、創(chuàng)建錨機(jī)鏈接是在屬性面板的“鏈接”文本框中，鍵入一個數(shù)字符號“#”和錨記名稱。5、導(dǎo)航條項目有四種狀態(tài)，分別為狀態(tài)圖像、鼠標(biāo)經(jīng)過圖像、按下圖像、按下時鼠標(biāo)經(jīng)過圖像。6、鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系。</p><p>三、簡答題</p><p>1、超級鏈接中三種路徑的區(qū)別是什么？</p><p>答：①絕對路徑。提供鏈接文檔的完整URL 地址，而且包括所使用的協(xié)議類型。使用絕對路徑要確保路徑有效。當(dāng)要鏈接其他服務(wù)器上的文檔，必須使用絕對路徑。</p><p>②相對路徑。指省略相對于當(dāng)前文檔和所鏈接的文檔都相同的絕對URL 部分，只提供不同的路徑部分。</p><p>③站點根目錄相對路徑。指從站點的根目文件夾到文檔的路徑，當(dāng)在處理承載有多個不同站點的服務(wù)器時要考慮使用這種類型的路徑。</p><p>2、什么是跳轉(zhuǎn)菜單？</p><p>答：跳轉(zhuǎn)菜單是文檔中的彈出菜單，對站點訪問者可見，并列出鏈接到文檔或文件的選項。</p><p>3、簡述屬性面板的鏈接“目標(biāo)”彈出菜單中四個選項的含義。</p><p>答：①_blank：將鏈接的文檔載入一個新的、未命名的瀏覽器窗口。</p><p>②_parent：將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。如果包含鏈接的框</p><p>架不是嵌套框架，則所鏈接的文檔載入整個瀏覽器窗口。</p><p>③_self：將鏈接的文檔載入鏈接所在的同一框架或窗口。此目標(biāo)是默認(rèn)的，通常不需</p><p>要指定它。</p><p>④_top：將鏈接的文檔載入整個瀏覽器窗口，從而刪除所有框架。</p><p>第五章表格的創(chuàng)建與應(yīng)用</p><p>一、選擇題</p><p>1、在定義表格的屬性時。在<table>標(biāo)簽中設(shè)置（）屬性，可以設(shè)置表格邊框的顏色。</p><p>A、borderB、bordercolorC、colorD、colspan</p><p>2、Dreamweaver內(nèi)設(shè)置了格式化的表格庫，選擇（</p><p>A、“插入”菜單下的“表格”命令</p><p>B、“命令”菜單下的“格式化表格”命令</p><p>C、“命令”菜單下的“排序表格”命令</p><p>D、“插入”菜單下的“格式化表格”命令</p><p>3、以下說法正確的是（）</p><p>A、如果要選擇多個非連續(xù)的單元格，只要按Ctrl 鍵，依次單擊要選擇的單元格即可</p><p>B、表格一旦創(chuàng)建，單元格就不能被合并和拆分了</p><p>C、表格的列寬度和行高度不能重新設(shè)置</p><p>D、以上都不正確</p><p>4、在布局模式下，繪制表格時可以按住（）鍵不放，連續(xù)拖動鼠標(biāo)就能繪制多個表格。</p><p>A、ShiftB、CtrlC、AltD、Shift Ctrl</p><p>5、要在頁面繪制單元格，下列說法不正確的是（</p><p>A、繪制后的單元格可以任意調(diào)整大小</p><p>B、不能脫離表格而獨立存在））命令可以應(yīng)用。</p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟</p><p>C、繪制的單元格不能相互交叉</p><p>D、若在頁面空白區(qū)域繪制單元格，則會自動產(chǎn)生一個表格作為單元格的容器</p><p>6、插入表格時無法通過“表格”對話框設(shè)置（</p><p>A、表格寬度B、表格邊框C、邊框顏色</p><p>7、單元格內(nèi)容可以設(shè)置（）對齊方式。</p><p>A、九種B、八種C、六種D、四種</p><p>8、插入表格后，表格默認(rèn)的框線顏色是（）</p><p>A、無色B、灰色C、黑色D、白色</p><p>二、填空題列。3、在Dreamweaver 布局表格和布局單元格工具才能被激活。</p><p>4、布局是Dreamweaver 中的一種設(shè)計表格布局的方式，在“布局”工具欄中，有三種布局模式供選擇，分別是標(biāo)準(zhǔn)模式、擴(kuò)展模式和布局模式。5、間隔圖像是透明圖像，不在瀏覽器中顯示，主要用來控制自動伸展表格之間的距離，它是一個單像素的透明GIF 圖像，向外延伸到制定像素的寬度。</p><p>6、當(dāng)設(shè)定布局單元格寬度時，選擇自動延伸選項時，布局單元格自動適應(yīng)布局表格的寬度。7、合并單元格時，只能對連續(xù)單元格進(jìn)行合并。合并后，元單元格的內(nèi)容將組合為一組存放在合并后的單元格中。</p><p>8、將光標(biāo)置于單元格中，按ctrl 鍵的同時單擊其他單元格，可以選擇多個不連續(xù)的單元格。</p><p>三、簡答題</p><p>1、表格中有哪幾種常用的HTML 標(biāo)簽，它們的作用分別是什么？</p><p>答：①<table></table>：定義一個表格，成對出現(xiàn)。</p><p>②<tr></tr>：定義表格中一行，成對出現(xiàn)，嵌套在table 標(biāo)簽中。</p><p>③<td></td>：定義表格中一列，成對出現(xiàn)，嵌套在tr 標(biāo)簽內(nèi)。</p><p>④<th></th>：定義表頭單元格，成對出現(xiàn)，嵌套在tr 標(biāo)簽內(nèi)，文本黑體居中。</p><p>2、在Dreamweaver 中如何制作一個4行4列的單線表格（邊框顏色#ff9900，單元格顏色#ffcc00）？</p><p>3、說明制作一個1行4列的立方體表格的操作步驟。要求：單元格背景為白色，亮邊框顏色為“#ffff00”,暗邊框顏色為“#ff0000”。</p><p>4、簡述制作不固定寬和高的圓角表格的方法步驟。</p><p>答：①制作四張圓角圖片。</p><p>②插入表格。</p><p>③插入圖片。</p><p>④設(shè)置單元格寬度和高度。</p><p>⑤設(shè)置頁面背景顏色。</p><p>⑥設(shè)置表格背景顏色。</p><p>⑦調(diào)整中心單元格的高度。</p><p>⑧保存并預(yù)覽網(wǎng)頁。</p><p>第八章樣式表</p><p>一、選擇題）屬性。D、頁眉</p> </div>   <footer class="article-footer"> <div id="7hv77x7" class="tags"> <span id="rxxd7tr" class="tag-label">標(biāo)簽：</span> </div> <div id="npb7pth" class="share-box"> <span id="jtd777n" class="share-label">分享到：</span> <button class="share-btn weixin" title="分享到微信"> <i class="ri-wechat-fill"></i> </button> <button class="share-btn qq" title="分享到QQ"> <i class="ri-qq-fill"></i> </button> </div> </footer> </article> <div id="hhr7dvd" class="ad-container ad-footer"> <div id="dvp77z7" class="ad-wrapper"> <div class="577755z" id="adshow2"></div>  </div> </div>  <nav class="context-nav"> <a href="/news/24015.html" class="nav-item prev"> <i class="ri-arrow-left-s-line"></i> <span id="j77rtjp" class="nav-text"> <span id="x5xln7v" class="label">上一篇</span> <span id="vrdntd7" class="title">如何進(jìn)行網(wǎng)站健康檢查</span> </span> </a> <a href="/news/24017.html" class="nav-item next"> <span id="hzfzbjt" class="nav-text"> <span id="zrfh7hn" class="label">下一篇</span> <span id="7jd7lth" class="title">電腦常用快捷鍵大全</span> </span> <i class="ri-arrow-right-s-line"></i> </a> </nav>  <section class="related-articles"> <h2 class="section-title"> <span>相關(guān)推薦</span> </h2> <div id="5ff7n7v" class="articles-grid"> <a href="/news/5411684.html" class="article-item"> <span id="7lzhlzd" class="article-title">買釣魚用鮮活紅蟲現(xiàn)在哪里有釣魚紅蟲在那個地方有的買？</span> <span id="5jtf5t5" class="article-date">2023-03-08</span> </a> <a href="/news/5411685.html" class="article-item"> <span id="1v7jplz" class="article-title">為什么飛機(jī)票價格浮動那么大(飛機(jī)票價格為什么總是起伏不定？)</span> <span id="17frbjd" class="article-date">2023-03-08</span> </a> <a href="/news/5411686.html" class="article-item"> <span id="j7zllht" class="article-title">跑步機(jī)前面放什么好處跑步機(jī)前面這個能抖的繩是有什么作用？</span> <span id="l77hnrx" class="article-date">2023-03-08</span> </a> <a href="/news/5411687.html" class="article-item"> <span id="vh7blh5" class="article-title">三星智能指紋門鎖電池能用多久(智能門鎖的電池可以用多久？)</span> <span id="nfx5f5x" class="article-date">2023-03-08</span> </a> <a href="/news/5411688.html" class="article-item"> <span id="h777h5n" class="article-title">難道外地人都不知道嘉峪關(guān)嗎(為什么叫嘉峪關(guān)？)</span> <span id="5vbtnnx" class="article-date">2023-03-08</span> </a> <a href="/news/5411689.html" class="article-item"> <span id="r7hhdzt" class="article-title">鍵盤有什么鍵可以放大音量(電腦音量增大快捷鍵？)</span> <span id="tf7h57v" class="article-date">2023-03-08</span> </a> <a href="/news/5411690.html" class="article-item"> <span id="l7xx77z" class="article-title">本溪到鳳城的高鐵都幾點 g397高鐵經(jīng)過哪些站？</span> <span id="5t7zh7x" class="article-date">2023-03-08</span> </a> <a href="/news/5411691.html" class="article-item"> <span id="5pp7j3x" class="article-title">雙魚座的武器叫什么 cf雙魚座是什么武器？</span> <span id="fhnhj7d" class="article-date">2023-03-08</span> </a> </div> </section>  <button class="back-to-top" aria-label="返回頂部"> <i class="ri-arrow-up-line"></i> </button> </div> </div> </main>   <footer class="footer"> <div id="hh7zllr" class="footer-content">  <div id="lhvpdpv" class="footer-main">  <div id="hzzvvhp" class="footer-links"> <div id="tlv77r7" class="footer-column"> <h4>幫助支持</h4> <ul> <li><a href="/help/bzzx.html">幫助中心</a></li> <li><a href="/Home/User/">用戶中心</a></li> <li><a href="/sitemap.xml">網(wǎng)站地圖</a></li> </ul> </div> <div id="tl5nf5r" class="footer-column"> <h4>支付服務(wù)</h4> <ul> <li><a href="/help/fkfs.html">付款方式</a></li> <li><a href="/help/fkfs.html">域名賬戶</a></li> <li><a href="/help/jyfl.html">服務(wù)費率</a></li> </ul> </div> <div id="r7lpzf7" class="footer-column"> <h4>規(guī)則條款</h4> <ul> <li><a href="/help/jygz.html">交易規(guī)則</a></li> <li><a href="/help/yssm.html">隱私聲明</a></li> <li><a href="/help/fwxy.html">服務(wù)協(xié)議</a></li> </ul> </div> <div id="bt7nj7r" class="footer-column"> <h4>聯(lián)系我們</h4> <ul> <li><a href="/help/lxjjr.html">業(yè)務(wù)咨詢</a></li> <li><a >投訴建議</a></li> <li><a href="/help/lxwm.html">聯(lián)系我們</a></li> </ul> </div> <div id="xnfhj7d" class="footer-column"> <h4>關(guān)于我們</h4> <ul> <li><a href="/help/gywm.html">關(guān)于我們</a></li> <li><a href="/help/cpyc.html">誠聘英才</a></li> <li><a href="/Home/agent/login.html">經(jīng)紀(jì)登錄</a></li> </ul> </div> </div>  <div id="nfzvfdr" class="qr-codes"> <div id="jj7vxrv" class="qr-item"> <img src="/styles/images/z-p2.jpg" alt="微信公眾號"> <p>微信公眾號</p> </div> <div id="zztpl7t" class="qr-item"> <img src="/styles/images/z-p3.jpg" alt="微信小程序"> <p>微信小程序</p> </div> </div> </div>  <div id="nftdflt" class="company-info"> <p> 大連酷米科技有限公司 <span id="5djxzh7" class="separator">|</span> 電話: 0411-88255560 <span id="v7jjhnp" class="separator">|</span> 員工舞弊舉報: mi@kmw.com <span id="7zppt7z" class="separator">|</span> 地址: 遼寧省大連市甘井子區(qū)華南廣場中南大廈A座612 </p> </div>  <div id="zb7bhfh" class="certificates"> <p class="license"> <a target="_blank">遼ICP備2023003160號-1</a> <span id="77tn7jp" class="separator">|</span> 增值電信業(yè)務(wù)經(jīng)營許可證：遼B2-20230432 <span id="xp7z7n7" class="separator">|</span> 在線數(shù)據(jù)處理與交易許可證：遼B2-20230432 <span id="fz7dhfz" class="separator">|</span> <a target="_blank">遼公網(wǎng)安備 21021102000934號</a> </p> <p class="copyright">Copyright ? 2014-2025 酷米科技版權(quán)所有</p> </div>  <div id="p7xjljb" class="cert-icons"> <img src="/styles/images/icon-1.png" alt="認(rèn)證圖標(biāo)1"> <img src="/styles/images/icon-2.png" alt="認(rèn)證圖標(biāo)2"> <img src="/styles/images/icon-3.png" alt="認(rèn)證圖標(biāo)3"> <img src="/styles/images/icon-4.png" alt="認(rèn)證圖標(biāo)4"> <img src="/styles/images/icon-5.png" alt="認(rèn)證圖標(biāo)5"> <img src="/styles/images/icon-6.png" alt="認(rèn)證圖標(biāo)6"> </div> </div> </footer>    <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.51jto.cn/" title="卖逼视频免费看片|狼人就干网中文字慕|成人av影院导航|人妻少妇精品无码专区二区妖婧|亚洲丝袜视频玖玖|一区二区免费中文|日本高清无码一区|国产91无码小说|国产黄片子视频91sese日韩|免费高清无码成人网站入口">卖逼视频免费看片|狼人就干网中文字慕|成人av影院导航|人妻少妇精品无码专区二区妖婧|亚洲丝袜视频玖玖|一区二区免费中文|日本高清无码一区|国产91无码小说|国产黄片子视频91sese日韩|免费高清无码成人网站入口</a> <div class="friend-links"> <a href="http://www.csstj.com.cn">婷婷社区视频在线|老司机视频网站草草|牛牛成人在线视频|精品国产一区二区三区香蕉_国产极品…|激情性爱视频网站|色老头丁香五月密|手机AV在线播放|无码专区蜜牙–av|婷婷久久久久一区二区|色噜噜无码加勒比久久</a> <a href="http://www.jspxyx.cn">一区黄色电影在线|青青草伊人啪88|国产成入在线视频|亚洲中文不卡无码|伊人久久精品网站|青青草原日韩综合网|高级精品福利在线|人人做爱视频网站|欧美另类在线亚洲|激情小说久久6亚洲电影av综合</a> <a href="http://www.bbxwb.cn">久久精品成人成人精品视频,|av在线自h91|竹菊影视无码AV|中文字幕一区二区波多野结衣|国产精品男女插插|午夜亚洲经典在线|特黄一区二区二区|久久亚洲色。视频|www.久久久久|亚洲无码高清视屏</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="vrfjb" class="pl_css_ganrao" style="display: none;"><span id="vrfjb"></span><form id="vrfjb"></form><mark id="vrfjb"><video id="vrfjb"><listing id="vrfjb"><form id="vrfjb"></form></listing></video></mark><span id="vrfjb"></span><div id="vrfjb"><progress id="vrfjb"></progress></div><strong id="vrfjb"><big id="vrfjb"></big></strong><acronym id="vrfjb"></acronym><legend id="vrfjb"><tt id="vrfjb"><u id="vrfjb"><thead id="vrfjb"></thead></u></tt></legend><u id="vrfjb"><ol id="vrfjb"></ol></u><p id="vrfjb"></p><label id="vrfjb"></label><form id="vrfjb"><output id="vrfjb"><sup id="vrfjb"><progress id="vrfjb"></progress></sup></output></form><strong id="vrfjb"><div id="vrfjb"><tt id="vrfjb"><i id="vrfjb"></i></tt></div></strong><address id="vrfjb"><track id="vrfjb"><i id="vrfjb"><form id="vrfjb"></form></i></track></address><menuitem id="vrfjb"></menuitem><tt id="vrfjb"></tt><tt id="vrfjb"><i id="vrfjb"></i></tt><strong id="vrfjb"><dl id="vrfjb"></dl></strong><label id="vrfjb"></label><output id="vrfjb"><track id="vrfjb"><big id="vrfjb"><small id="vrfjb"></small></big></track></output><sup id="vrfjb"><pre id="vrfjb"><nobr id="vrfjb"><pre id="vrfjb"></pre></nobr></pre></sup><mark id="vrfjb"><dfn id="vrfjb"><sub id="vrfjb"><font id="vrfjb"></font></sub></dfn></mark><pre id="vrfjb"><pre id="vrfjb"><u id="vrfjb"><label id="vrfjb"></label></u></pre></pre><var id="vrfjb"></var><ins id="vrfjb"><var id="vrfjb"></var></ins><output id="vrfjb"><th id="vrfjb"><acronym id="vrfjb"><dfn id="vrfjb"></dfn></acronym></th></output><mark id="vrfjb"><rp id="vrfjb"><sup id="vrfjb"><menuitem id="vrfjb"></menuitem></sup></rp></mark><progress id="vrfjb"><dfn id="vrfjb"><strong id="vrfjb"><big id="vrfjb"></big></strong></dfn></progress><sub id="vrfjb"><th id="vrfjb"></th></sub><pre id="vrfjb"><u id="vrfjb"></u></pre><font id="vrfjb"></font><ol id="vrfjb"><progress id="vrfjb"><dfn id="vrfjb"><sup id="vrfjb"></sup></dfn></progress></ol><i id="vrfjb"><address id="vrfjb"><track id="vrfjb"><i id="vrfjb"></i></track></address></i><nobr id="vrfjb"></nobr><rp id="vrfjb"></rp><dfn id="vrfjb"><thead id="vrfjb"><video id="vrfjb"><th id="vrfjb"></th></video></thead></dfn><strike id="vrfjb"><font id="vrfjb"></font></strike><em id="vrfjb"><th id="vrfjb"></th></em><th id="vrfjb"><legend id="vrfjb"><sub id="vrfjb"><strong id="vrfjb"></strong></sub></legend></th><optgroup id="vrfjb"></optgroup><label id="vrfjb"></label><optgroup id="vrfjb"></optgroup><i id="vrfjb"><menuitem id="vrfjb"></menuitem></i><strong id="vrfjb"><i id="vrfjb"><menuitem id="vrfjb"><var id="vrfjb"></var></menuitem></i></strong><em id="vrfjb"><nobr id="vrfjb"><strong id="vrfjb"><output id="vrfjb"></output></strong></nobr></em><thead id="vrfjb"><track id="vrfjb"></track></thead><font id="vrfjb"><track id="vrfjb"></track></font><strong id="vrfjb"><pre id="vrfjb"><ins id="vrfjb"><optgroup id="vrfjb"></optgroup></ins></pre></strong><track id="vrfjb"><u id="vrfjb"><thead id="vrfjb"><em id="vrfjb"></em></thead></u></track><nobr id="vrfjb"></nobr><meter id="vrfjb"><nobr id="vrfjb"></nobr></meter><legend id="vrfjb"></legend><strong id="vrfjb"><legend id="vrfjb"></legend></strong><sub id="vrfjb"><th id="vrfjb"></th></sub><th id="vrfjb"><acronym id="vrfjb"></acronym></th><form id="vrfjb"><sup id="vrfjb"><pre id="vrfjb"><small id="vrfjb"></small></pre></sup></form><progress id="vrfjb"></progress><dfn id="vrfjb"><strike id="vrfjb"></strike></dfn><big id="vrfjb"><nobr id="vrfjb"><pre id="vrfjb"><sub id="vrfjb"></sub></pre></nobr></big><nobr id="vrfjb"></nobr><form id="vrfjb"><legend id="vrfjb"></legend></form><dl id="vrfjb"><meter id="vrfjb"></meter></dl><ruby id="vrfjb"><label id="vrfjb"><acronym id="vrfjb"><output id="vrfjb"></output></acronym></label></ruby><label id="vrfjb"></label><strike id="vrfjb"><font id="vrfjb"></font></strike><meter id="vrfjb"><th id="vrfjb"></th></meter><pre id="vrfjb"><u id="vrfjb"></u></pre><strong id="vrfjb"><font id="vrfjb"></font></strong><strong id="vrfjb"><i id="vrfjb"><menuitem id="vrfjb"><form id="vrfjb"></form></menuitem></i></strong><b id="vrfjb"><optgroup id="vrfjb"><sup id="vrfjb"><tt id="vrfjb"></tt></sup></optgroup></b><listing id="vrfjb"><span id="vrfjb"><listing id="vrfjb"><legend id="vrfjb"></legend></listing></span></listing><pre id="vrfjb"><u id="vrfjb"></u></pre><progress id="vrfjb"><listing id="vrfjb"></listing></progress><meter id="vrfjb"></meter><thead id="vrfjb"></thead><dl id="vrfjb"><menuitem id="vrfjb"></menuitem></dl><label id="vrfjb"><progress id="vrfjb"></progress></label><style id="vrfjb"><meter id="vrfjb"><output id="vrfjb"><strong id="vrfjb"></strong></output></meter></style><pre id="vrfjb"><u id="vrfjb"></u></pre><sup id="vrfjb"></sup><em id="vrfjb"><nobr id="vrfjb"><form id="vrfjb"><sub id="vrfjb"></sub></form></nobr></em><legend id="vrfjb"><mark id="vrfjb"></mark></legend><legend id="vrfjb"><mark id="vrfjb"></mark></legend><label id="vrfjb"><big id="vrfjb"><nobr id="vrfjb"><legend id="vrfjb"></legend></nobr></big></label><meter id="vrfjb"><sub id="vrfjb"><strong id="vrfjb"><div id="vrfjb"></div></strong></sub></meter><i id="vrfjb"><menuitem id="vrfjb"></menuitem></i><u id="vrfjb"><th id="vrfjb"><acronym id="vrfjb"><output id="vrfjb"></output></acronym></th></u><video id="vrfjb"></video><optgroup id="vrfjb"><div id="vrfjb"></div></optgroup><u id="vrfjb"><thead id="vrfjb"></thead></u><rp id="vrfjb"><pre id="vrfjb"><p id="vrfjb"><ins id="vrfjb"></ins></p></pre></rp><strike id="vrfjb"></strike><track id="vrfjb"><pre id="vrfjb"></pre></track><sub id="vrfjb"><optgroup id="vrfjb"></optgroup></sub><legend id="vrfjb"><div id="vrfjb"></div></legend><thead id="vrfjb"></thead><mark id="vrfjb"><strong id="vrfjb"></strong></mark><video id="vrfjb"></video><ruby id="vrfjb"></ruby><em id="vrfjb"></em><label id="vrfjb"></label><label id="vrfjb"><thead id="vrfjb"></thead></label><ruby id="vrfjb"></ruby><th id="vrfjb"><acronym id="vrfjb"></acronym></th><nobr id="vrfjb"><form id="vrfjb"><output id="vrfjb"><label id="vrfjb"></label></output></form></nobr><ol id="vrfjb"></ol><div id="vrfjb"></div><strike id="vrfjb"><output id="vrfjb"><sup id="vrfjb"><font id="vrfjb"></font></sup></output></strike><nobr id="vrfjb"></nobr><dfn id="vrfjb"><sup id="vrfjb"><font id="vrfjb"><track id="vrfjb"></track></font></sup></dfn><track id="vrfjb"><dl id="vrfjb"><meter id="vrfjb"><dfn id="vrfjb"></dfn></meter></dl></track><sub id="vrfjb"><th id="vrfjb"></th></sub><i id="vrfjb"><menuitem id="vrfjb"></menuitem></i><sup id="vrfjb"></sup><listing id="vrfjb"><p id="vrfjb"></p></listing><meter id="vrfjb"><u id="vrfjb"></u></meter><p id="vrfjb"></p><strong id="vrfjb"><dl id="vrfjb"></dl></strong><legend id="vrfjb"></legend><form id="vrfjb"></form><i id="vrfjb"><menuitem id="vrfjb"></menuitem></i><dfn id="vrfjb"><form id="vrfjb"><font id="vrfjb"><th id="vrfjb"></th></font></form></dfn><pre id="vrfjb"><ins id="vrfjb"><dfn id="vrfjb"><div id="vrfjb"></div></dfn></ins></pre><p id="vrfjb"><ruby id="vrfjb"></ruby></p><ruby id="vrfjb"><label id="vrfjb"></label></ruby><div id="vrfjb"><video id="vrfjb"></video></div><form id="vrfjb"></form><mark id="vrfjb"></mark><label id="vrfjb"></label><em id="vrfjb"><dfn id="vrfjb"><thead id="vrfjb"><video id="vrfjb"></video></thead></dfn></em><b id="vrfjb"><legend id="vrfjb"><span id="vrfjb"><rp id="vrfjb"></rp></span></legend></b><big id="vrfjb"></big><p id="vrfjb"><thead id="vrfjb"></thead></p><strong id="vrfjb"><div id="vrfjb"><tt id="vrfjb"><i id="vrfjb"></i></tt></div></strong><optgroup id="vrfjb"></optgroup><strong id="vrfjb"><legend id="vrfjb"><tt id="vrfjb"><i id="vrfjb"></i></tt></legend></strong><strong id="vrfjb"></strong><em id="vrfjb"><style id="vrfjb"></style></em><menuitem id="vrfjb"><listing id="vrfjb"></listing></menuitem><tt id="vrfjb"><listing id="vrfjb"><legend id="vrfjb"><form id="vrfjb"></form></legend></listing></tt><mark id="vrfjb"></mark><strong id="vrfjb"><big id="vrfjb"><nobr id="vrfjb"><p id="vrfjb"></p></nobr></big></strong><b id="vrfjb"><listing id="vrfjb"></listing></b><listing id="vrfjb"><p id="vrfjb"><thead id="vrfjb"><strong id="vrfjb"></strong></thead></p></listing><strike id="vrfjb"><output id="vrfjb"><sup id="vrfjb"><progress id="vrfjb"></progress></sup></output></strike><strong id="vrfjb"><font id="vrfjb"></font></strong><legend id="vrfjb"><mark id="vrfjb"></mark></legend><th id="vrfjb"><strike id="vrfjb"></strike></th><strong id="vrfjb"><ol id="vrfjb"></ol></strong><optgroup id="vrfjb"></optgroup></div> </html>