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

2017-03-27

26325

《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習一葉扁舟第一部分網(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)頁制作》筆記&課本練習一葉扁舟第一部分網(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)計算機網(wǎng)絡(luò)的一個集合，是由計算機網(wǎng)絡(luò)通過一致的聯(lián)網(wǎng)協(xié)議和軟件協(xié)議組成的集合，共享這數(shù)字信息。

2、【課本】計算機網(wǎng)絡(luò)是將分布在不同物理位置的具有獨立功能的計算機系統(tǒng)，利用通信設(shè)備和顯露相互連接起來，在網(wǎng)絡(luò)協(xié)議和軟件的支持下進行數(shù)據(jù)通信、實現(xiàn)資源共享的計算機系統(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)上是由客戶機和服務(wù)器組成。它們都連接在因特網(wǎng)上，通過因特網(wǎng)進行通信。瀏覽器的主機是客戶機，提供信息的主機是服務(wù)器，在應用程序上，客戶機上運行的是IE 之類的瀏覽器程序，瀏覽器程序的主要作用就是對HTML 標記語言進行解釋并且將它顯示在瀏覽器窗口中。

三、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ò)中，每一臺主機必須有一個IP 地址，以確定主機的位置，在整個網(wǎng)絡(luò)中必須是唯一的，由32位二進制數(shù)字組成。

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

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

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

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

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

