《網(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ì)算機(jī)網(wǎng)絡(luò)的一個集合，是由計(jì)算機(jī)網(wǎng)絡(luò)通過一致的聯(lián)網(wǎng)協(xié)議和軟件協(xié)議組成的集合，共享這數(shù)字信息。
2、【課本】計(jì)算機(jī)網(wǎng)絡(luò)是將分布在不同物理位置的具有獨(dú)立功能的計(jì)算機(jī)系統(tǒng)，利用通信設(shè)備和顯露相互連接起來，在網(wǎng)絡(luò)協(xié)議和軟件的支持下進(jìn)行數(shù)據(jù)通信、實(shí)現(xiàn)資源共享的計(jì)算機(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)中的一項(xiàng)核心服務(wù)，它將域名和IP 地址相互映射到一個分布式數(shù)據(jù)系統(tǒng)，通過該系統(tǒng)將域名與IP 地址一一對應(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 上的控制文件的雙向傳輸。主要作用是讓用戶連接上一個遠(yuǎn)程計(jì)算機(jī)（運(yùn)行FTP 服務(wù)器程序）進(jìn)行上傳和下載。
3、電子郵件傳輸協(xié)議SMTP（SimpleMail Transfer Protocol）：基于FTP，即簡單郵件傳輸協(xié)議,它是一組用于由源地址到目的地址傳送郵件的規(guī)則，由它來控制信件的中轉(zhuǎn)方式。SMTP 協(xié)議屬于TCP/IP協(xié)議族，它幫助每臺計(jì)算機(jī)在發(fā)送或中轉(zhuǎn)信件時(shí)找到下一個目的地。
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è)計(jì)用于將新聞文章保存在中心數(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ì)算機(jī)技術(shù)12、個人網(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)營商服務(wù)器和用戶計(jì)算機(jī)為處理終端，以游戲客戶端軟件為信息交互窗口的旨在實(shí)現(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)等各種有線和無線方式傳播的，其主要特點(diǎn)是形成了數(shù)字化的音樂產(chǎn)品制作、傳播和消費(fèi)模式。網(wǎng)友通過電信互聯(lián)網(wǎng)提供在電腦終端下載或者播放的互聯(lián)網(wǎng)在線音樂，無線網(wǎng)絡(luò)運(yùn)營商通過無線增值服務(wù)提供在手機(jī)終端播放的無線音樂，又被稱為移動音樂。
2、彩鈴：是“個性化多彩回鈴音業(yè)務(wù)”（ColoringRing Back Tone）的簡稱，它是一項(xiàng)由被叫客戶為呼叫自己移動電話的其他主叫客戶設(shè)定特殊音效（音樂、歌曲、故事情節(jié)、人物對話）的回鈴音的業(yè)務(wù)。
六、電子雜志網(wǎng)絡(luò)雜志、互動雜志
1、電子雜志是一種非常好的媒體表現(xiàn)形式，它兼具了平面與互聯(lián)網(wǎng)兩者的特點(diǎn)，且融入了圖像，文字，聲音、視頻、游戲等相互動態(tài)結(jié)合來呈現(xiàn)給讀者，此外，還有超鏈接、及時(shí)互動等網(wǎng)絡(luò)元素，是一種很享受的閱讀方式。
2、電子雜志延展性強(qiáng)，未來可移植到PDA、MOBILE、MP4、PSP及TV（數(shù)字電視、機(jī)頂盒）等多種個人終端進(jìn)行閱讀。
第四節(jié)網(wǎng)絡(luò)藝術(shù)形式特點(diǎn)
,
《網(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è)計(jì)
1、視聽元素：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動態(tài)影像等。
2、版式設(shè)計(jì)：在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合。尺寸由讀者掌控。
①不同顯示器可設(shè)置不同的分辨率，這就要求設(shè)計(jì)者不能精確控制頁面上每個元素的尺寸和位置；
②不同瀏覽器因編寫程序有差異，也會影響網(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è)計(jì)。常見格式后綴：.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è)計(jì)開發(fā)軟件，采用“流”控制技術(shù)，可一邊下載一邊觀看。
六、網(wǎng)頁圖形設(shè)計(jì)
七、網(wǎng)頁設(shè)計(jì)特點(diǎn)
1、交互性與互動性
①交互性的三種形式：移開、移上未點(diǎn)擊、移上并點(diǎn)擊（狀態(tài)）
2、信息傳播的非線性
3、多種媒體的綜合性
,
《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟
八、網(wǎng)頁設(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)頁的集合，通常包括主頁和其他具有超鏈接文件的頁面。
二、網(wǎng)站建設(shè)流程
1、整體規(guī)劃：①以宣傳為目的的網(wǎng)站；
②以信息傳遞為目的的網(wǎng)站；
③其他功能性網(wǎng)站。
2、網(wǎng)頁設(shè)計(jì)與制作：網(wǎng)站的形象設(shè)計(jì)、布局與版面的設(shè)計(jì)和頁面制作與程序設(shè)計(jì)。
3、測試網(wǎng)頁。
4、網(wǎng)頁的上傳與發(fā)布。
三、網(wǎng)頁設(shè)計(jì)策劃
1、導(dǎo)航模式：建立網(wǎng)站地圖。包括所有的網(wǎng)頁、每一網(wǎng)頁的類型和內(nèi)容，這些網(wǎng)頁之間的鏈接及它們所處的層級關(guān)系。
①導(dǎo)航需要解決：我在哪？
我怎樣才能到達(dá)我要去的地方？
如迷路的人常問自己：我以前到過這里嗎？或我能返回我以前某地嗎？
還有多久到達(dá)那里？
2、布局設(shè)計(jì)：利用網(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ì)，分別用獨(dú)立的顏色群來體現(xiàn)。
5、圖形、圖像、圖標(biāo)設(shè)計(jì)。
第三章
第一節(jié)初識Dreamwaver（課本內(nèi)容）站點(diǎn)的建立
一、站點(diǎn)的定義
1、站點(diǎn)實(shí)質(zhì)是一個文件夾，文件夾中涵蓋一系列文檔，這些文檔通過各種鏈接關(guān)聯(lián)起來，利用瀏覽器可以實(shí)現(xiàn)對整個網(wǎng)站的瀏覽。站點(diǎn)分為本地站點(diǎn)和遠(yuǎn)端站點(diǎn)。首先，在本地計(jì)算機(jī)的硬盤上創(chuàng)建本地站點(diǎn)，把握全局站點(diǎn)結(jié)構(gòu)，管理站點(diǎn)中的各個文檔，完成對文檔的編輯，然后將本地站點(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)頁文件：.index
1、命名：可采用英文縮寫和組合，也可用拼音縮寫與組合，以便識別，不要用中文字或a、b、c、1、2、3等命名。首頁統(tǒng)一命名為index。
2、創(chuàng)建本地站點(diǎn)
3、管理站點(diǎn)
第二節(jié)認(rèn)識Dreamwaver 操作界面
第三節(jié)表格
,
《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟
第四節(jié)圖像
第二部分教材內(nèi)容（練習(xí)題）
第一章網(wǎng)頁設(shè)計(jì)與制作概述
一、選擇題
1、DW是（）公司出品的網(wǎng)頁設(shè)計(jì)軟件。
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、可實(shí)現(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ì)算機(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è)實(shí)體的是（）
A．govB．comC．milD．org
14、WWW上每一個網(wǎng)頁（HomePage）都有一個獨(dú)立的地址，這些地址統(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)簽來實(shí)現(xiàn)的。</p><p>8、當(dāng)瀏覽器不能顯示圖像時(shí)，<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è)計(jì)流程。</p><p>答：①整體規(guī)劃。可分為以宣傳為目的的網(wǎng)站、以信息傳遞為目的的網(wǎng)站以及其他功能性網(wǎng)站。</p><p>②網(wǎng)頁設(shè)計(jì)與制作。主要工作包括網(wǎng)站的形象設(shè)計(jì)、布局與版面的設(shè)計(jì)和頁面制作與程序設(shè)計(jì)。其中網(wǎng)站的形象設(shè)計(jì)包括網(wǎng)發(fā)展的標(biāo)志設(shè)計(jì)、中英文設(shè)計(jì)、網(wǎng)站的主題顏色及字體設(shè)計(jì)。常見的頁面布局技術(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è)計(jì)工具有哪些，各有什么特點(diǎn)？</p><p>答：①FrontPage。和Word 系出同門且有著豐富的模版，是新手上手的很好的選擇。</p><p>②Dreamwaver。集網(wǎng)頁設(shè)計(jì)、代碼開發(fā)、網(wǎng)站創(chuàng)建和管理于一體的軟件，提供了可視化的布局工具、快速的Web 應(yīng)用程序開發(fā)，以及廣泛編輯和ASP/JSP/ASP.NET/PHP等動態(tài)網(wǎng)頁的支持，并可實(shí)現(xiàn)數(shù)據(jù)庫的編寫。是一款真正的“所見即所得”的網(wǎng)頁編輯工具。</p><p>③Photoshop。圖形加工軟件，對圖像的處理方式多樣，特別是對圖像的濾鏡處理，可以制作出許多特殊的圖像想過，且能輕松將圖像進(jìn)行切片等操作，方便網(wǎng)頁使用，支持存儲格式為網(wǎng)頁支持的GIF、JPEG、PNG等。</p><p>④Fireworks。以處理網(wǎng)頁圖片為特長，具有同時(shí)按位圖圖形和矢量圖形的模式進(jìn)行編輯的特點(diǎn)，并可輕松創(chuàng)作GIF 動畫。</p><p>⑤Flash。網(wǎng)頁動畫設(shè)計(jì)軟件。用該軟件制作的動畫采用“流”控制技術(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)站特色鮮明、重點(diǎn)突出，產(chǎn)生強(qiáng)烈的視覺效果。在設(shè)計(jì)時(shí)以一種顏色為主色調(diào)，其對比色為點(diǎn)綴，以起到畫龍點(diǎn)睛的作用。</p><p>④暖色色彩搭配。使用紅色、橙色、黃色等色彩的搭配，以營造出溫馨、和諧和熱情的氛圍。</p><p>⑤冷色色彩搭配。使用綠色、藍(lán)色及紫色等色彩的搭配，以營造出寧靜、清涼和熱情的氛圍。冷色色彩和白色搭配一般會獲得較好的視覺效果。</p><p>⑥有主色的混合色彩搭配。以一種顏色為主，同時(shí)混合使用其他色彩，形成一種繽紛絢麗而不雜亂的搭配效果。</p><p>第三章圖像和其他媒體</p><p>一、選擇題</p><p>1、通過Swap Image 動作來替換圖像的時(shí)候，如果第一個圖像的尺寸大小為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)整圖像尺寸時(shí)要保持元素的比例（寬高比），在按住（）鍵的同時(shí)拖動頂角的選擇控制點(diǎn)。</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ì)和問價(jià)大小之間達(dá)到良好的平衡。</p><p>③PNG 文件。目前保證最不失真的格式，存儲形式豐富，兼有GIF 和JPEG 的色彩模式，能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸，但又能保留所有與圖像品質(zhì)有關(guān)的信息，是無損壓縮。同時(shí)還支持透明圖像的制作。</p><p>2、什么是鼠標(biāo)經(jīng)過圖像？</p><p>答：鼠標(biāo)經(jīng)過圖像在瀏覽器中瀏覽時(shí)，當(dāng)鼠標(biāo)經(jīng)過這種圖像時(shí)，圖像會發(fā)生變化。鼠標(biāo)經(jīng)過圖像實(shí)際上由兩個圖像組成，原始圖像（首次載入頁時(shí)顯示的圖像）和鼠標(biāo)經(jīng)過圖像（當(dāng)鼠標(biāo)指針移到原始圖像時(shí)顯示的圖像）。</p><p>3、簡述常用音頻格式文件的區(qū)別。</p><p>答：①midi 或mid 格式用于樂器。</p><p>②wav 格式文件有較好的聲音品質(zhì)，許多瀏覽器都支持此類格式文件并且不要求插件。③mp3格式是一種壓縮格式，它可令聲音文件明顯縮小，且聲音品質(zhì)非常好。</p><p>④ra、ram、rpm或Real Audio 格式具有非常高的壓縮程度，全部歌曲文件可以在合理的時(shí)間范圍內(nèi)下載。</p><p>⑤qt、qtm、mov和QuickTime 是由Apple Computer 開發(fā)的音頻和視頻格式。支持大多數(shù)編碼格式。</p><p>4、簡述圖像占位符的作用。</p><p>答：在準(zhǔn)備好將最終圖像添加到Web 頁面之前使用的占位圖形。通過插入指定大小的圖像占位符可以在頁面中預(yù)留圖像的位置，從而實(shí)現(xiàn)預(yù)覽頁面基本效果。</p><p>第四章超級鏈接及其應(yīng)用</p><p>一、選擇題</p><p>1、在Dreamweaver8中可以為圖像創(chuàng)建熱點(diǎn)，不可以改變（）</p><p>A、熱點(diǎn)形狀B、熱點(diǎn)的位置C、熱點(diǎn)大小D、熱點(diǎn)鼠標(biāo)的靈敏程度</p><p>2、在屬性面板上設(shè)置超鏈接時(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)建到錨點(diǎn)的鏈接的過程分為兩步；首先創(chuàng)建命名錨點(diǎn)，然后創(chuàng)建錨記鏈接。4、創(chuàng)建錨機(jī)鏈接是在屬性面板的“鏈接”文本框中，鍵入一個數(shù)字符號“#”和錨記名稱。5、導(dǎo)航條項(xiàng)目有四種狀態(tài)，分別為狀態(tài)圖像、鼠標(biāo)經(jīng)過圖像、按下圖像、按下時(shí)鼠標(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>③站點(diǎn)根目錄相對路徑。指從站點(diǎn)的根目文件夾到文檔的路徑，當(dāng)在處理承載有多個不同站點(diǎn)的服務(wù)器時(shí)要考慮使用這種類型的路徑。</p><p>2、什么是跳轉(zhuǎn)菜單？</p><p>答：跳轉(zhuǎn)菜單是文檔中的彈出菜單，對站點(diǎn)訪問者可見，并列出鏈接到文檔或文件的選項(xiàng)。</p><p>3、簡述屬性面板的鏈接“目標(biāo)”彈出菜單中四個選項(xiàng)的含義。</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、在定義表格的屬性時(shí)。在<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、在布局模式下，繪制表格時(shí)可以按?。ǎ╂I不放，連續(xù)拖動鼠標(biāo)就能繪制多個表格。</p><p>A、ShiftB、CtrlC、AltD、Shift Ctrl</p><p>5、要在頁面繪制單元格，下列說法不正確的是（</p><p>A、繪制后的單元格可以任意調(diào)整大小</p><p>B、不能脫離表格而獨(dú)立存在））命令可以應(yīng)用。</p>
,<p>《網(wǎng)絡(luò)藝術(shù)與網(wǎng)頁制作》筆記&課本練習(xí)一葉扁舟</p><p>C、繪制的單元格不能相互交叉</p><p>D、若在頁面空白區(qū)域繪制單元格，則會自動產(chǎn)生一個表格作為單元格的容器</p><p>6、插入表格時(shí)無法通過“表格”對話框設(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è)計(jì)表格布局的方式，在“布局”工具欄中，有三種布局模式供選擇，分別是標(biāo)準(zhǔn)模式、擴(kuò)展模式和布局模式。5、間隔圖像是透明圖像，不在瀏覽器中顯示，主要用來控制自動伸展表格之間的距離，它是一個單像素的透明GIF 圖像，向外延伸到制定像素的寬度。</p><p>6、當(dāng)設(shè)定布局單元格寬度時(shí)，選擇自動延伸選項(xiàng)時(shí)，布局單元格自動適應(yīng)布局表格的寬度。7、合并單元格時(shí)，只能對連續(xù)單元格進(jìn)行合并。合并后，元單元格的內(nèi)容將組合為一組存放在合并后的單元格中。</p><p>8、將光標(biāo)置于單元格中，按ctrl 鍵的同時(shí)單擊其他單元格，可以選擇多個不連續(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>
<!-- 文章中間廣告位 -->
<!--
<div id="wf7j9zx" class="ad-container ad-content-middle">
<div id="ljxtneq" class="ad-wrapper">
<span id="llpxbgx" class="ad-label">廣告</span>
<div id="f9ht8rd" class="ad-content">
<img src="path/to/ad3.jpg" alt="廣告">
</div>
</div>
</div>
-->
<footer class="article-footer">
<div id="v4onhtl" class="tags">
<span id="73r9mk7" class="tag-label">標(biāo)簽：</span> </div>
<div id="4rpcdux" class="share-box">
<span id="lnferdu" 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="nbh3xlc" class="ad-container ad-footer">
<div id="krjpvht" class="ad-wrapper">
<div class="zgh88nu" id="adshow2"></div>
<!--
<span id="rpqrct9" class="ad-label">廣告</span>
<div id="h7q4jvr" class="ad-content">
<img src="path/to/ad4.jpg" alt="廣告">
</div>-->
</div>
</div>
<!-- 上下文導(dǎo)航 -->
<nav class="context-nav">
<a href="/news/24015.html" class="nav-item prev">
<i class="ri-arrow-left-s-line"></i>
<span id="vh7fvt5" class="nav-text">
<span id="9hndj4g" class="label">上一篇</span>
<span id="uuona49" class="title">如何進(jìn)行網(wǎng)站健康檢查</span>
</span>
</a>
<a href="/news/24017.html" class="nav-item next">
<span id="ppflh7x" class="nav-text">
<span id="8ax9d7j" class="label">下一篇</span>
<span id="bdvwj77" class="title">電腦常用快捷鍵大全</span>
</span>
<i class="ri-arrow-right-s-line"></i>
</a>
</nav>
<!-- 相關(guān)推薦 -->
<section class="related-articles">
<h2 class="section-title">
<span>相關(guān)推薦</span>
</h2>
<div id="4v9zyle" class="articles-grid">
<a href="/news/5244706.html" class="article-item">
<span id="ii3rnq9" class="article-title">三明這幾個車站都已關(guān)停(三明市火車站？)</span>
<span id="79wkxov" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244707.html" class="article-item">
<span id="ngms9qx" class="article-title">清遠(yuǎn)哪個漂流比較不刺激(清遠(yuǎn)漂流排名？)</span>
<span id="n3uflz9" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244708.html" class="article-item">
<span id="e4xdece" class="article-title">小米手機(jī)計(jì)算器如何查記錄 怎么查看小米手機(jī)計(jì)算器以前的數(shù)據(jù)？</span>
<span id="3uhz79u" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244709.html" class="article-item">
<span id="rdqpqvj" class="article-title">cpu后面加t是什么意思 cpu帶t是什么意思？</span>
<span id="jvwcng7" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244710.html" class="article-item">
<span id="8z9p7hb" class="article-title">淄博金嶺牛肉哪個地方好吃 淄博牛肉面哪家好吃？</span>
<span id="3cwjz7f" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244711.html" class="article-item">
<span id="x7l7d8h" class="article-title">招行難道沒有隱藏額度嗎 專項(xiàng)額度是什么意思？</span>
<span id="zz7uffr" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244712.html" class="article-item">
<span id="sxyqwn4" class="article-title">用完無線鍵盤怎樣用有線(藍(lán)牙鍵盤可以改成有線嗎？)</span>
<span id="idcph4b" class="article-date">2023-02-21</span>
</a>
<a href="/news/5244713.html" class="article-item">
<span id="lzrstkw" class="article-title">油漆試板要做哪些測試項(xiàng)目 油漆水煮試驗(yàn)標(biāo)準(zhǔn)？</span>
<span id="84vrjtr" class="article-date">2023-02-21</span>
</a>
</div>
</section>
<!-- 返回頂部按鈕 -->
<button class="back-to-top" aria-label="返回頂部">
<i class="ri-arrow-up-line"></i>
</button>
</div>
</div>
</main>
<!-- 頁面底部 -->
<!-- 網(wǎng)站底部 -->
<footer class="footer">
<div id="4tzdee7" class="footer-content">
<!-- 主要內(nèi)容區(qū)域 -->
<div id="rpvdvtt" class="footer-main">
<!-- 鏈接區(qū)域 -->
<div id="ugm3x3j" class="footer-links">
<div id="frz4uo7" 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="d73xhvf" 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ù)費(fèi)率</a></li>
</ul>
</div>
<div id="bdtzfr7" 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="34xyf8q" 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="ffb7rco" 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>
<!-- 二維碼區(qū)域 -->
<div id="invut7l" class="qr-codes">
<div id="pwhi9nr" class="qr-item">
<img src="/styles/images/z-p2.jpg" alt="微信公眾號">
<p>微信公眾號</p>
</div>
<div id="xc7x9ll" class="qr-item">
<img src="/styles/images/z-p3.jpg" alt="微信小程序">
<p>微信小程序</p>
</div>
</div>
</div>
<!-- 公司信息 -->
<div id="ubtnjvf" class="company-info">
<p>
大連酷米科技有限公司
<span id="34jjppr" class="separator">|</span>
電話: 0411-88255560
<span id="ovb4bvx" class="separator">|</span>
員工舞弊舉報(bào): mi@kmw.com
<span id="vh4vbul" class="separator">|</span>
地址: 遼寧省大連市甘井子區(qū)華南廣場中南大廈A座612
</p>
</div>
<!-- 備案信息 -->
<div id="rdodx97" class="certificates">
<p class="license">
<a target="_blank">遼ICP備2023003160號-1</a>
<span id="jo4vwdz" class="separator">|</span>
增值電信業(yè)務(wù)經(jīng)營許可證：遼B2-20230432
<span id="9uhnthr" class="separator">|</span>
在線數(shù)據(jù)處理與交易許可證：遼B2-20230432
<span id="bio7nxl" class="separator">|</span>
<a target="_blank">遼公網(wǎng)安備 21021102000934號</a>
</p>
<p class="copyright">Copyright ? 2014-2025 酷米科技 版權(quán)所有</p>
</div>
<!-- 認(rèn)證圖標(biāo) -->
<div id="4io9nnj" 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>
<!-- 引入jQuery -->
<!-- 引入頁面特定的JS -->
<!-- 在其他腳本之前添加 -->
<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="9lcmi" class="pl_css_ganrao" style="display: none;"><ul id="9lcmi"><legend id="9lcmi"><menuitem id="9lcmi"><strong id="9lcmi"></strong></menuitem></legend></ul><i id="9lcmi"></i><video id="9lcmi"><pre id="9lcmi"></pre></video><thead id="9lcmi"><input id="9lcmi"><em id="9lcmi"></em></input></thead><sup id="9lcmi"></sup><strong id="9lcmi"></strong><samp id="9lcmi"><tbody id="9lcmi"><big id="9lcmi"><listing id="9lcmi"></listing></big></tbody></samp><strong id="9lcmi"><sup id="9lcmi"><strong id="9lcmi"></strong></sup></strong><ruby id="9lcmi"><dl id="9lcmi"><ruby id="9lcmi"></ruby></dl></ruby><sup id="9lcmi"><strong id="9lcmi"></strong></sup><tt id="9lcmi"></tt><mark id="9lcmi"></mark><menuitem id="9lcmi"><strong id="9lcmi"></strong></menuitem><source id="9lcmi"></source><tbody id="9lcmi"><meter id="9lcmi"><var id="9lcmi"></var></meter></tbody><table id="9lcmi"><address id="9lcmi"></address></table><li id="9lcmi"><legend id="9lcmi"></legend></li><dl id="9lcmi"><ruby id="9lcmi"></ruby></dl><dfn id="9lcmi"></dfn><rt id="9lcmi"><delect id="9lcmi"><style id="9lcmi"></style></delect></rt><dfn id="9lcmi"><div id="9lcmi"></div></dfn><p id="9lcmi"><kbd id="9lcmi"><p id="9lcmi"></p></kbd></p><strong id="9lcmi"><thead id="9lcmi"><track id="9lcmi"><tfoot id="9lcmi"></tfoot></track></thead></strong><b id="9lcmi"><s id="9lcmi"><b id="9lcmi"></b></s></b><tt id="9lcmi"><legend id="9lcmi"><menuitem id="9lcmi"><code id="9lcmi"></code></menuitem></legend></tt><progress id="9lcmi"></progress><acronym id="9lcmi"><noframes id="9lcmi"><span id="9lcmi"></span></noframes></acronym><tt id="9lcmi"></tt><em id="9lcmi"></em><strong id="9lcmi"></strong><output id="9lcmi"></output><legend id="9lcmi"></legend><samp id="9lcmi"><i id="9lcmi"></i></samp><ol id="9lcmi"></ol><ol id="9lcmi"></ol><strong id="9lcmi"></strong><strong id="9lcmi"><address id="9lcmi"><table id="9lcmi"><address id="9lcmi"></address></table></address></strong><acronym id="9lcmi"><u id="9lcmi"></u></acronym><pre id="9lcmi"><b id="9lcmi"><p id="9lcmi"><kbd id="9lcmi"></kbd></p></b></pre><dfn id="9lcmi"></dfn><button id="9lcmi"><dl id="9lcmi"></dl></button><dl id="9lcmi"></dl><var id="9lcmi"></var><sup id="9lcmi"><strong id="9lcmi"><address id="9lcmi"><label id="9lcmi"></label></address></strong></sup><menuitem id="9lcmi"><code id="9lcmi"><ins id="9lcmi"></ins></code></menuitem><video id="9lcmi"></video><noframes id="9lcmi"><rt id="9lcmi"></rt></noframes><output id="9lcmi"></output><small id="9lcmi"><progress id="9lcmi"></progress></small><pre id="9lcmi"><samp id="9lcmi"><i id="9lcmi"><meter id="9lcmi"></meter></i></samp></pre></div>
</html> 