初识前端后端UI

  • x2_277646
    了解作者
  • 67.7KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-14 19:54
    上传日期
1.定义前端后端 2。前后端开发任务量分析与比较 3.前后端开发模式探讨 4.web UI技术综述
Web开发之1234.rar
  • Web开发之1234
  • Web开发之四:前后端开发模式探讨.docx
    18.8KB
  • Web开发之二:定义前端后端.docx
    15.6KB
  • Web开发之一:Web UI技术综述.docx
    23KB
  • Web开发之三:前后端开发任务量分析与比较.docx
    20.8KB
内容介绍
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <meta name="generator" content="pdf2htmlEX"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="stylesheet" href="https://static.pudn.com/base/css/base.min.css"> <link rel="stylesheet" href="https://static.pudn.com/base/css/fancy.min.css"> <link rel="stylesheet" href="https://static.pudn.com/prod/directory_preview_static/6280090c3b39c07824ce9201/raw.css"> <script src="https://static.pudn.com/base/js/compatibility.min.js"></script> <script src="https://static.pudn.com/base/js/pdf2htmlEX.min.js"></script> <script> try{ pdf2htmlEX.defaultViewer = new pdf2htmlEX.Viewer({}); }catch(e){} </script> <title></title> </head> <body> <div id="sidebar" style="display: none"> <div id="outline"> </div> </div> <div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://static.pudn.com/prod/directory_preview_static/6280090c3b39c07824ce9201/bg1.jpg"><div class="c x0 y1 w2 h2"><div class="t m0 x1 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">&#58881;</div><div class="t m0 x1 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">W<span class="_ _0"></span>eb</div><div class="t m0 x1 h3 y4 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _1"> </span> </div></div><div class="c x2 y5 w3 h4"><div class="t m0 x0 h3 y6 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _2"></span> </div><div class="t m0 x0 h3 y7 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _2"></span> </div></div><div class="c x0 y1 w2 h2"><div class="t m0 x3 h5 y4 ff2 fs0 fc0 sc0 ls0 ws0">&#24320;&#21457;&#20043;&#19968;&#65306;<span class="_ _3"></span><span class="ff1"> <span class="_ _4"> </span> </span></div><div class="t m0 x4 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">W<span class="_ _0"></span>eb UI</div><div class="t m0 x4 h3 y4 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _5"> </span> </div></div><div class="c x5 y5 w3 h4"><div class="t m0 x0 h3 y6 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _2"></span> </div><div class="t m0 x0 h3 y7 ff1 fs0 fc0 sc0 ls0 ws0"> <span class="_ _2"></span> </div></div><div class="c x0 y1 w2 h2"><div class="t m0 x6 h5 y4 ff2 fs0 fc0 sc0 ls0 ws0">&#25216;&#26415;&#32508;&#36848;<span class="_ _6"></span><span class="ff1"> <span class="_ _7"> </span> </span></div><div class="t m0 x1 h6 y8 ff2 fs1 fc1 sc0 ls0 ws0">&#19968;&#12289;&#20160;&#20040;&#26159;<span class="_ _8"> </span><span class="ff3">UI</span>&#65311;&#20160;&#20040;&#26159;<span class="_ _8"> </span><span class="ff3">UI<span class="_ _8"> </span></span>&#35774;&#35745;&#24072;&#65311;</div><div class="t m0 x1 h6 y9 ff3 fs1 fc1 sc0 ls0 ws0">1<span class="ff2">&#12289;&#20160;&#20040;&#26159;<span class="_ _8"> </span></span>UI</div><div class="t m0 x1 h6 ya ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#25353;&#29031;<span class="_ _8"> </span></span>Wiki<span class="_ _8"> </span><span class="ff2">&#30340;&#35299;&#37322;&#65306;</span><span class="fs2">In the industrial design field of human&#8211;machine interaction, the<span class="_ _9"></span>&#58884;<span class="ff4">user </span></span></div><div class="t m0 x1 h6 yb ff4 fs2 fc1 sc0 ls0 ws0">interface<span class="ff3">&#58884;is the space where interaction between humans<span class="_ _9"></span> and machines occurs.<span class="fs1">&#58884;<span class="ff2">&#20854;&#23454;&#23601;&#26159;&#65306;</span>User </span></span></div><div class="t m0 x1 h6 yc ff3 fs1 fc1 sc0 ls0 ws0">Interface<span class="ff2">&#65288;&#29992;&#25143;&#30028;&#38754;&#65289;&#30340;&#31616;&#31216;&#12290;</span>UI<span class="_ _8"> </span><span class="ff2">&#35774;&#35745;&#21017;&#26159;&#25351;&#23545;&#36719;&#20214;&#30340;&#20154;&#26426;&#20132;&#20114;&#12289;&#25805;&#20316;&#36923;&#36753;&#12289;&#30028;&#38754;&#32654;&#35266;&#30340;</span></div><div class="t m0 x1 h6 yd ff2 fs1 fc1 sc0 ls0 ws0">&#25972;&#20307;&#35774;&#35745;&#12290;&#22909;&#30340;<span class="_ _8"> </span><span class="ff3">UI<span class="_ _8"> </span></span>&#35774;&#35745;&#19981;&#20165;&#26159;&#35753;&#36719;&#20214;&#21464;&#24471;&#26377;&#20010;&#24615;&#26377;&#21697;&#21619;&#65292;&#36824;&#35201;&#35753;&#36719;&#20214;&#30340;&#25805;&#20316;&#21464;&#24471;&#33298;&#36866;&#12289;&#31616;</div><div class="t m0 x1 h6 ye ff2 fs1 fc1 sc0 ls0 ws0">&#21333;&#12289;&#33258;&#30001;&#12289;&#20805;&#20998;&#20307;&#29616;&#36719;&#20214;&#30340;&#23450;&#20301;&#21644;&#29305;&#28857;&#12290;</div><div class="t m0 x1 h6 yf ff3 fs1 fc1 sc0 ls0 ws0">&#58884; 2<span class="ff2">&#12289;&#20160;&#20040;&#26159;<span class="_ _8"> </span></span>UI<span class="_ _8"> </span><span class="ff2">&#35774;&#35745;&#24072;</span></div><div class="t m0 x1 h6 y10 ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; UI<span class="_ _8"> </span><span class="ff2">&#35774;&#35745;&#24072;&#26681;&#25454;&#32844;&#36131;&#20998;&#20026;&#30740;&#31350;&#24037;&#20855;&#12289;&#30740;&#31350;&#20154;&#26426;&#30028;&#38754;&#12289;&#30740;&#31350;&#20154;&#19977;&#20010;&#26041;&#21521;&#12290;&#22269;&#20869;&#30446;&#21069;&#22823;&#37096;&#20998;<span class="_ _8"> </span></span>UI</div><div class="t m0 x1 h6 y11 ff2 fs1 fc1 sc0 ls0 ws0">&#24037;&#20316;&#32773;&#37117;&#26159;&#20174;&#20107;&#36825;&#20010;&#34892;&#19994;&#12290;&#20063;&#26377;&#20154;&#31216;&#20043;&#20026;&#32654;&#24037;&#65292;&#20294;&#23454;&#38469;&#19978;&#19981;&#26159;&#21333;&#32431;&#24847;&#20041;&#19978;&#30340;&#32654;&#26415;&#24037;&#20154;&#65292;&#32780;</div><div class="t m0 x1 h6 y12 ff2 fs1 fc1 sc0 ls0 ws0">&#26159;&#36719;&#20214;&#20135;&#21697;&#30340;&#20135;&#21697;&#22806;&#24418;&#35774;&#35745;&#24072;&#12290;</div><div class="t m0 x1 h6 y13 ff2 fs1 fc1 sc0 ls0 ws0">&#12288;&#12288;</div><div class="t m0 x1 h6 y14 ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#22312;<span class="_ _8"> </span></span>XXT<span class="_ _8"> </span><span class="ff2">&#20844;&#21496;&#65292;&#22823;&#23478;&#20063;&#36890;&#24120;&#20250;&#25226;<span class="_ _8"> </span></span>UI<span class="_ _8"> </span><span class="ff2">&#29702;&#35299;&#20026;&#8220;&#32654;&#24037;&#8221;&#65292;&#22914;&#8220;&#36213;&#24037;&#8221;&#12290;&#22905;&#20204;&#38656;&#35201;&#20855;&#26377;&#33391;&#22909;&#30340;&#32654;&#26415;&#21151;</span></div><div class="t m0 x1 h6 y15 ff2 fs1 fc1 sc0 ls0 ws0">&#24213;&#19982;&#21019;&#24847;&#33021;&#21147;&#65307;&#22905;&#20204;&#34987;&#29702;&#35299;&#20026;&#32593;&#39029;&#32654;&#24037;&#65292;&#38656;&#35201;&#20250;<span class="_ _8"> </span><span class="ff3">CSS/HTML<span class="_ _8"> </span></span>&#31561; &#32593;&#32476;&#35821;&#35328;&#65307;&#22905;&#20204;&#38656;&#35201;&#29087;&#24713;</div><div class="t m0 x1 h6 y16 ff2 fs1 fc1 sc0 ls0 ws0">&#21508;&#31181;&#24179;&#38754;&#35774;&#35745;&#36719;&#20214;&#65292;&#22914;<span class="_ _8"> </span><span class="ff3">PHOTOSHOP</span>&#12289;<span class="ff3">FLASH</span>&#12289;<span class="ff3">Dreamweaver<span class="_ _8"> </span></span>&#31561;&#36719;&#20214;&#65292;&#33021;&#35774;&#35745;&#20986;&#22909;&#30475;&#30340;</div><div class="t m0 x1 h6 y17 ff2 fs1 fc1 sc0 ls0 ws0">&#39029;&#38754;&#65292;&#20877;&#22909;&#28857;&#20799;&#30340;&#65292;&#25110;&#32773;&#23618;&#27425; &#20877;&#39640;&#28857;&#20799;&#30340;&#38656;&#35201;&#25026;<span class="_ _8"> </span><span class="ff3">JAVASCRIPT<span class="_ _8"> </span></span>&#25110;&#32773;<span class="_ _8"> </span><span class="ff3">Flex<span class="_ _8"> </span></span>&#35821;&#35328;&#12290;&#22905;&#20204;&#26681;&#25454;</div><div class="t m0 x1 h6 y18 ff2 fs1 fc1 sc0 ls0 ws0">&#21407;&#22411;&#22270;&#35774;&#35745;&#20986;&#38745;&#24577;&#39029;&#38754;&#65292;&#20379;&#24320;&#21457;&#20154;&#21592;&#24320;&#21457;&#12290;&#22905;&#20204;&#19981;&#20570;&#20132;&#20114;&#65292;&#21482;&#36127;&#36131;&#39029;&#38754;&#26159;&#19981;&#26159;&#22909;&#30475;&#65306;&#21253;&#25324;</div><div class="t m0 x1 h6 y19 ff2 fs1 fc1 sc0 ls0 ws0">&#32593;&#39029; &#30340;&#24067;&#23616;&#12289;&#39068;&#33394;&#30340;&#25645;&#37197;&#12289;&#22270;&#26631;&#30340;&#36873;&#25321;&#12289;&#32593;&#31449;&#27169;&#26495;&#30340;&#35774;&#35745;&#31561;&#24037;&#20316;&#65292;&#36825;&#23601;&#26159;&#25105;&#20204;&#36825;&#20123;&#24320;&#21457;&#20154;</div><div class="t m0 x1 h6 y1a ff2 fs1 fc1 sc0 ls0 ws0">&#21592;&#36890;&#20439;&#19978;&#23545;<span class="_ _8"> </span><span class="ff3">UI </span>&#21644; <span class="ff3">UI<span class="_ _8"> </span></span>&#35774;&#35745;&#24072;&#30340;&#29702;&#35299;&#12290;</div><div class="t m0 x1 h6 y1b ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#25152;&#20197;&#65292;&#25105;&#20204;&#24320;&#21457;&#36807;&#31243;&#20013;&#65292;&#25110;&#32773;&#24320;&#21457;&#23436;&#27605;&#20043;&#21518;&#65292;&#32463;&#24120;&#20250;&#35828;&#65306;&#8220;&#36213;&#24037;&#65292;&#36825;&#20010;&#26679;&#24335;&#24110;&#25105;&#32654;&#21270;&#19979;</span></div><div class="t m0 x1 h6 y1c ff2 fs1 fc1 sc0 ls0 ws0">&#21543;&#8221;&#12290;</div><div class="t m0 x1 h6 y1d ff2 fs1 fc1 sc0 ls0 ws0">&#20108;&#12289;&#20160;&#20040;&#26159;&#20132;&#20114;&#35774;&#35745;&#65311;&#20160;&#20040;&#26159;&#20132;&#20114;&#35774;&#35745;&#24072;&#65311;</div><div class="t m0 x1 h6 y1e ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#20132;&#20114;&#35774;&#35745;&#65306;</span>interaction designer<span class="ff2">&#65292;&#23427;&#26159;<span class="_ _8"> </span></span>UI<span class="_ _8"> </span><span class="ff2">&#35774;&#35745;&#30340;&#19968;&#20010;&#26041;&#21521;</span>---<span class="ff2">&#30740;&#31350;&#20154;&#19982;&#30028;&#38754;&#30340;&#20851;&#31995;&#12290;&#20132;&#20114;</span></div><div class="t m0 x1 h6 y1f ff2 fs1 fc1 sc0 ls0 ws0">&#35774;&#35745;&#24072;&#30340;&#24037;&#20316;&#20869;&#23481;&#23601;&#26159;&#22312;&#36719;&#20214;&#20135;&#21697;&#32534;&#30721;&#20043;&#21069;&#36827;&#34892;&#20132;&#20114;&#35774;&#35745;&#65292;&#24182;&#19988;&#30830;&#31435;&#20132;&#20114;&#27169;&#22411;&#65292;&#20132;&#20114;&#35268;&#33539;&#12290;</div><div class="t m0 x1 h6 y20 ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#20132;&#20114;&#35774;&#35745;&#24072;&#65306;&#23601;&#26159;&#35774;&#35745;&#21644;&#25913;&#36827;&#30028;&#38754;&#20135;&#21697;&#21407;&#22411;&#35774;&#35745;&#30340;&#20154;&#12290;&#22905;&#20204;&#38656;&#35201;&#36890;&#36807;&#20998;&#26512;&#21644;&#35752;&#35770;&#20197;&#21450;&#19982;</span></div><div class="t m0 x1 h6 y21 ff2 fs1 fc1 sc0 ls0 ws0">&#29992;&#25143;&#27807;&#36890;&#65292;&#19981;&#26029;&#25913;&#36827;&#30028;&#38754;&#20135;&#21697;&#21407;&#22411;&#30340;&#35774;&#35745;&#65292;&#32473;&#29992;&#25143;&#26368;&#22909;&#30340;&#21151;&#33021;&#25805;&#20316;&#21644;&#20307;&#39564;&#12290;&#22905; &#20204;&#38656;&#35201;&#25026;&#24471;</div><div class="t m0 x1 h6 y22 ff2 fs1 fc1 sc0 ls0 ws0">&#24179;&#38754;&#35774;&#35745;&#12289;&#35270;&#35273;&#35774;&#35745;&#65307;&#22905;&#20204;&#38656;&#35201;&#29087;&#24713;<span class="_ _8"> </span><span class="ff3">UI<span class="_ _8"> </span></span>&#35774;&#35745;&#30340;&#22522;&#26412;&#35268;&#33539;&#65292;&#20855;&#26377;&#33391;&#22909;&#30340;&#21019;&#24847;&#35774;&#35745;&#33021;&#21147;&#65307;&#22905;&#20204;</div><div class="t m0 x1 h6 y23 ff2 fs1 fc1 sc0 ls0 ws0">&#38656;&#35201;&#29087;&#32451;&#36816;&#29992;<span class="_ _8"> </span><span class="ff3">Photoshop</span>&#65292;<span class="ff3">Dreamweaver </span>&#31561;&#35774;&#35745;&#24037;&#20855;&#65292;&#20855;&#22791;&#33391;&#22909;&#30340;&#23458;&#25143;&#26381;&#21153;&#24847;&#35782;&#65307;&#22905;&#20204;&#36824;</div><div class="t m0 x1 h6 y24 ff2 fs1 fc1 sc0 ls0 ws0">&#38656;&#35201;&#20855;&#22791;&#33391;&#22909;&#30340;&#27807;&#36890;&#33021;&#21147;&#65292;&#21704;&#21704;&#65292;&#35201;&#27714;&#22826;&#39640;&#20102;&#12290;</div><div class="t m0 x1 h7 y25 ff3 fs1 fc1 sc0 ls0 ws0">&#58884;</div><div class="t m0 x1 h6 y26 ff3 fs1 fc1 sc0 ls0 ws0">&#58884;&#58884;&#58884; <span class="ff2">&#22312;<span class="_ _8"> </span></span>XXT<span class="_ _8"> </span><span class="ff2">&#20844;&#21496;&#65292;&#36825;&#37096;&#20998;&#24037;&#20316;&#34987;&#20004;&#20010;&#37096;&#38376;&#30340;&#20154;&#25152;&#25215;&#25285;&#65292;&#32593;&#31449;&#32452;&#21644;&#24320;&#21457;&#32452;&#12290;&#32593;&#31449;&#32452;&#36127;&#36131;&#21407;&#22411;&#30340;</span></div><div class="t m0 x1 h6 y27 ff2 fs1 fc1 sc0 ls0 ws0">&#35774;&#35745;&#65292;&#22905;&#20204;&#20250;&#20570;&#31616;&#21333;&#30340;&#21407;&#22411;&#65292;&#20294;&#26159;&#19981;&#25026;&#24179;&#38754;&#35774;&#35745;&#12289;&#19981;&#25026;&#35270;&#35273;&#35774;&#35745;&#12289;&#19981;&#25026;&#22522;&#26412; &#30340;<span class="_ _8"> </span><span class="ff3">UI<span class="_ _8"> </span></span>&#35268;&#33539;&#65292;</div><div class="t m0 x1 h6 y28 ff2 fs1 fc1 sc0 ls0 ws0">&#22905;&#20204;&#22810;&#26159;&#21322;&#36947;&#36716;&#36807;&#26469;&#30340;&#12290;&#25216;&#26415;&#20154;&#21592;&#20063;&#19981;&#25026;&#24179;&#38754;&#35774;&#35745;&#12289;&#19981;&#25026;&#35270;&#35273;&#35774;&#35745;&#12289;&#20294;&#26159;&#20182;&#20204;&#25026;&#19968;&#20123;<span class="_ _8"> </span><span class="ff3">UI<span class="_ _8"> </span></span>&#35268;</div><div class="t m0 x1 h8 y29 ff2 fs1 fc1 sc0 ls0 ws0">&#33539;&#65292;&#30693;&#36947;&#27169;<span class="ff5">&#20223;</span>&#65292;&#23601;<span class="ff5">&#21487;</span>&#20197;&#20174;&#20854;&#20182;&#32593;&#31449;&#27169;<span class="ff5">&#20223;</span>&#20986;&#26469;&#20132;&#20114;&#30340;<span class="ff5">&#25928;&#26524;</span>&#65292;&#36827; &#32780;<span class="ff5">&#21152;</span>&#20197;&#25913;&#36827;&#12290;&#36825;&#20010;&#24037;&#20316;<span class="ff5">&#20284;&#20046;</span>&#19981;</div><div class="t m0 x1 h8 y2a ff5 fs1 fc1 sc0 ls0 ws0">&#35813;<span class="ff2">&#35753;&#25216;&#26415;&#24320;&#21457;&#20154;&#21592;&#26469;&#25215;&#25285;&#65292;&#20294;&#26159;&#30446;&#21069;&#30340;&#29616;</span>&#29366;<span class="ff2">&#30830;&#23454;&#26159;&#22914;</span>&#27492;<span class="ff2">&#65292;&#25105;&#20204;&#19981;&#24471;&#19981;&#25215;&#25285;&#20132;&#20114;&#30340;&#22823;&#37096;&#20998;&#24037;</span></div><div class="t m0 x1 h8 y2b ff2 fs1 fc1 sc0 ls0 ws0">&#20316;&#12290;<span class="ff5">&#31361;&#28982;&#24819;&#36215;&#40065;&#36805;</span>&#20182;<span class="ff5">&#32769;</span>&#20154;&#23478;&#22312;<span class="ff5">&#12298;&#25925;&#20065;&#12299;</span>&#20013;&#30340;&#19968; <span class="ff5">&#21477;&#35805;</span>&#65306;<span class="ff5">&#19990;</span>&#30028;&#19978;&#26412;<span class="ff5">&#27809;</span>&#26377;<span class="ff5">&#36335;</span>&#65292;<span class="ff5">&#36208;</span>&#30340;&#20154;&#22810;&#20102;&#65292;&#20063;&#23601;</div><div class="t m0 x1 h8 y2c ff5 fs1 fc1 sc0 ls0 ws0">&#25104;<span class="ff2">&#20102;</span>&#36335;<span class="ff2">&#12290;</span></div></div></div><div class="pi" data-data='{"ctm":[1.611850,0.000000,0.000000,1.611850,0.000000,0.000000]}'></div></div> </body> </html>
评论
    相关推荐