5、網(wǎng)絡(luò)新聞傳輸協(xié)議NNTP（NetworkNews Transport Protocol）：是一個主要用于閱讀和張貼新聞文章（俗稱為“帖子”，比較正式的是“新聞組郵件”)到Usenet 上的Internet 應用協(xié)議,也負責新聞在服務(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)頁制作》筆記&課本練習一葉扁舟Web 服務(wù)器之間的應用層通信協(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、計算機技術(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)為傳輸媒介，以游戲運營商服務(wù)器和用戶計算機為處理終端，以游戲客戶端軟件為信息交互窗口的旨在實現(xiàn)娛樂、休閑、交流和取得虛擬成就的具有可持續(xù)性的個體性多人在線游戲。

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

1、定義：以互聯(lián)網(wǎng)為展示平臺和傳播媒介的，借助超文本鏈接和多媒體演繹等手段來表現(xiàn)的文學作品、類文學文本及含有一部分文學成分的網(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ò)運營商通過無線增值服務(wù)提供在手機終端播放的無線音樂，又被稱為移動音樂。

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、電子雜志延展性強，未來可移植到PDA、MOBILE、MP4、PSP及TV（數(shù)字電視、機頂盒）等多種個人終端進行閱讀。

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

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

一、數(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、視聽元素：文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。

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

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

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

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

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

2、動態(tài)頁面通常在服務(wù)器端運行，通過網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進行更新。常見格式后綴：.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)頁制作》筆記&課本練習一葉扁舟

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

1、主題鮮明

2、形式與內(nèi)容統(tǒng)一

3、強調(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、導航模式：建立網(wǎng)站地圖。包括所有的網(wǎng)頁、每一網(wǎng)頁的類型和內(nèi)容，這些網(wǎng)頁之間的鏈接及它們所處的層級關(guān)系。

①導航需要解決：我在哪？

我怎樣才能到達我要去的地方？

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

還有多久到達那里？

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

3、交互模式：顯示那些與用戶互動的網(wǎng)站要素如何運作，如在網(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、圖形、圖像、圖標設(shè)計。

第三章

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

一、站點的定義

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

二、站點中的目錄結(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é)認識Dreamwaver 操作界面

第三節(jié)表格

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

第四節(jié)圖像

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

第一章網(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)頁中的標題部分，對應的字體由大到小，可以使用的范圍是（

A．h6到h1B．h7到h1C．h1到h6D．h1到h7

4、在DW 中顏色用（）表示。

A．二進制數(shù)B．八進制數(shù)C．十進制數(shù)D．十六進制數(shù)

5、可實現(xiàn)（）功能。

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

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

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

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

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

A．CNB．COMC．NETD．EDU

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

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

A．SNAB．OSIC．DNAD．TCP/IP

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

A．NSFNETB．MILNETC．ESNETD．ARPANET

11、一個網(wǎng)吧將其所有的計算機連成網(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ū)分機構(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 文檔的最前面，用來標識HTML 文檔的開始。

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

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

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

7、HTML的超鏈接是通過標簽來實現(xiàn)的。</p><p>8、當瀏覽器不能顯示圖像時，<img>標簽中的alt 屬性能夠用文本代替圖像。</p><p>9、<tr>標簽用于定義表格的行，<td>標簽用于定義表格的單元格。</p><p>10、常用的IP 地址有ABC 三類，128.11.3.31是一個B 類IP 地址。</p><p>三、問答題</p><p>1、簡述網(wǎng)站的設(shè)計流程。</p><p>答：①整體規(guī)劃。可分為以宣傳為目的的網(wǎng)站、以信息傳遞為目的的網(wǎng)站以及其他功能性網(wǎng)站。</p><p>②網(wǎng)頁設(shè)計與制作。主要工作包括網(wǎng)站的形象設(shè)計、布局與版面的設(shè)計和頁面制作與程序設(shè)計。其中網(wǎng)站的形象設(shè)計包括網(wǎng)發(fā)展的標志設(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 應用程序開發(fā)，以及廣泛編輯和ASP/JSP/ASP.NET/PHP等動態(tài)網(wǎng)頁的支持，并可實現(xiàn)數(shù)據(jù)庫的編寫。是一款真正的“所見即所得”的網(wǎng)頁編輯工具。</p><p>③Photoshop。圖形加工軟件，對圖像的處理方式多樣，特別是對圖像的濾鏡處理，可以制作出許多特殊的圖像想過，且能輕松將圖像進行切片等操作，方便網(wǎng)頁使用，支持存儲格式為網(wǎng)頁支持的GIF、JPEG、PNG等。</p><p>④Fireworks。以處理網(wǎng)頁圖片為特長，具有同時按位圖圖形和矢量圖形的模式進行編輯的特點，并可輕松創(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)頁:在客戶機的瀏覽器地址欄中輸入一個網(wǎng)頁地址，按回車鍵,客戶機就用因特網(wǎng)上的HTTP 協(xié)議發(fā)送一個請求到該地址所指定的服務(wù)器。服務(wù)器收到請求后，將客戶機請求的頁面文件或系統(tǒng)的默認頁面文件或系統(tǒng)的默認頁面文件傳送到客戶機中。瀏覽器解釋正文主體部分</p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習一葉扁舟這個HTML 文件，并將結(jié)果顯示在瀏覽器窗口中。</p><p>②動態(tài)網(wǎng)頁：當服務(wù)器收到請求后，將根據(jù)請求的信息，在服務(wù)器上找到相應的頁面文件并對該文件進行處理，運行該文件包含的程序代碼，然后將運行結(jié)果以標準的HTML 文件格式送回到客戶機，由客戶機的瀏覽器顯示結(jié)果。</p><p>5、簡述網(wǎng)頁色彩搭配的技巧。</p><p>答：①同種色彩搭配。首先選定一種色彩，然后調(diào)整透明度和飽和度，將色彩變淡或加深，而產(chǎn)生新的色彩，使頁面看起來色彩統(tǒng)一，具有層次感。</p><p>②鄰近色彩搭配。在色環(huán)上相鄰的顏色進行搭配可以使網(wǎng)頁避免色彩雜亂，易于達到頁面和諧統(tǒng)一的效果。</p><p>③對比色彩搭配。以使網(wǎng)站特色鮮明、重點突出，產(chǎn)生強烈的視覺效果。在設(shè)計時以一種顏色為主色調(diào)，其對比色為點綴，以起到畫龍點睛的作用。</p><p>④暖色色彩搭配。使用紅色、橙色、黃色等色彩的搭配，以營造出溫馨、和諧和熱情的氛圍。</p><p>⑤冷色色彩搭配。使用綠色、藍色及紫色等色彩的搭配，以營造出寧靜、清涼和熱情的氛圍。冷色色彩和白色搭配一般會獲得較好的視覺效果。</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>）進行設(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文件的擴展名為模版文件的擴展名為3、居中對齊是將圖像的中部與當前的基線對齊。</p><p><img src='/upload/12/ma2zll4moch.jpg' /></p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習一葉扁舟</p><p>4、在可視方式下用戶最小可以將元素大小調(diào)整到8×8像素，若要將元素的寬度和高度調(diào)整到1×1像素，需要在方框區(qū)域中輸入數(shù)值。5、插入鼠標經(jīng)過圖像選擇主菜單“插入”→“圖像對象”→“鼠標經(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ì)和問價大小之間達到良好的平衡。</p><p>③PNG 文件。目前保證最不失真的格式，存儲形式豐富，兼有GIF 和JPEG 的色彩模式，能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸，但又能保留所有與圖像品質(zhì)有關(guān)的信息，是無損壓縮。同時還支持透明圖像的制作。</p><p>2、什么是鼠標經(jīng)過圖像？</p><p>答：鼠標經(jīng)過圖像在瀏覽器中瀏覽時，當鼠標經(jīng)過這種圖像時，圖像會發(fā)生變化。鼠標經(jīng)過圖像實際上由兩個圖像組成，原始圖像（首次載入頁時顯示的圖像）和鼠標經(jīng)過圖像（當鼠標指針移到原始圖像時顯示的圖像）。</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>答：在準備好將最終圖像添加到Web 頁面之前使用的占位圖形。通過插入指定大小的圖像占位符可以在頁面中預留圖像的位置，從而實現(xiàn)預覽頁面基本效果。</p><p>第四章超級鏈接及其應用</p><p>一、選擇題</p><p>1、在Dreamweaver8中可以為圖像創(chuàng)建熱點，不可以改變（）</p><p>A、熱點形狀B、熱點的位置C、熱點大小D、熱點鼠標的靈敏程度</p><p>2、在屬性面板上設(shè)置超鏈接時，超鏈接打開的位置在（）框的下拉列表中選擇。</p><p>A、鏈接B、目標C、邊框D、替換</p><p>3、要在當前窗口打開鏈接，應在Dreamweaver8中設(shè)置（）為（）</p><p>A、目標，-blankB、鏈接，-topC、目標，-self</p><p>4、導航條在一個網(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)頁制作》筆記&課本練習一葉扁舟1、鏈接路徑一般有三種類型，分別為絕對路徑、相對路徑、根目錄相對路徑。2、在創(chuàng)建超級鏈接分類中，跳轉(zhuǎn)菜單鏈接適合一個文檔多頁面分類使用。3、創(chuàng)建到錨點的鏈接的過程分為兩步；首先創(chuàng)建命名錨點，然后創(chuàng)建錨記鏈接。4、創(chuàng)建錨機鏈接是在屬性面板的“鏈接”文本框中，鍵入一個數(shù)字符號“#”和錨記名稱。5、導航條項目有四種狀態(tài)，分別為狀態(tài)圖像、鼠標經(jīng)過圖像、按下圖像、按下時鼠標經(jīng)過圖像。6、鏈接是指從一個網(wǎng)頁指向一個目標的連接關(guān)系。</p><p>三、簡答題</p><p>1、超級鏈接中三種路徑的區(qū)別是什么？</p><p>答：①絕對路徑。提供鏈接文檔的完整URL 地址，而且包括所使用的協(xié)議類型。使用絕對路徑要確保路徑有效。當要鏈接其他服務(wù)器上的文檔，必須使用絕對路徑。</p><p>②相對路徑。指省略相對于當前文檔和所鏈接的文檔都相同的絕對URL 部分，只提供不同的路徑部分。</p><p>③站點根目錄相對路徑。指從站點的根目文件夾到文檔的路徑，當在處理承載有多個不同站點的服務(wù)器時要考慮使用這種類型的路徑。</p><p>2、什么是跳轉(zhuǎn)菜單？</p><p>答：跳轉(zhuǎn)菜單是文檔中的彈出菜單，對站點訪問者可見，并列出鏈接到文檔或文件的選項。</p><p>3、簡述屬性面板的鏈接“目標”彈出菜單中四個選項的含義。</p><p>答：①_blank：將鏈接的文檔載入一個新的、未命名的瀏覽器窗口。</p><p>②_parent：將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。如果包含鏈接的框</p><p>架不是嵌套框架，則所鏈接的文檔載入整個瀏覽器窗口。</p><p>③_self：將鏈接的文檔載入鏈接所在的同一框架或窗口。此目標是默認的，通常不需</p><p>要指定它。</p><p>④_top：將鏈接的文檔載入整個瀏覽器窗口，從而刪除所有框架。</p><p>第五章表格的創(chuàng)建與應用</p><p>一、選擇題</p><p>1、在定義表格的屬性時。在<table>標簽中設(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、在布局模式下，繪制表格時可以按?。ǎ╂I不放，連續(xù)拖動鼠標就能繪制多個表格。</p><p>A、ShiftB、CtrlC、AltD、Shift Ctrl</p><p>5、要在頁面繪制單元格，下列說法不正確的是（</p><p>A、繪制后的單元格可以任意調(diào)整大小</p><p>B、不能脫離表格而獨立存在））命令可以應用。</p> ,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習一葉扁舟</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、插入表格后，表格默認的框線顏色是（）</p><p>A、無色B、灰色C、黑色D、白色</p><p>二、填空題列。3、在Dreamweaver 布局表格和布局單元格工具才能被激活。</p><p>4、布局是Dreamweaver 中的一種設(shè)計表格布局的方式，在“布局”工具欄中，有三種布局模式供選擇，分別是標準模式、擴展模式和布局模式。5、間隔圖像是透明圖像，不在瀏覽器中顯示，主要用來控制自動伸展表格之間的距離，它是一個單像素的透明GIF 圖像，向外延伸到制定像素的寬度。</p><p>6、當設(shè)定布局單元格寬度時，選擇自動延伸選項時，布局單元格自動適應布局表格的寬度。7、合并單元格時，只能對連續(xù)單元格進行合并。合并后，元單元格的內(nèi)容將組合為一組存放在合并后的單元格中。</p><p>8、將光標置于單元格中，按ctrl 鍵的同時單擊其他單元格，可以選擇多個不連續(xù)的單元格。</p><p>三、簡答題</p><p>1、表格中有哪幾種常用的HTML 標簽，它們的作用分別是什么？</p><p>答：①<table></table>：定義一個表格，成對出現(xiàn)。</p><p>②<tr></tr>：定義表格中一行，成對出現(xiàn)，嵌套在table 標簽中。</p><p>③<td></td>：定義表格中一列，成對出現(xiàn)，嵌套在tr 標簽內(nèi)。</p><p>④<th></th>：定義表頭單元格，成對出現(xiàn)，嵌套在tr 標簽內(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>⑧保存并預覽網(wǎng)頁。</p><p>第八章樣式表</p><p>一、選擇題）屬性。D、頁眉</p> </div>   <footer class="article-footer"> <div id="tlb1q5t" class="tags"> <span id="ztu6y4q" class="tag-label">標簽：</span> </div> <div id="5ex6fyn" class="share-box"> <span id="hbn6c9c" 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="smrscr0" class="ad-container ad-footer"> <div id="ij41k5e" class="ad-wrapper"> <div class="gafrqwn" 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="uz0txi4" class="nav-text"> <span id="lqvykdh" class="label">上一篇</span> <span id="rxwe0lw" class="title">如何進行網(wǎng)站健康檢查</span> </span> </a> <a href="/news/24017.html" class="nav-item next"> <span id="sihiync" class="nav-text"> <span id="sbyke4v" class="label">下一篇</span> <span id="o0z5iix" 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="cwpbymq" class="articles-grid"> <a href="/news/6782759.html" class="article-item"> <span id="bkwgkdh" class="article-title">手游奇跡衣服里的紅包是干嘛用的</span> <span id="oxnxjdl" class="article-date">2023-10-17</span> </a> <a href="/news/6782760.html" class="article-item"> <span id="eu5mrk0" class="article-title">cad矩形陣列是怎么用的</span> <span id="rpotujj" class="article-date">2023-10-17</span> </a> <a href="/news/6782761.html" class="article-item"> <span id="ugfkwwe" class="article-title">平板wps表格框線粗細怎么設(shè)置</span> <span id="tl5ugv4" class="article-date">2023-10-17</span> </a> <a href="/news/6782762.html" class="article-item"> <span id="0pbi0cg" class="article-title">python圖像去掉分散點</span> <span id="thxysdw" class="article-date">2023-10-17</span> </a> <a href="/news/6782763.html" class="article-item"> <span id="dmjvszs" class="article-title">美圖怎么單獨去色</span> <span id="dvlbgcz" class="article-date">2023-10-17</span> </a> <a href="/news/6782764.html" class="article-item"> <span id="zxf504n" class="article-title">如何在閑魚上買便宜的二手貨</span> <span id="jzpq5oh" class="article-date">2023-10-17</span> </a> <a href="/news/6782765.html" class="article-item"> <span id="xzdiwcr" class="article-title">oppo手機電子?？ㄊ歉墒裁吹?/span> <span id="eksy5zg" class="article-date">2023-10-17</span> </a> <a href="/news/6782766.html" class="article-item"> <span id="tn05vck" class="article-title">excel表格數(shù)字和文字怎么合并</span> <span id="vcwtqxj" class="article-date">2023-10-17</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="5ow5jng" class="footer-content">  <div id="eu5yzwa" class="footer-main">  <div id="gp5s5ti" class="footer-links"> <div id="egd0wlp" 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="zkt5qmm" 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="9hm0ycr" 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="dbnx5im" 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="ej0f59s" 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)紀登錄</a></li> </ul> </div> </div>  <div id="9rz4szz" class="qr-codes"> <div id="qkzrh4b" class="qr-item"> <img src="/styles/images/z-p2.jpg" alt="微信公眾號"> <p>微信公眾號</p> </div> <div id="ot5j005" class="qr-item"> <img src="/styles/images/z-p3.jpg" alt="微信小程序"> <p>微信小程序</p> </div> </div> </div>  <div id="ixnh4lh" class="company-info"> <p> 大連酷米科技有限公司 <span id="wua0ujc" class="separator">|</span> 電話: 0411-88255560 <span id="oebj04t" class="separator">|</span> 員工舞弊舉報: mi@kmw.com <span id="wdiijjn" class="separator">|</span> 地址: 遼寧省大連市甘井子區(qū)華南廣場中南大廈A座612 </p> </div>  <div id="lsali5y" class="certificates"> <p class="license"> <a target="_blank">遼ICP備2023003160號-1</a> <span id="0un0jng" class="separator">|</span> 增值電信業(yè)務(wù)經(jīng)營許可證：遼B2-20230432 <span id="fztqgrz" class="separator">|</span> 在線數(shù)據(jù)處理與交易許可證：遼B2-20230432 <span id="zg0a109" class="separator">|</span> <a target="_blank">遼公網(wǎng)安備 21021102000934號</a> </p> <p class="copyright">Copyright ? 2014-2025 酷米科技版權(quán)所有</p> </div>  <div id="qgl459j" class="cert-icons"> <img src="/styles/images/icon-1.png" alt="認證圖標1"> <img src="/styles/images/icon-2.png" alt="認證圖標2"> <img src="/styles/images/icon-3.png" alt="認證圖標3"> <img src="/styles/images/icon-4.png" alt="認證圖標4"> <img src="/styles/images/icon-5.png" alt="認證圖標5"> <img src="/styles/images/icon-6.png" alt="認證圖標6"> </div> </div> </footer>    <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.twacwnz.cn/" title="成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕">成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕</a> <div class="friend-links"> <a href="http://www.sfhlxx.cn">欧美熟女三区|五月丁香色在线国产|日本成人熟女视频|中文AV无码字幕|最新在线视频一区|AV电影无码网站|高潮刺激另类在线|国产av户外露出|草莓视频在线伊人|怡红院五月天精品</a> <a href="http://www.qwurnkq.cn">青碰视频在线观看|手机av在线网址|在线视频播放三区|中文字幕第80页|国产精品裸体美女|亚洲系列中文字幕|亚洲最全一区二区中文字幕高清在线|亚洲AV影院久久|久草视频精品播放|五月丁香综合超碰</a> <a href="http://www.cqlhg.com.cn">五月婷婷六月丁香|一级免费视频在线|日本高清有码片。|高清免费不卡无码中文字幕不卡在线|美日韩国产乱码在线手机不卡看片|日本一区免费在线视频|欧美一级特黄无码片|欧美性爱中文字慕|一区二区激情无码|经典千人亚洲AV</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="j5ewi" class="pl_css_ganrao" style="display: none;"><s id="j5ewi"><b id="j5ewi"></b></s><nav id="j5ewi"><menu id="j5ewi"><ol id="j5ewi"></ol></menu></nav><td id="j5ewi"><tfoot id="j5ewi"><address id="j5ewi"><meter id="j5ewi"></meter></address></tfoot></td><del id="j5ewi"><b id="j5ewi"></b></del><strong id="j5ewi"></strong><strike id="j5ewi"></strike><li id="j5ewi"></li><center id="j5ewi"></center><sub id="j5ewi"><center id="j5ewi"></center></sub><tr id="j5ewi"></tr><s id="j5ewi"></s><ins id="j5ewi"><output id="j5ewi"><tt id="j5ewi"><option id="j5ewi"></option></tt></output></ins><center id="j5ewi"></center><strike id="j5ewi"><tfoot id="j5ewi"><progress id="j5ewi"><meter id="j5ewi"></meter></progress></tfoot></strike><var id="j5ewi"></var><tbody id="j5ewi"></tbody><font id="j5ewi"><pre id="j5ewi"><button id="j5ewi"></button></pre></font><cite id="j5ewi"></cite><td id="j5ewi"><sub id="j5ewi"><thead id="j5ewi"></thead></sub></td><td id="j5ewi"><pre id="j5ewi"><tbody id="j5ewi"><tr id="j5ewi"></tr></tbody></pre></td><center id="j5ewi"><rp id="j5ewi"><abbr id="j5ewi"></abbr></rp></center><input id="j5ewi"><dl id="j5ewi"><strike id="j5ewi"></strike></dl></input><small id="j5ewi"><bdo id="j5ewi"></bdo></small><nav id="j5ewi"></nav><center id="j5ewi"></center><th id="j5ewi"><nobr id="j5ewi"><optgroup id="j5ewi"><strong id="j5ewi"></strong></optgroup></nobr></th><code id="j5ewi"></code><form id="j5ewi"></form><center id="j5ewi"></center><strong id="j5ewi"><code id="j5ewi"><legend id="j5ewi"><p id="j5ewi"></p></legend></code></strong><pre id="j5ewi"><dfn id="j5ewi"><pre id="j5ewi"><xmp id="j5ewi"></xmp></pre></dfn></pre><sup id="j5ewi"></sup><dl id="j5ewi"><tbody id="j5ewi"></tbody></dl><progress id="j5ewi"></progress><center id="j5ewi"></center><b id="j5ewi"></b><video id="j5ewi"><tbody id="j5ewi"><button id="j5ewi"><table id="j5ewi"></table></button></tbody></video><div id="j5ewi"></div><ruby id="j5ewi"></ruby><ol id="j5ewi"></ol><table id="j5ewi"></table><style id="j5ewi"></style><small id="j5ewi"><pre id="j5ewi"><abbr id="j5ewi"><th id="j5ewi"></th></abbr></pre></small><progress id="j5ewi"><delect id="j5ewi"><del id="j5ewi"><b id="j5ewi"></b></del></delect></progress><p id="j5ewi"><td id="j5ewi"><progress id="j5ewi"><address id="j5ewi"></address></progress></td></p><fieldset id="j5ewi"><dl id="j5ewi"></dl></fieldset><samp id="j5ewi"><b id="j5ewi"><optgroup id="j5ewi"><noframes id="j5ewi"></noframes></optgroup></b></samp><meter id="j5ewi"><samp id="j5ewi"><thead id="j5ewi"></thead></samp></meter><samp id="j5ewi"></samp></div> </html>