網(wǎng)頁設(shè)計(jì)畢業(yè)論文（強(qiáng)力推薦范文8篇）,網(wǎng)頁設(shè)計(jì)論文

網(wǎng)頁設(shè)計(jì)畢業(yè)論文〔強(qiáng)力推薦范文8篇〕,網(wǎng)頁設(shè)計(jì)論文近10年來，伴隨著網(wǎng)絡(luò)多媒體技術(shù)的蓬勃發(fā)展，一種嶄新的藝術(shù)設(shè)計(jì)形式構(gòu)成了，那就是網(wǎng)頁設(shè)計(jì)技術(shù)，它是人們生活進(jìn)步化的拓展，居民的正常生活的學(xué)習(xí)，工作，教學(xué)，外賣，閱讀新聞等等都能夠在網(wǎng)上操作，逐步浸透到社會(huì)的各個(gè)方面。隨著科學(xué)技術(shù)的發(fā)展，當(dāng)代網(wǎng)頁設(shè)計(jì)的主角由專業(yè)的技術(shù)人員轉(zhuǎn)化為了群眾群眾，網(wǎng)頁設(shè)計(jì)也由于多元的發(fā)展、多樣的形式，注入了更多新鮮血液。以下為網(wǎng)頁設(shè)計(jì)畢業(yè)論文8篇，看完后希望對你有所啟發(fā)。網(wǎng)頁設(shè)計(jì)畢業(yè)論文：網(wǎng)頁設(shè)計(jì)中DIV+CSS布局技術(shù)及其優(yōu)勢內(nèi)容摘要：信息科學(xué)技術(shù)的進(jìn)步使得互聯(lián)網(wǎng)信息技術(shù)的發(fā)展突飛猛進(jìn),華而不實(shí)網(wǎng)頁設(shè)計(jì)作為互聯(lián)網(wǎng)技術(shù)中的重要部分,應(yīng)用先進(jìn)技術(shù)提高工作效率與工作質(zhì)量對網(wǎng)頁設(shè)計(jì)具有重要意義。DIV+CSS技術(shù)在網(wǎng)頁布局中的優(yōu)勢作用使得其在網(wǎng)頁設(shè)計(jì)與開發(fā)中應(yīng)用越來越廣泛?；诖?首先對DIV+CSS技術(shù)進(jìn)行概述,然后對其在網(wǎng)頁布局中的優(yōu)勢與應(yīng)用原理進(jìn)行分析。本文關(guān)鍵詞語：DIV;CSS;網(wǎng)頁布局;應(yīng)用;ResearchonApplicationofDIV+CSSTechnologyinWebLayoutDesignLIYanCollegeofEngineeringTechnology,XianFanyiUniversityAbstract：TheadvancementofinformationscienceandtechnologyhasmadedevelopmentoftheInternetinformationtechnologyleapsandbounds.WebdesignisanimportantpartoftheInternettechnologyindustry.Itisofgreatsignificancetoapplyadvancedtechnologytoimproveitsworkefficiencyandworkquality.TheadvantagesofDIV+CSStechnologyinWebpagelayoutmakeitmoreandmorewidelyusedinWebdesignanddevelopment.Basedonthis,thispapersummarizestheDIV+CSStechnologyandanalyzesitsadvantagesandapplicationprinciplesinWebpagelayout.0引言我們國家信息技術(shù)及互聯(lián)網(wǎng)技術(shù)在當(dāng)下得到了卓越的發(fā)展,能夠講已經(jīng)完全地浸透到人們的工作與生活中,隨之,網(wǎng)頁的開發(fā)與設(shè)計(jì)功能也日益強(qiáng)大。在網(wǎng)頁制作工具中使用傳統(tǒng)的表格布局技術(shù)會(huì)暴露很多問題,一種遭到互聯(lián)網(wǎng)行業(yè)的廣泛青睞的技術(shù)應(yīng)用就逐步凸顯出來了,這就是DIV+CSS的布局技術(shù),它就像WORD中的文本框一樣,能夠讓任何對象準(zhǔn)確地定位在網(wǎng)頁中的任何位置,同時(shí)也降低了網(wǎng)頁維護(hù)的難度,提高了網(wǎng)頁的下載與傳輸速率。1DIV+CSS技術(shù)概述1.1DIV技術(shù)DIV技術(shù)是網(wǎng)頁設(shè)計(jì)、開發(fā)經(jīng)過中的標(biāo)記元素及應(yīng)用語言,為文檔提供布局構(gòu)造,是DIV+CSS技術(shù)中不可缺少的一部分。由于DIV是區(qū)分、劃分的意思,所以〈DIV〉標(biāo)簽是一個(gè)塊級元素,它能夠?yàn)榫W(wǎng)頁文檔內(nèi)大塊的內(nèi)容提供布局構(gòu)造。在這些塊級元素中,能夠插入的對象有文字、圖像和表格等各種網(wǎng)頁元素,方便對網(wǎng)頁進(jìn)行設(shè)計(jì)。文檔中的塊級元素由對應(yīng)的一組起始標(biāo)簽〈DIV〉和結(jié)束標(biāo)簽〈/DIV〉構(gòu)成,其定位及其格式一般是由引用CSS樣式或〈DIV〉標(biāo)簽屬性來實(shí)現(xiàn)的。[1]假如要定位或是布局復(fù)雜的網(wǎng)頁,則能夠使用嵌套DIV標(biāo)簽定義的塊,這就為網(wǎng)頁布局提供了愈加有利的技術(shù)支持。1.2CSS技術(shù)標(biāo)記只是能在網(wǎng)頁某處需要設(shè)置格式的時(shí)候詳細(xì)定義,假如講一個(gè)網(wǎng)頁中的多處標(biāo)題都需要設(shè)置成一種格式,或者講是不同網(wǎng)頁中的某些地方要進(jìn)行同樣的格式設(shè)置就特別費(fèi)事了,而且之后要修改的時(shí)候工作量也繁瑣。CSS即層疊樣式表,它是一種能夠?yàn)榱撕芎玫赝瓿删W(wǎng)頁板式設(shè)計(jì)的需求而制定的一種設(shè)計(jì)標(biāo)準(zhǔn),是為了在樣式的編輯上對它的功能進(jìn)行更好地補(bǔ)充,同時(shí)也是國際W3C(WorldWideWebConsortium,萬維網(wǎng)聯(lián)盟)標(biāo)準(zhǔn)化組織制定的一套完好的擴(kuò)展樣式標(biāo)準(zhǔn)。[1]在設(shè)計(jì)網(wǎng)頁時(shí),CSS層疊樣式表能夠以各種形式來豐富頁面效果,如對頁面的布局、顏色、格式與背景等進(jìn)行各種設(shè)置,所以講CSS能夠?qū)Φ臉?biāo)記屬性的設(shè)定進(jìn)行擴(kuò)大,以此來到達(dá)對網(wǎng)頁的整體的布局設(shè)計(jì)和外觀樣式設(shè)計(jì)進(jìn)行有效控制的目的,讓網(wǎng)頁能夠在格式設(shè)計(jì)上具有愈加美觀的表現(xiàn)形式。CSS層疊樣式表技術(shù)能夠把網(wǎng)頁本身的主體內(nèi)容和網(wǎng)頁設(shè)計(jì)的樣式格式進(jìn)行有效的分開,即CSS樣式的信息作為獨(dú)立的一個(gè)文件進(jìn)行存放,以便設(shè)計(jì)者對網(wǎng)頁文檔進(jìn)行有效集中的統(tǒng)一管理。在網(wǎng)頁設(shè)計(jì)中,CSS樣式文件建立完之后由于是一個(gè)獨(dú)立的文件就能夠被其他的文件進(jìn)行分享使用,這樣設(shè)計(jì)者就不用對網(wǎng)頁中的文件格式進(jìn)行重復(fù)性的操作設(shè)計(jì),把主要精神和時(shí)間放到對網(wǎng)頁的主要內(nèi)容和功能上來了,大大節(jié)省了不必要的設(shè)計(jì)工作和時(shí)間。CSS層疊樣式表的語法定義包括3個(gè)部分:選擇器名、屬性名、屬性值。選擇器名:是指對樣式編碼所用針對的某個(gè)網(wǎng)頁操作對象,能夠是由.(類)或#(標(biāo)簽)加任意字母組成的類或ID選擇器;可以以是一個(gè)標(biāo)簽,如body,h1,td。屬性:是CSS樣式控制的核心,對于每個(gè)選擇器,CSS都提供了豐富多樣的樣式屬性,如基本的格式設(shè)置顏色、大小、定位和浮動(dòng)方式等。屬性值:對于不同的屬性名,其屬性值有不同的表示出方式。1.2.1標(biāo)簽選擇器選擇器類型主要分為三種,：網(wǎng)頁視覺設(shè)計(jì)中CSS3技術(shù)的運(yùn)用內(nèi)容摘要：目的研究網(wǎng)頁視覺設(shè)計(jì)中，使得網(wǎng)頁負(fù)載更小、交互更友好和更便捷、自適應(yīng)性更好的方式方法和技術(shù)。基于當(dāng)下的CSS3、5和JavaScript技術(shù)的甄別與挑選，基本涵蓋了當(dāng)下網(wǎng)頁視覺設(shè)計(jì)呈現(xiàn)所必須的基本語言代碼規(guī)范和格式要求。方式方法利用CSS3、5和JavaScript等進(jìn)行聯(lián)合測試，重點(diǎn)是CSS3的源代碼測試，比擬使用CSS3與使用最基礎(chǔ)版本的CSS代碼實(shí)現(xiàn)同一效果之后的差異，這些差異包括文件的大小和加載時(shí)間、線程比擬等。結(jié)論有無受體〔比方加載外部圖片〕，通過CSS3來實(shí)現(xiàn)動(dòng)畫演繹和圖片常見效果變化，提高頁面性能和降低網(wǎng)頁載荷；使用CSS3實(shí)現(xiàn)網(wǎng)頁自適應(yīng)，使得不同閱讀終端設(shè)備之間更容易實(shí)現(xiàn)無障礙切換，而DIV不會(huì)錯(cuò)亂；CSS3的新特性，讓微交互更輕松、更便捷和兼具景深效果；CSS3更有效優(yōu)化頁面性能，更節(jié)省開發(fā)成本。本文關(guān)鍵詞語：CSS3;網(wǎng)頁視覺設(shè)計(jì);動(dòng)畫;微交互;CSS3andVisualDesignandTechnologyPresentationinWebDesignLAIShou-liangLUOZi-huiHunanUniersityofTechnologyAbstract：Researchonthemethodsandtechniquesofvisualdesignofwebpages,whichcanmakethewebpageslessloaded,friendlier,moreconvenientandmoreadaptive.BasedonthecurrentscreeningandscreeningofCSS3,5andJavaScripttechnologies,itbasicallycoversthebasiclanguagecodespecificationsandformatrequirementsnecessaryforthepresentvisualdesignandpresentationofwebpages.UsingCSS3,5andJavaScripttoconductjointtesting,focusingonthesourcecodetestingofCSS3,comparingthedifferencesafterusingCSS3andusingthemostbasicversionofCSScodetoachievethesameeffect,thesedifferencesincludethesizeoffilesandloadtime,threadcomparison,etc.Withorwithoutacceptors(suchasloadingexternalpictures),animationdeductionandcommoneffectchangesofpicturescanbeachievedthroughCSS3toimprovepageperformanceandreducepageload;WebpageadaptationcanbeachievedbyusingCSS3tomakeaccessiblehandovereasierbetweendifferentbrowsingterminaldevices,whileDIVwillnotbeconfused;newfeaturesofCSS3canmakethehandovereasier.Interactioniseasier,moreconvenientandhasdepthoffieldeffect;CSS3optimizespageperformancemoreeffectivelyandsavesdevelopmentcosts.網(wǎng)頁設(shè)計(jì)的發(fā)展，從文字信息開場，發(fā)展到讀圖、看視頻的時(shí)代，再到如今的大交互和數(shù)據(jù)頻繁交換的體驗(yàn)設(shè)計(jì)時(shí)代。由于圖片像素越來越高、視頻分辨率愈發(fā)清楚明晰、服務(wù)器與諸多終端客戶的數(shù)據(jù)交換和響應(yīng)愈加頻繁，網(wǎng)頁的載荷負(fù)擔(dān)越來越重。于是，設(shè)計(jì)師開場追求通經(jīng)過序演算，結(jié)合計(jì)算機(jī)圖形學(xué)的原理，讓當(dāng)下盡可能多的圖片變換、位移、變形，甚至是熱門觸發(fā)的交互事件，都讓代碼來實(shí)現(xiàn)。CSS3的應(yīng)運(yùn)而生，跟各大閱讀器的兼容性及W3C等的標(biāo)準(zhǔn)修改密切相關(guān)。這也是提升網(wǎng)頁閱讀品質(zhì)和響應(yīng)速度的現(xiàn)實(shí)需求使然。CSS3的技術(shù)運(yùn)用，讓網(wǎng)頁前端設(shè)計(jì)的變換更豐富，也讓網(wǎng)頁的載荷更小巧，同時(shí)對于閱讀終端的兼容性也越來越好。對設(shè)計(jì)者和建設(shè)者來講，也大大降低了修改成本和大大提高了修改的便捷性。一、有無受體均可通過屬性本文關(guān)鍵詞語來實(shí)現(xiàn)動(dòng)畫演繹和生成圖片效果變幻及提高頁面性能和降低網(wǎng)頁載荷當(dāng)前，網(wǎng)頁視覺設(shè)計(jì)一般指網(wǎng)頁人機(jī)交互界面上的視覺總和，詳細(xì)包含圖片、文字、色彩、符號、邊框以及視頻等多種元素，好的視覺設(shè)計(jì)能極大促進(jìn)人與物之間的溝通、信息獲取和情感體驗(yàn)。由于有了頁面視覺效果的訴求，如今很多網(wǎng)頁都在設(shè)計(jì)中鏈接了很多圖片。不僅有很多高清大圖輪播，就是DIV的邊框處、底紋，菜單處，以及眾多ICON圖標(biāo)，都是大大小小的圖片。所有這些，閱讀者在閱讀的時(shí)候都是要被下載到本地的，大大加重了閱讀的負(fù)擔(dān)，直至閱讀設(shè)備提示沒有足夠緩存〔Nobufferspaceavailable〕。更直接地講，CSS3技術(shù)能夠替代很多圖片，甚至是GIF格式的動(dòng)圖、部分Flash動(dòng)畫和部分視頻文件。這樣就能夠減少用戶訪問Web站點(diǎn)時(shí)的HTTP請求數(shù)，提高訪問效率，降低下載量和下載負(fù)擔(dān)。所謂動(dòng)畫，除開人物和動(dòng)物角色的運(yùn)動(dòng)遵循了特定規(guī)律、粒子動(dòng)畫解決了煙霧氣等粒子運(yùn)動(dòng)的效果之外，其它的元素動(dòng)畫無外乎就是位移、縮放、變色〔及透明度〕、旋轉(zhuǎn)、時(shí)間節(jié)拍等。CSS3的動(dòng)畫屬性充分利用translate〔移動(dòng)〕、transform〔變形〕、transition〔過過渡〕和animation〔動(dòng)畫〕來解決了這些動(dòng)畫運(yùn)動(dòng)的變化，即便沒有受體〔甚至沒有一張png圖片〕也能產(chǎn)生動(dòng)畫。借助受體〔比方各部分分開來的人物png圖片〕，通過運(yùn)算和關(guān)節(jié)點(diǎn)的設(shè)置也能初步生成人物或動(dòng)物角色動(dòng)畫〔如此圖1〕。CSS3越來越強(qiáng)大的動(dòng)畫演算能力和便捷的加載能力，有效降低了網(wǎng)頁設(shè)計(jì)、閱讀時(shí)的空間載荷。圖1CSS3的-webkit-transform:translate控制兵士行走〔兵士身體各部分樣式均為代碼定義自動(dòng)生成〕二、使用CSS3實(shí)現(xiàn)網(wǎng)頁自適應(yīng)并使得不同閱讀終端設(shè)備之間更容易實(shí)現(xiàn)無障礙切換隨著移動(dòng)端網(wǎng)絡(luò)用戶數(shù)量的大幅攀升〔2022年上半年截至，中國移動(dòng)互聯(lián)網(wǎng)用戶達(dá)11.38億[1]，2021年中國移動(dòng)互聯(lián)網(wǎng)產(chǎn)值到達(dá)8.42萬億元[2]〕，對網(wǎng)絡(luò)頁面的適應(yīng)性提出了更高層次的要求。在初期，一直都是為固定端〔臺(tái)式機(jī)電腦端〕設(shè)計(jì)的頁面，從最初的稍低像素尺寸〔比方800像素寬度乘以600像素〔或高一些的〕高度〕發(fā)展到后期的大尺寸頁面〔比方1024像素寬度〕，再到后期的頁面寬度居中〔居中尺寸固定、背景寬度自動(dòng)適應(yīng)電腦分辨率設(shè)置之后的寬度〕。然而，移動(dòng)端〔比方手機(jī)和iPad〕用戶早期閱讀的網(wǎng)絡(luò)頁面還是那樣是適宜于固定端〔比方電腦〕的頁面設(shè)計(jì)。后來，漸漸出現(xiàn)了檢測閱讀器終端的程序代碼〔JavaScript代碼〕，讓閱讀者自行選擇觸屏版〔合適手機(jī)用戶〕、電腦版〔合適PC用戶〕和客戶端下載。也就是講，商家要設(shè)計(jì)多個(gè)版本的網(wǎng)站以應(yīng)對用戶的閱讀終端的隨意性需求。技術(shù)智力又作用于設(shè)計(jì)思維進(jìn)而構(gòu)成設(shè)計(jì)方式方法論?？茖W(xué)技術(shù)不僅為設(shè)計(jì)師提供了新的設(shè)計(jì)手段、設(shè)計(jì)對象和設(shè)計(jì)材料，而且為設(shè)計(jì)師定義了考慮方式和創(chuàng)新途徑[3]。平面視覺傳達(dá)意義上的布局相對繁復(fù)，網(wǎng)頁視覺中的所謂布局其實(shí)就是大小和位置。簡而言之，就是每一個(gè)DIV的寬、高尺寸和定位位置。我們看到的每一個(gè)網(wǎng)頁頁面都是由無數(shù)個(gè)DIV〔DIVision，即為劃分〕組成，這些DIV是如何的包含關(guān)系、并列關(guān)系、嵌套關(guān)系，以及是如何的邊距與間隔關(guān)系，我們都需要定義和布局。CSS3除了既有的absolute〔絕對定位〕、relative〔相對定位〕、fixed〔固定定位〕之外，還有static〔靜態(tài)定位〕。另外還有float〔浮動(dòng)〕。更為重要的是，CSS3實(shí)現(xiàn)能夠計(jì)算的自適應(yīng)布局calc()。頁面設(shè)計(jì)時(shí)能夠使用calc()給元素的margin、pading、width等屬性賦值，而且還能夠在一個(gè)calc()內(nèi)部嵌套另一個(gè)calc()。其語法也不復(fù)雜，就是使用數(shù)學(xué)表示出式，該表示出式能夠包含四則運(yùn)算、百分比以及px、em、rem等單位，而且能夠混用多種單位計(jì)算。calc其實(shí)是calculate〔計(jì)算〕的縮寫，運(yùn)用此種運(yùn)算設(shè)定，就能夠消除添加邊距或者邊框帶來的常見問題，進(jìn)而實(shí)現(xiàn)自適應(yīng)閱讀設(shè)備的寬度。三、CSS3的新特性讓微交互更輕松更便捷和兼具景深效果頁面構(gòu)造即頁面布局，是針對單個(gè)頁面不同控件和元素的布局關(guān)系展示[4]。網(wǎng)頁上的微交互，就是控件和元素響應(yīng)熱門事件之后的變化，以前基本就是背景顏色或者圖片的變化，這種變化經(jīng)常來自替換和運(yùn)動(dòng)等帶來的視覺特效演繹。而CSS3最強(qiáng)能實(shí)現(xiàn)3D交互效果，卻是利用了translateZ屬性，它是transform的子屬性，它決定了元素沿著本身Z軸移動(dòng)。假如只要這么一個(gè)屬性，是看不出來任何效果的，由于閱讀器沒有辦法計(jì)算應(yīng)該產(chǎn)生什么樣的變化，所以我們需要給父元素添加一條perspective屬性，此時(shí)，表示父元素距離屏幕多遠(yuǎn)。perspective：__px決定元素距離屏幕的像素值，也就是平常講的景深效果，見圖2。圖2CSS3的perspective屬性實(shí)現(xiàn)3D景深效果再比方講超鏈接〔包括菜單的超鏈接〕，CSS3自定義無窮變幻的樣式超鏈接按鈕，讓鼠標(biāo)滑過帶動(dòng)畫特效。超鏈接和按鈕在網(wǎng)頁中是最為基本的元素了，我們能夠通過設(shè)置CSS3樣式將鏈接外觀做一些簡單的調(diào)整，比方文本大小、顏色和下劃線?？梢砸岳蒙衔奶岬竭^的屬性，做更多的動(dòng)畫演繹。如今我們閱讀國外很多優(yōu)秀的個(gè)人網(wǎng)站，在實(shí)現(xiàn)菜單跳轉(zhuǎn)和頁面切換的時(shí)候，基本都是使用了CSS3的技術(shù)，既使得畫面舒適，又切換流暢。十分是我們傳統(tǒng)以為的那種鼠標(biāo)滑入、點(diǎn)擊、滑過之后的效果變換，基本都是CSS3的技術(shù)應(yīng)用，減少了很多加載環(huán)節(jié)和圖片制作的繁瑣，使得微交互更輕松更便捷[5]。比方圖3，扁平化圖標(biāo)在hover〔鼠標(biāo)指針選擇器類型〕事件前后的變化，鼠標(biāo)滑入之前效果為上排圖片狀態(tài)，鼠標(biāo)滑入之后，產(chǎn)生背景顏色變化和前景元素的動(dòng)畫〔前景元素由對角線四個(gè)方向的碎片元素飛入拼合成完好前景元素〕。圖3CSS3控制hover事件的扁平化圖標(biāo)前后比照圖四、CSS3更有效優(yōu)化頁面性能及更節(jié)省開發(fā)成本一般來講，一個(gè)網(wǎng)站制作流程大致是：業(yè)務(wù)設(shè)計(jì)前端后端；業(yè)務(wù)給需求、設(shè)計(jì)給設(shè)計(jì)稿、前端根據(jù)設(shè)計(jì)稿做出效果網(wǎng)頁、后端制作程序，最后通過一系列測試、調(diào)試；網(wǎng)站上線。前端拿到設(shè)計(jì)稿時(shí)，需要?jiǎng)澐帜男┦菆D片、哪些是代碼，進(jìn)而制作出網(wǎng)頁。前端在制作頁面時(shí)，會(huì)根據(jù)各方面因素綜合制造網(wǎng)頁。然而如今這個(gè)追求速度的時(shí)代，一個(gè)好的用戶體驗(yàn)網(wǎng)站不宜有太多的圖片。網(wǎng)站圖片太多主要有三大缺點(diǎn)：占據(jù)服務(wù)器過多內(nèi)存；用戶體驗(yàn)不好〔加載一個(gè)圖片，需要向服務(wù)器遞交一次請求，當(dāng)用戶網(wǎng)絡(luò)不好時(shí)，可能導(dǎo)致圖片加載不出來〕；不利于SEO優(yōu)化[6]。因而，很多前端開發(fā)者在制作網(wǎng)頁時(shí)，會(huì)使用CSS制作一系列小圖標(biāo)。另外，一個(gè)好的用戶體驗(yàn)網(wǎng)站能精簡化代碼，減少代碼重復(fù)。在如今主流閱讀器支持CSS3的情況下，程序員會(huì)更親睞與使用CSS3制作一些特效，以此代替JS代碼[7]。并不是講兩者孰優(yōu)孰劣，兩者具有不同的功能。但是，在加載方面，CSS會(huì)先于JS加載出來。舉個(gè)例子，比方你隱藏幾個(gè)圖片，假如使用CSS，對用戶來講，在加載這個(gè)網(wǎng)頁時(shí)，哪怕網(wǎng)絡(luò)速度很慢，也感覺不出來。但是，當(dāng)你使用JS時(shí)，對用戶來講，是個(gè)很差的效果體驗(yàn)。哪怕在網(wǎng)絡(luò)速度很快的情況下，用戶也會(huì)在網(wǎng)頁顯示的一霎時(shí)，出現(xiàn)那幾個(gè)本來應(yīng)該隱藏的圖片。所以，在某些時(shí)候，前端會(huì)更青睞與使用CSS來隱藏。固然講閱讀器執(zhí)行JS是單線程執(zhí)行，閱讀器通過主線程與合成線程協(xié)同工作的方式來渲染和編譯每一個(gè)頁面。通常運(yùn)行JavaScript、CSS層疊樣式表、編譯DIV及細(xì)分布局、元素的運(yùn)算與位圖的疊加等的是主線程[8]。通過圖形加速器〔GPU〕把圖與形投射到顯示器屏幕上、反應(yīng)信息給主線程關(guān)于位圖可見或即將可見、計(jì)算或當(dāng)滾動(dòng)屏幕時(shí)計(jì)算可見與即將可見等的是合成線程[9]。因而，經(jīng)常使用CSS隱藏效果，結(jié)合JS，做出點(diǎn)擊切換效果。并且將CSS文件與JS文件分開寫在外部供加載。網(wǎng)頁視覺設(shè)計(jì)時(shí)，基于很多效果和實(shí)用性的考慮，往往是CSS3連同JavaScript和5一起使用的，才能得到最新的技術(shù)效果。然而閱讀器存在差異性，同樣的5、CSS3和JS代碼在不同的閱讀器上測試，或許就存在不兼容的問題[10]。一般來講最新版本的IE閱讀器、火狐閱讀器、谷歌閱讀器、Safari和Opera等五大主流閱讀器在蘋果系統(tǒng)和windows〔視窗〕操作系統(tǒng)下都很難實(shí)現(xiàn)完全兼容。所以，當(dāng)下我們可能會(huì)在代碼中嵌套一個(gè)Onload語句來偵測閱讀器類型，并選擇執(zhí)行不同針對類型的CSS3代碼。以下為參考文獻(xiàn)[1]中投參謀.十四五數(shù)據(jù)中國建設(shè)下云計(jì)算行業(yè)深度調(diào)研及投資前景預(yù)測報(bào)告[M],中國產(chǎn)業(yè)研究院出版，2022，7：25.[2]北京智研科信咨詢有限公司.2022-2025年中國移動(dòng)互聯(lián)網(wǎng)行業(yè)市場現(xiàn)在狀況分析及投資前景預(yù)測報(bào)告[M],智研出版集團(tuán)，2021，10：12.[3]王彬羽.3DP技術(shù)融合文創(chuàng)產(chǎn)品設(shè)計(jì)的實(shí)踐與應(yīng)用[J].包裝工程,2022,40(14):7-10.[4]熊璐.以交互理念為核心的網(wǎng)頁界面設(shè)計(jì)課程教學(xué)實(shí)踐探尋求索[J].裝飾,2022(5):140-141.[5]ChristophWohner,JohannesPeterseil,DimitrisPoursanidis,Tom?Kliment,MikeWilson,MichaelMirtl,NektariosChrysoulakis.DEIMS-SDRAwebportaltodocumentresearchsitesandtheirassociateddata[J].Ecological