1. 簡述網(wǎng)頁制作流程

      2010-12-22

            一.構(gòu)成網(wǎng)頁的基本要素
            1.文字(標(biāo)題、字號、字型...)
            2 圖形(網(wǎng)頁上經(jīng)常使用的圖片格式:jpg、jpeg、Gif、Swf...)
            3.交互功能(菜單按鈕、鏈接、表單、數(shù)據(jù)交換...)
            超文本標(biāo)識語言(HTML)
            HTML(Hypertext Markup Language)是一種專門用于Web頁制作的編程語言,用來描述超文本各個部分的內(nèi)容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。
            在HTML中,所有的標(biāo)記符都用尖括號括起來。
            例如,表示HTML標(biāo)記符。絕大多數(shù)標(biāo)記符都是成對出現(xiàn)的,包括開始標(biāo)記符和結(jié)束標(biāo)記符。 
            如:…</HTML> .
            HTML文檔的基本結(jié)構(gòu)
            一個典型的HTML文本的基本結(jié)構(gòu)形式如下:
           
           
            網(wǎng)站制作流程及界面交互設(shè)計研究探討</TITLE><BR>      </HEAD><BR>      <BODY>文本內(nèi)容:</BODY><BR>      </HTML> <BR>      <STRONG>二.制作及美化的基本工具<BR></STRONG>      1.超文本標(biāo)識語言(HTML)<BR>      編輯工具:editplus、dreamweaver、記事本、FrontPage、<BR>      2.頁面設(shè)計及美化工具<BR>      使用工具:所有可制作平面的軟件<BR>      推薦使用Photoshop、FireWorks、Flash<BR>      <STRONG>三、網(wǎng)頁制作的基本步驟<BR></STRONG>      1、整體規(guī)劃<BR>      需要完成的規(guī)劃:網(wǎng)站主題、風(fēng)格、頁面元素、邏輯結(jié)構(gòu)等<BR>      2、資料收集<BR>      收集內(nèi)容:<BR>      a、跟主題相關(guān)的文字圖片資料<BR>      b、一些優(yōu)秀的頁面風(fēng)格<BR>      c、下載一些你喜歡的交互頁面<BR>      d、開放的源代碼<BR>      3、偽界面設(shè)計<BR>      根據(jù)事先規(guī)劃的結(jié)構(gòu),在平面軟件里設(shè)計你想要的終效果,利用平面圖片的形式先展示一次,設(shè)計時要注意宜人性、人機、心理等各方面因素.</P> <P>      4、代碼轉(zhuǎn)換及交互添加<BR>      把平面的偽界面轉(zhuǎn)化為HTML代碼,添加相應(yīng)的交互功能Js、按紐、表單,以及一些與數(shù)據(jù)庫相連接的代碼。<BR>      5、測試網(wǎng)頁兼容性<BR>      你可以不必嚴(yán)格按照W3C標(biāo)準(zhǔn)來制作頁面,但是你必須保證讓所有現(xiàn)有的瀏覽器能比較好的展示你的作品。<BR>      6、發(fā)布站點<BR>      測試完畢,符合你的要求,當(dāng)然就可以開始發(fā)布你的網(wǎng)站了,發(fā)布的服務(wù)器可以是遠程,也可以是本地,各個語言有各自的相應(yīng)的服務(wù)器,比如ASP,就應(yīng)該對應(yīng)的是ASP服務(wù)器,上傳可利用遠程FTP工具。<BR>      <STRONG>四.界面設(shè)計及交互研究探討<BR></STRONG>      a、導(dǎo)航欄設(shè)計<BR>      導(dǎo)航要素設(shè)計的好壞決定著用戶是否能方便使用網(wǎng)站導(dǎo)航要素要設(shè)計的直接而明確,并大限度為用戶的方便考慮。<BR>      b、網(wǎng)頁布局<BR>      網(wǎng)頁的布局是整個界面的核心,這里體現(xiàn)了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面,你必須知道自己要傳達什么樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現(xiàn)功能以及美感就是你研究的重點。<BR>      PS:布局之前要緊密連接你網(wǎng)站的主題,要注意把握整體風(fēng)格,你可以事先在紙上勾畫草圖,利用你習(xí)慣的元素來表現(xiàn)你想要的效果<BR>      網(wǎng)頁布局--主要構(gòu)成原則<BR>      醒目性:指用戶把注意力集中到你誘導(dǎo)起瀏覽的部分和內(nèi)容<BR>      可讀性:指網(wǎng)站的內(nèi)容讓人容易讀懂<BR>      明快性:指準(zhǔn)確、快速轉(zhuǎn)達網(wǎng)站的構(gòu)成內(nèi)容<BR>      造型性:維持整體外型上的穩(wěn)定感和均衡性<BR>      創(chuàng)造性:有鮮明個性,創(chuàng)意是必不可少的<BR>      布局的構(gòu)成原則上是:統(tǒng)一、協(xié)調(diào)、流動、強調(diào)、均衡<BR>      c、交互研究<BR>      我這邊的交互主要集中在人機操作方面,研究用戶瀏覽網(wǎng)站心理我個人認為一個成功的個人主頁,單純的美觀是不夠的,重要的是宜人性方面應(yīng)該注重,喜歡Google、Douban就居于這。<BR>      <STRONG>五、實例制作演示(略)<BR></STRONG>      1、頁面制作整體規(guī)劃<BR>      對象:一個打印商業(yè)宣傳主頁<BR>      格調(diào):活潑,色彩,簡單,大方<BR>      2、資料收集<BR>      a 、商標(biāo)、網(wǎng)址、公司宣傳冊、了解企業(yè)文化,了解負責(zé)人的品位、他們的案例、跟負責(zé)人溝通掌握信息<BR>      b 、網(wǎng)上下載相似印刷行業(yè)的公司主頁,了解現(xiàn)有行業(yè)的的一些設(shè)計特點<BR>      c、下載一些色彩比較華麗的圖片,或跟印刷相關(guān)連的圖片<BR>      d、如果你自己不會動態(tài)語言,下載一個滿足你功能的新聞發(fā)布系統(tǒng)和留言源碼<BR>      3、偽界面設(shè)計<BR>      a、在PS設(shè)計偽界面<BR>      b、切片工具對整體進行合理的分割<BR>      注意點:隱藏你要通過輸入的文字,分割時要保持他的整體意義,盡量讓每一部分是完整的,注意一些交互上操作。<BR>      c、導(dǎo)成WEB格式-直接導(dǎo)成HTML格式—步驟:<BR>      1、.點擊文件存儲為WEB文件格式<BR>      2、在界面里面調(diào)整理想?yún)?shù)<BR>      3、導(dǎo)出保存PS能自動生成一些HTML代碼,但是他不是很標(biāo)準(zhǔn),你必須在Dreamweave里面進行加工<BR>      d、在Dreamweave里面進行代碼加工<BR>      具體步驟:<BR>      1、先修改標(biāo)題<BR>      2、修改頁面屬性:背景顏色、背景圖片.....<BR>      3、把頁面調(diào)整為布局格式(這個可以按照自己習(xí)慣來設(shè)置,有標(biāo)準(zhǔn)的表格方式,也有布局類型)<BR>      4、把要添加文字的圖片轉(zhuǎn)化為背景形式<BR>      a、找到對應(yīng)圖片路徑 <BR>      b、拷貝路徑后刪除圖片<BR>      c、轉(zhuǎn)化為標(biāo)準(zhǔn)形式<BR>      d、把路徑粘貼到背景屬性上<BR>      e、回到布局界面<BR>      5、添加具體文字連接設(shè)置等操作<BR>      6、CSS設(shè)置<BR>      7、修整代碼,發(fā)布預(yù)覽按F12即可預(yù)覽效果<BR>      4、測試網(wǎng)頁兼容性<BR>      按照你設(shè)計時的對象,根據(jù)IE版本以及瀏覽器的不同,調(diào)整理想的效果,但是大部分出現(xiàn)問題的是JS\VB等代碼,如果只是單純靜態(tài)圖片,基本不會有很大的差別,推選大家盡量往W3C標(biāo)準(zhǔn)靠<BR>      5、發(fā)布站點<BR>      購買自己的空間域名,其實事先就應(yīng)該購買的,利用FTP上傳軟件,把你的頁面上傳到你的網(wǎng)上服務(wù)器上推薦一款FTP上傳工具LeadFTP</P> <P><BR></FONT> </P></div> <div id="2qaoy2m" class="syy"> <p>上一條:<a href="/newsnw/id/1097.html">網(wǎng)站建設(shè)中如何判斷網(wǎng)頁視覺界面設(shè)計的好壞</a></p> <p>下一條:<a href="/newsnw/id/1099.html">談?wù)勛鼍W(wǎng)站中網(wǎng)頁設(shè)計的“大氣”</a></p> </div> </div> <div id="owggcey" class="newsright flex fdc"> <div id="usssq2k" class="newssou flex fdc"> <h2>搜索</h2> <span></span> <form class="needs-validation" action="/product" method="get" novalidate> <div id="2ykis2w" class="souform flex"> <input type="text" name="title" class="soutext" placeholder="輸入要搜索的關(guān)鍵字" autocomplete="off"/> <button class="soubutton" type="submit">立即提交</button> </div> </form> <div id="2com22y" class="newsclass flex contgu flex-flow-wrap mb-2"> <a class="" href="/news/cid/39.html">公司動態(tài)</a> <a class="" href="/news/cid/40.html">網(wǎng)站建設(shè)</a> <a class="" href="/news/cid/41.html">網(wǎng)站推廣</a> <a class="now" href="/news/cid/42.html">網(wǎng)頁設(shè)計</a> <a class="" href="/news/cid/43.html">解決方案</a> <a class="" href="/news/cid/44.html">css知識</a> <a class="" href="/news/cid/45.html">空間域名</a> <a class="" href="/news/cid/46.html">行業(yè)新聞</a> <a class="" href="/news/cid/47.html">程序開發(fā)</a> </div> <h2>點擊排行</h2> <span></span> <div id="0eqoysm" class="newsjdph flex fdc"> <a href="/newsnw/id/1876.html"> <div id="i2qsq20" class="flex contgu rdlst"> <li id="2g0sg0s" class="newsjdphlogo"> <img src="/Public/Uploads/News/2021-07-28/thumb_0_6101139835ac7.jpg"></li> <li id="u2omygk" class="newsjdphlst"> <p class="djt">建網(wǎng)站的優(yōu)質(zhì)需要知道那些問題</p> <p class="djtime flex"> <span id="eay0owq" class="djtime1"></span> <span id="okuue2e" class="djtime2">07-28</span> </p> </li> </div> </a> <a href="/newsnw/id/1875.html"> <div id="kseae20" class="flex contgu rdlst"> <li id="o0i00kq" class="newsjdphlogo"> <img src="/Public/Uploads/News/2021-06-07/thumb_0_60bd6a47dad7f.jpg"></li> <li id="2c0uqwk" class="newsjdphlst"> <p class="djt">企業(yè)做網(wǎng)站時應(yīng)明確網(wǎng)站的需求</p> <p class="djtime flex"> <span id="e2y2oik" class="djtime1"></span> <span id="2amm0ki" class="djtime2">06-07</span> </p> </li> </div> </a> <a href="/newsnw/id/1874.html"> <div id="wsccya2" class="flex contgu rdlst"> <li id="ms0ccka" class="newsjdphlogo"> <img src="/Public/Uploads/News/2021-06-03/thumb_0_60b8a51ba90bd.jpg"></li> <li id="wsesa2k" class="newsjdphlst"> <p class="djt">企業(yè)做網(wǎng)站如何做好預(yù)算</p> <p class="djtime flex"> <span id="qy0ec22" class="djtime1"></span> <span id="yuesaqi" class="djtime2">06-03</span> </p> </li> </div> </a> <a href="/newsnw/id/1873.html"> <div id="uoa0sy2" class="flex contgu rdlst"> <li id="kgqemcu" class="newsjdphlogo"> <img src="/Public/Uploads/News/2021-05-28/thumb_0_60b08dbb2bafc.jpeg"></li> <li id="s0k2cum" class="newsjdphlst"> <p class="djt">各省通信管理局網(wǎng)站備案咨詢電話列表</p> <p class="djtime flex"> <span id="s0ywiqu" class="djtime1"></span> <span id="gqamkqi" class="djtime2">05-28</span> </p> </li> </div> </a> <a href="/newsnw/id/1684.html"> <div id="oywiio2" class="flex contgu rdlst"> <li id="kqcqmqk" class="newsjdphlogo"> <img src="/Public/Uploads/News/2021-04-06/thumb_0_606bd79c928f5.jpeg"></li> <li id="2qq2s0s" class="newsjdphlst"> <p class="djt">新《廣告法》禁用詞!用錯1詞可罰100萬</p> <p class="djtime flex"> <span id="owggc2y" class="djtime1"></span> <span id="goaa0ou" class="djtime2">12-30</span> </p> </li> </div> </a> </div> </div> </div> </div> </div> </div> <!--案例結(jié)束--> <div id="22ooygy" class="footer"> <div id="2oyk20g" class="container"> <h2>準(zhǔn)備好建立<br> 現(xiàn)代數(shù)字化業(yè)務(wù)了嗎?</h2> <div id="oyiss0s" class="mo flex contgu mt-5"> <div id="220c00g" class="monavleft"> <div id="migecum" class="monavleftn"> <p>北京博昊天成科技有限公司</p> <span>Beijing Bohao Tiancheng Technology Co., Ltd</span> </div> <div id="0qs00sy" class="monavleftt"> <li id="o0wyysc" class="flex"><span id="0o2qqu2" class="iconfont icon-address-2"></span>地址:中國北京 · 豐臺區(qū)百強大道10號樓15至16層</li> <li><span id="eak0ygy" class="iconfont icon-tel"></span>聯(lián)系:<a href="tel:15810004841">15810004841</a></li> <li><span id="sokygke" class="iconfont icon-email"></span>郵箱:5546852@qq.com</li> </div> </div> <li id="wqaueiy" class="monav"> <h3><a href="/about.html">關(guān)于</a></h3> <p> <a href="/about.html">公司簡介</a><br> <a href="/about.html">企業(yè)文化</a><br> <a href="/about.html">發(fā)展歷程</a><br> <a href="/contact.html">聯(lián)系我們</a><br> </p> </li> <li id="eoo000k" class="monav"> <h3><a href="/product.html">案例</a></h3> <p> <a href="/product/cid/24.html">企業(yè)網(wǎng)站</a><br> <a href="/product/cid/25.html">行業(yè)網(wǎng)站</a><br> <a href="/product/cid/26.html">信息門戶</a><br> <a href="/product/cid/27.html">商城網(wǎng)站</a><br> </p> </li> <li id="c2iw0wk" class="monav"> <h3><a href="/web.html">服務(wù)</a></h3> <p> <a href="/web.html">網(wǎng)站建設(shè)</a><br> <a href="/app.html">APP定制開發(fā)</a><br> <a href="/applets.html">應(yīng)用小程序開發(fā)</a><br> <a href="/">營銷運維</a><br> </p> </li> <li id="i2omkqu" class="monav monavc"> <h3><a href="/news.html">動態(tài)</a></h3> <p> <a href="/news/cid/39.html">公司動態(tài)</a> <a href="/news/cid/40.html">網(wǎng)站建設(shè)</a> <br> <a href="/news/cid/41.html">網(wǎng)站推廣</a> <a href="/news/cid/42.html">網(wǎng)頁設(shè)計</a> <br> <a href="/news/cid/43.html">解決方案</a> <a href="/news/cid/44.html">css知識</a> <br> <a href="/news/cid/45.html">空間域名</a> <a href="/news/cid/46.html">行業(yè)新聞</a> <br> <a href="/news/cid/47.html">程序開發(fā)</a> </p> </li> <div id="aiiweuc" class="monavright flex contright"> <li> <img src="/Public/Uploads/Setting/2021-04-26/6086737230993.jpg"> <P>掃一掃<br/>關(guān)注公眾號</P></li> <li> <img src="/Public/Uploads/Setting/2021-04-26/6086737231d1c.jpg"> <P>掃一掃<br/>應(yīng)用程序下載</P></li> </div> </div> </div> </div> <div id="gsoaake" class="copyright"> <div id="qy0kwq0" class="container flex contgu"> <li id="0s0ca0e" class="bottomleft">Copyright 2008-2020 博昊天成 版權(quán)所有 <a target="_blank">京ICP備11012345號-4</a> ???<a target="_blank"> 公安備案號:11011302005241 </a> ?? <a href="/sitemap.xml">網(wǎng)站地圖</a> </li> <li id="uqaams2" class="motb"> <span id="y0sqasa" class="iconfont icon-link"></span> <span id="kgqao0q" class="iconfont icon-qq-2"></span> <span id="i0omy2m" class="iconfont icon-wechat-3"></span> <span id="o0kmk20" class="iconfont icon-code"></span> </li> </div> </div> <div id="iecom2k" class="yb_conct d-none d-lg-block"> <div id="oyiw2kq" class="yb_bar"> <ul> <li id="e2kugcg" class="yb_top">返回頂部</li> <li id="soyyko0" class="yb_phone">15810004841</li> <li id="ckuieg0" class="yb_QQ"> <a target="_blank" href="/contact.html" title="在線下單">在線留言</a> </li> <li id="yueeac0" class="yb_ercode" style="height:53px;">微信二維碼 <br> <img class="hd_qr" src="/Public/Home/images/rvm.jpg"> </li> </ul> </div> </div> <script src="/Public/Home/js/jquery.slim.min.js"></script> <script src="/Public/Home/js/vendor.min.js"></script> <script src="/Public/Home/js/owl.carousel.min.js"></script> <script src="/Public/Home/js/main.js"></script> <script> $(function() { // 懸浮窗口 $(".yb_conct").hover(function() { $(".yb_conct").css("right", "0"); $(".yb_bar .yb_ercode").css('height', '200px'); }, function() { $(".yb_conct").css("right", "-127px"); $(".yb_bar .yb_ercode").css('height', '53px'); }); // 返回頂部 $(".yb_top").click(function() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; document.body.style.marginTop = -scrollTop + "px"; document.body.scrollTop = 0; document.body.style.transition = "all 1s ease-in-out"; document.body.style.marginTop = 0; setTimeout(function() { document.body.style.transition = 'none'; }, 1000); }); }); new WOW().init(); </script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://www.zhixiao100.cn/" title="欧美在线小视频_成人午夜sm精品久久久久久久_综合国产第二页_蜜乳av一区二区三区 ">欧美在线小视频_成人午夜sm精品久久久久久久_综合国产第二页_蜜乳av一区二区三区 </a> <div class="friend-links"> </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="g0iui" class="pl_css_ganrao" style="display: none;"><del id="g0iui"></del><th id="g0iui"></th><menu id="g0iui"></menu><wbr id="g0iui"></wbr><th id="g0iui"><s id="g0iui"><small id="g0iui"></small></s></th><small id="g0iui"></small><abbr id="g0iui"></abbr><small id="g0iui"></small><pre id="g0iui"></pre><source id="g0iui"><strong id="g0iui"><optgroup id="g0iui"></optgroup></strong></source><tbody id="g0iui"></tbody><nav id="g0iui"><small id="g0iui"><button id="g0iui"></button></small></nav><delect id="g0iui"></delect><em id="g0iui"></em><sup id="g0iui"><center id="g0iui"><dl id="g0iui"></dl></center></sup><dl id="g0iui"><nav id="g0iui"><li id="g0iui"></li></nav></dl><pre id="g0iui"><wbr id="g0iui"><fieldset id="g0iui"></fieldset></wbr></pre><ul id="g0iui"><center id="g0iui"><center id="g0iui"></center></center></ul><center id="g0iui"></center><noframes id="g0iui"></noframes><rt id="g0iui"><code id="g0iui"><noframes id="g0iui"></noframes></code></rt><rt id="g0iui"></rt><cite id="g0iui"></cite><nav id="g0iui"><abbr id="g0iui"><center id="g0iui"></center></abbr></nav><li id="g0iui"></li><tfoot id="g0iui"><rt id="g0iui"><code id="g0iui"></code></rt></tfoot><rt id="g0iui"><code id="g0iui"><noframes id="g0iui"></noframes></code></rt><noscript id="g0iui"></noscript><sup id="g0iui"></sup><object id="g0iui"></object><li id="g0iui"></li><strong id="g0iui"></strong><input id="g0iui"></input><object id="g0iui"></object><rt id="g0iui"></rt><delect id="g0iui"></delect><button id="g0iui"><samp id="g0iui"><tbody id="g0iui"></tbody></samp></button><optgroup id="g0iui"><li id="g0iui"><center id="g0iui"></center></li></optgroup><em id="g0iui"><del id="g0iui"><dfn id="g0iui"></dfn></del></em><fieldset id="g0iui"><menu id="g0iui"><noscript id="g0iui"></noscript></menu></fieldset><cite id="g0iui"></cite><strike id="g0iui"></strike><em id="g0iui"></em><del id="g0iui"></del><wbr id="g0iui"><bdo id="g0iui"><table id="g0iui"></table></bdo></wbr><del id="g0iui"></del><noscript id="g0iui"><pre id="g0iui"><blockquote id="g0iui"></blockquote></pre></noscript><pre id="g0iui"></pre><abbr id="g0iui"><button id="g0iui"><samp id="g0iui"></samp></button></abbr><pre id="g0iui"></pre><cite id="g0iui"></cite><small id="g0iui"><option id="g0iui"><delect id="g0iui"></delect></option></small><abbr id="g0iui"></abbr><samp id="g0iui"></samp><tr id="g0iui"><acronym id="g0iui"><xmp id="g0iui"></xmp></acronym></tr><strike id="g0iui"></strike><sup id="g0iui"></sup><td id="g0iui"></td><kbd id="g0iui"><pre id="g0iui"><td id="g0iui"></td></pre></kbd><li id="g0iui"></li><dfn id="g0iui"></dfn><center id="g0iui"></center><rt id="g0iui"></rt><abbr id="g0iui"></abbr><tr id="g0iui"></tr><strong id="g0iui"></strong><td id="g0iui"></td><strike id="g0iui"></strike><abbr id="g0iui"></abbr><sup id="g0iui"></sup><del id="g0iui"></del><button id="g0iui"></button><dd id="g0iui"><th id="g0iui"><object id="g0iui"></object></th></dd><fieldset id="g0iui"></fieldset><xmp id="g0iui"></xmp><cite id="g0iui"></cite><strike id="g0iui"><input id="g0iui"><tbody id="g0iui"></tbody></input></strike><tfoot id="g0iui"><rt id="g0iui"><code id="g0iui"></code></rt></tfoot><strong id="g0iui"></strong><center id="g0iui"></center><tr id="g0iui"><pre id="g0iui"><xmp id="g0iui"></xmp></pre></tr><noframes id="g0iui"></noframes><tr id="g0iui"><td id="g0iui"><cite id="g0iui"></cite></td></tr><del id="g0iui"></del><strong id="g0iui"></strong><strike id="g0iui"></strike><noframes id="g0iui"></noframes><tfoot id="g0iui"></tfoot><wbr id="g0iui"><cite id="g0iui"><table id="g0iui"></table></cite></wbr><th id="g0iui"><object id="g0iui"><small id="g0iui"></small></object></th><strong id="g0iui"></strong><sup id="g0iui"><center id="g0iui"><strong id="g0iui"></strong></center></sup><tfoot id="g0iui"></tfoot><li id="g0iui"></li><tbody id="g0iui"><pre id="g0iui"><blockquote id="g0iui"></blockquote></pre></tbody><td id="g0iui"></td><dd id="g0iui"><th id="g0iui"><object id="g0iui"></object></th></dd><pre id="g0iui"><blockquote id="g0iui"><tfoot id="g0iui"></tfoot></blockquote></pre><center id="g0iui"></center><li id="g0iui"></li><xmp id="g0iui"><tfoot id="g0iui"><rt id="g0iui"></rt></tfoot></xmp><ul id="g0iui"><sup id="g0iui"><dd id="g0iui"></dd></sup></ul><li id="g0iui"></li><center id="g0iui"></center><dd id="g0iui"><th id="g0iui"><object id="g0iui"></object></th></dd><cite id="g0iui"></cite><fieldset id="g0iui"></fieldset><strike id="g0iui"></strike><option id="g0iui"></option><strike id="g0iui"></strike><cite id="g0iui"></cite><center id="g0iui"></center><optgroup id="g0iui"><abbr id="g0iui"><center id="g0iui"></center></abbr></optgroup><strong id="g0iui"></strong><pre id="g0iui"></pre><strike id="g0iui"><input id="g0iui"><tbody id="g0iui"></tbody></input></strike><kbd id="g0iui"><pre id="g0iui"><td id="g0iui"></td></pre></kbd><small id="g0iui"><option id="g0iui"><delect id="g0iui"></delect></option></small><optgroup id="g0iui"></optgroup><button id="g0iui"></button><optgroup id="g0iui"></optgroup><abbr id="g0iui"></abbr><sup id="g0iui"><source id="g0iui"><code id="g0iui"></code></source></sup><xmp id="g0iui"><strike id="g0iui"><menu id="g0iui"></menu></strike></xmp><noframes id="g0iui"></noframes><bdo id="g0iui"><abbr id="g0iui"><kbd id="g0iui"></kbd></abbr></bdo><sup id="g0iui"><center id="g0iui"><dl id="g0iui"></dl></center></sup><tr id="g0iui"><pre id="g0iui"><td id="g0iui"></td></pre></tr><acronym id="g0iui"></acronym><ul id="g0iui"><dfn id="g0iui"><center id="g0iui"></center></dfn></ul><table id="g0iui"></table><acronym id="g0iui"><td id="g0iui"><fieldset id="g0iui"></fieldset></td></acronym><td id="g0iui"></td><object id="g0iui"></object><code id="g0iui"></code><strong id="g0iui"></strong><delect id="g0iui"></delect><tr id="g0iui"></tr><tbody id="g0iui"><s id="g0iui"><cite id="g0iui"></cite></s></tbody><wbr id="g0iui"><bdo id="g0iui"><abbr id="g0iui"></abbr></bdo></wbr><fieldset id="g0iui"></fieldset><center id="g0iui"></center><tfoot id="g0iui"></tfoot><table id="g0iui"><delect id="g0iui"><pre id="g0iui"></pre></delect></table><sup id="g0iui"><source id="g0iui"><dl id="g0iui"></dl></source></sup><blockquote id="g0iui"><tfoot id="g0iui"><rt id="g0iui"></rt></tfoot></blockquote><abbr id="g0iui"></abbr><button id="g0iui"></button><noscript id="g0iui"></noscript><acronym id="g0iui"></acronym></div> </html>