「表達」1. 怎樣利用網(wǎng)絡(luò)獲取信息？

文以一次尋求免費上傳本地Html方法的過程為例，總結(jié)從網(wǎng)絡(luò)獲取信息的經(jīng)驗。

最近遇到過這類問題：

怎么下載某破解版軟件？
怎么在B站就著彈幕看進擊的巨人？
怎么免于購買服務(wù)器和域名而直接上傳自己的本地頁面？

我覺得長輩與年輕人解決問題的方法是各有側(cè)重的，長輩們擅長通過已有的閱歷和人脈解決問題，而年輕人的優(yōu)勢在于愿意自己發(fā)掘新信息。

也許我們不是為了增長知識，只是想找些樂子，但潛移默化中這種發(fā)掘信息的能力也將成為我們的寶貴財富。

本文立足于解決那些與自己專業(yè)不對口的、無法一次性搜索到答案的問題，這類問題有以下特征：

以前沒有接觸過，這幾乎是一個全新的、從零開始探索的問題
也許內(nèi)行人手到擒來，但自己作為外行人一頭霧水
為達成目的需要嘗試很多步驟，很容易跑偏并鉆進牛角尖

一、篩與選

達成一個特定目的或許有很多方案，需要做的第一步：

列出這些方案，通過主觀判斷去掉不可行的，深入開展自認(rèn)為可行的。

（一）篩

事情是這樣的，幾個朋友參加某考試需要背誦大量例題，我想幫他們做一個“單詞卡”式的復(fù)習(xí)文檔。關(guān)鍵功能是可以自由打開或關(guān)閉答案，類似在單詞卡的正反面分別記錄單詞與釋義。思考后，我想到了兩個方案：

利用已有的手機App，比如Anki等，大家一起下載并添加內(nèi)容
制作一個動態(tài)的Html，利用層級關(guān)系實現(xiàn)展開或收起答案，通過微信分享給大家

（二）選

我很快放棄了第一個方案，考慮到：

大家的手機系統(tǒng)不一樣，難以找到一款兼容各系統(tǒng)的軟件
即使有也幾乎都要付費，并不是所有朋友都愿意為了還剩幾天的考試花錢
每個人都需要自己制作一遍單詞卡，無法一次操作多人共享

而我主觀認(rèn)為方案2可以很好地彌補這三個缺陷，于是開始落實它。

二、路與坎

既然是解決一個全新的問題，我就無法保證能夠按照自己的臆斷來順利完成，但也并非寸步難行。這就是第二步：

尚未超綱則步步為營：按照一般邏輯把能做的先做了。

（一）第一段路

我完成了以下步驟：

整理好三十道例題的題干與答案
按照層級關(guān)系進行題目分類、答案分點
制作對應(yīng)的動態(tài)Html
通過微信發(fā)送

（二）第一道坎

我遇到了第一道坎：通過微信發(fā)送完動態(tài)的文本后，接收者無法在iOS上打開文件。嘗試處理：

微信無法直接打開，也不支持用蘋果自帶的Safari瀏覽器打開，用Chrome瀏覽器打開會報錯
存儲至“文件”后可以打開，但是打開后是靜態(tài)文本，無法實現(xiàn)答案的收展
將CSS與Html打包，仍然無法實現(xiàn)動態(tài)功能

我意識到這類本地Html無法直接使用，必須讓它能被手機瀏覽器打開，那就得把它上傳到網(wǎng)上

（三）第一次檢索

網(wǎng)上搜索到的經(jīng)常會看不懂，需要做到第三步：

亂而不明則兼收并蓄：收集并總結(jié)有用的信息，適當(dāng)?shù)匮由臁?/span>

通過Google和百度，我檢索了“怎么把本地的Html上傳到網(wǎng)上”，檢索結(jié)果包括：

博客類：專業(yè)人員直接貼代碼
廣告類：服務(wù)器商家推銷產(chǎn)品
問答類：簡要的描述上傳步驟

以上三個我都沒有辦法直接使用，我看不懂、買不起、做不來。但這三類信息有一些共性，我提取出了關(guān)鍵信息：購買服務(wù)器，通過FTP上傳。

我考慮是否可以有免費的方法，于是想到通過微信小程序上傳，相當(dāng)于借助騰訊的服務(wù)器。

（四）第二段路

我完成了以下步驟：

在微信公眾平臺注冊小程序
下載小程序?qū)Ｓ玫拈_發(fā)工具
按照官方教程導(dǎo)入項目文件夾

（五）第二道坎

問題來了：項目中的index.html無法用于小程序開發(fā)工具。嘗試處理：

查閱到小程序開發(fā)工具應(yīng)該使用特定的.wxml文件
我從GitHub上找到了可以把Html轉(zhuǎn)成Wxml的工具，轉(zhuǎn)換后再次導(dǎo)入開發(fā)工具
預(yù)覽后，在手機端打開小程序顯示的仍然是靜態(tài)頁面，失敗

我想我得放棄走小程序這條路了，上述問題可以解決，但我一個外行干不來，盯著這條路只會越走越遠。

（六）第二次檢索

在第一次檢索到的信息和延伸出的方法失效后，已經(jīng)沒有明確的檢索目標(biāo)了。這是需要想出新方法才能繼續(xù)有東西檢索，所以第四步：

無跡可尋則創(chuàng)造痕跡：結(jié)合目的與經(jīng)驗，思考可行的新方法，讓自己有信息可查。

這次該干什么？以前碼字時我有過搭建個人博客網(wǎng)站的念頭，是否可以搭建個人博客然后上傳本地Html。這非常可行，因為我知道可以利用一個叫Hexo的平臺搭建個人博客然后關(guān)聯(lián)到GitHub倉庫，利用它的服務(wù)器來免費上傳。這是一個兩步走的方法：

上傳：把本地的Html文件上傳到GitHub，但此時只能顯示源代碼
轉(zhuǎn)換：利用Hexo把index.html展示出來

（七）第三段路

根據(jù)知乎上的Hexo個人博客搭建教程，我成功本地建站、關(guān)聯(lián)GitHub、提交配置和Html。我將域名發(fā)給朋友們，完成了此次分享。

三、大方向與小細節(jié)

其實以上所述是我完成這件事的幾個大節(jié)點，是保證探索方向正確的關(guān)鍵，但過程中的很多細節(jié)處理遠稱不上順利，但這也讓我收獲了一些技巧和理念。這些收獲對處理網(wǎng)絡(luò)信息有很大幫助。

（一）再來一遍

從小到大，電腦遇到了問題，我使用得最多的解決方法就是重啟，也許一些問題只需要略加操作即可解決，但我不懂，只有通過重啟來避免排查問題。我也試過排查問題，但在時間成本方面，重啟是最經(jīng)濟的做法。

做專業(yè)不對口的事情，排查問題、弄清原理是非常耗時的；如果只需要達成當(dāng)前的特定目標(biāo)，照葫蘆畫瓢地遍歷每個步驟反而是最高效的

在搭建博客時，本地建站需要新建空文件夾、安裝Hexo、啟動插件、清空、配置等等各種各樣的步驟，稍微錯一步就會報錯，我大概有一個小時都陷在了“打不開本地博客”的問題里。一開始我是檢查終端命令行，哪一步有問題我就修改，但始終差一點。

后來，經(jīng)過多次從第一步到最后一步的完整操作，建站成功。我已經(jīng)不關(guān)心之前報錯是什么原因了，成功就行。

（二）站內(nèi)挖掘

我在網(wǎng)上檢索時會帶著浮躁心態(tài)，搜索引擎推薦給我各個網(wǎng)站，我一一瀏覽過去，看不到想要的就退回去，繼續(xù)下一個網(wǎng)站。這種“泛檢索”完全浪費了網(wǎng)站“物以類聚”的特性。一些專門性的網(wǎng)站的站內(nèi)聯(lián)想推薦往往比大型搜索引擎的推薦要更精準(zhǔn)。

遇到解答不了自己疑惑的文章，往下翻一翻，在同一個網(wǎng)站內(nèi)深度挖掘。畢竟這一整個網(wǎng)站都是沖這門學(xué)科來的。

在提交本地Html時，我發(fā)現(xiàn)Hexo只能展示Markdown文本，因為它只是個博客平臺，文本才是主要內(nèi)容。我搜索了“怎么在Hexo顯示本地Html”，搜索結(jié)果非常少。

我選擇了CSDN網(wǎng)站的鏈接，上面是一位專業(yè)人員分享的解決類似問題的方法。但由于它是專業(yè)的，很多步驟跳過了，我沒有辦法完全照做。于是我繼續(xù)往下翻，發(fā)現(xiàn)有大量同行分享了各自的方法，通過不斷點擊網(wǎng)站推薦的帖子，我最終整理出了完整的提交流程。

（三）不妨一試

最后一步卡住了我好久，我已經(jīng)新建了“about”文件夾，成功提交了Html，但是打開個人博客時還是不顯示頁面鏈接。CSDN上的帖子已經(jīng)翻得差不多了，沒有一個講了怎么跳轉(zhuǎn)到“about”，好像他們提交完就可以直接顯示了。

對于外行來說，靈光乍現(xiàn)真是一棵救命稻草，我在個人博客的域名后添加了“/about”，回車，成功跳轉(zhuǎn)。

要是網(wǎng)上的信息實在幫不了忙，不如利用常識放手一試，也許很蠢，也許很成功。

四、尾聲

這件事情解決的完美嗎？我不知道。有更高效的上傳方案嗎？我不知道。如果不是自己在網(wǎng)上搜，而是直接問程序員朋友，會更省事嗎？我也不知道。

說不定過一陣子，我和哪個朋友聊起這件事，他一語道破我把這件事做得太復(fù)雜，完全可以換一種思路輕松完成，到時候我會訕笑一聲，自嘲好傻。

但終歸我會了“免于購買服務(wù)器和域名而直接上傳自己的本地頁面”這件事。

TTP協(xié)議是Hyper Text Transfer Protocol（超文本傳輸協(xié)議）的縮寫,是用于從萬維網(wǎng)（WWW:World Wide Web ）服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議。

HTTP是一個基于TCP/IP通信協(xié)議來傳遞數(shù)據(jù)（HTML 文件, 圖片文件, 查詢結(jié)果等）。

HTTP狀態(tài)碼

當(dāng)瀏覽者訪問一個網(wǎng)頁時，瀏覽者的瀏覽器會向網(wǎng)頁所在服務(wù)器發(fā)出請求。當(dāng)瀏覽器接收并顯示網(wǎng)頁前，此網(wǎng)頁所在的服務(wù)器會返回一個包含HTTP狀態(tài)碼的信息頭（server header）用以響應(yīng)瀏覽器的請求。

HTTP狀態(tài)碼的英文為HTTP Status Code。

下面是常見的HTTP狀態(tài)碼：

200 - 請求成功

301 - 資源（網(wǎng)頁等）被永久轉(zhuǎn)移到其它URL

404 - 請求的資源（網(wǎng)頁等）不存在

500 - 內(nèi)部服務(wù)器錯誤

HTTP狀態(tài)碼分類

國2021年4月高等教育自學(xué)考試

網(wǎng)頁設(shè)計與制作

課程代碼:00900

1.請考生按規(guī)定用筆將所有試題的答案涂,寫在答題紙上。
2.答題前，考生務(wù)必將自己的考試課程名稱、姓名、準(zhǔn)考證號用黑色字跡的簽字筆或鋼筆填寫在答題紙規(guī)定的位置上。

一、單項選擇題:本大題共 25小題,每小題1分,共25分。在每小題列出的備選項中只有一項是最符合題目要求的,請將其選出。

1.用于遠程終端登錄主機的協(xié)議是

A. FTP

B. HTTP

C. SMTP

D. TELNET

2.IP地址由32位二進制數(shù)表示，每8位為--組,每組的分隔符是

A.圓點“.”

B.星號“*”

C.句號“。”

D.減號“一”

3.在URL統(tǒng)一資源定位器中,若訪問類型為file ,則文件所在的位置是

A. Usenet新聞組

B. Gopher服務(wù)器

C.本地計算機

D.www服務(wù)器

4.網(wǎng)頁制作最重要的原則是

A.色彩搭配

B.創(chuàng)意

C.帶寬

D.交互性

5.用于建立網(wǎng)站鏈接結(jié)構(gòu)的是

A.總線鏈接結(jié)構(gòu)

B.網(wǎng)狀鏈接結(jié)構(gòu)

C.星形鏈接結(jié)構(gòu)

D.環(huán)形鏈接結(jié)構(gòu)

6.在網(wǎng)頁構(gòu)圖與色彩中,如果采用了安全調(diào)色板以外的顏色，在Web上顯示時就會產(chǎn)生

A.“抖動”

B.“溢出”

C.“回跳”

D.“自動關(guān)閉”

7.以下色彩能帶給人們陰暗消極感覺的是

A.黑色

B.紅色

C.黃色

D.灰色

8.在Photoshop中,- -張圖可以建立幾個圖層?

A.50

B.100

C.150

D.200

9.在Photoshop濾鏡中,能產(chǎn)生“凹凸感墻紙效果”的是

A. Texture中的Texturizer

B. Distort中的Glass

C. Artistic中的Color Pencil

D. Distort中的Zigzag

10.在HTML中,網(wǎng)頁可以嵌入的聲音文件的后綴格式不包括

A. . wav

B.. au

C.. mp3

D.. mid

11.在JavaScript的注釋符號中,用于逐行注釋的是

A.<--

B.<-...->

C.//

D./ * ... */

12.在JavaScript的事件處理句柄中,觸發(fā)“元素失去了焦點”事件的是，

A. OnFocus

B. OnSelect

C. OnLoad

D. On Blur

13.在BOX的布局屬性中,用于表示元素所需要的放置空間將被擴大到足以安排完這

個元素的內(nèi)容,該屬性的取值為

A.可視

B.隱藏

C.自動

D.滾動

14.在FrontPage2003的網(wǎng)頁視圖模式中,以可視化的方法編輯網(wǎng)頁內(nèi)容的模式是

A.預(yù)瀏覽模式

B.特殊模式

C.普通模式

D. HTML源代碼模式

15. FrontPage2003的主要功能不包括

A.創(chuàng)建和管理Web站點

B.維護數(shù)據(jù)庫

C.發(fā)布站點

D.制作網(wǎng)頁

16.在使用Dreamweaver“站點定義”對話框中,可以在沒有指導(dǎo)的情況下編輯站點信息

的視圖是

A.“向?qū)А币晥D

B.“自定義”視圖

C.“基本”視圖

D.“高級”視圖

17.在Dreanweaver的“查看代碼”中，文檔看起來與它在瀏覽器中的外觀非常相似的差

看方式是

A.“設(shè)計”視圖

B.“編輯”視圖

C.“瀏覽"視圖

D.“代碼”視圖.

18.在Fireworks的“編輯”菜單中,“撤銷”命令的快捷鍵是

A.Ctrl+A

B.Ctrl+C

C. Ctrl +Z

D.Ctrl+V

19.在Fireworks的工具箱中,能完成“克隆位圖的一部分”功能的工具是

A.涂抹

B.橡皮圖章

C.鋼筆

D.套索

20.以下屬于Flash軟件定制顏色類型的是

A.透明色

B.過渡色

C.閃爍色

D.固定色

21. Flash軟件的推出國是

A.美國

B.英國

C.俄羅斯

D.法國

22. Unix 主機與WindowsNT主機在性能上比較,下列說法正確的是

A. Unix主機比W indowsNT主機穩(wěn)定性好

B. Unix主機比WindowsNT主機用戶友好程度高

C. Unix主機比WindowsNT主機效率差

D. Unix主機比W indowsNT主機可擴展性差

23.在Web服務(wù)器文件類型的MIME標(biāo)準(zhǔn)中,用于定義“以純ASCII碼存儲的文本文

件”的是

A. video

B. message

C. audio/ wav

D. text/ plain

24. XML的特點不包括

A.可擴展性

B.嚴(yán)密性

C.免費性

D.互操作性

25.在XML中,SGML的中文名稱是

A.可擴展標(biāo)記語言

B.通用標(biāo)識語言標(biāo)準(zhǔn)

C.同步媒體集成語言

D.統(tǒng)一建模語言

二、多項選擇題:本大題共5小題,每小題2分,共10分。在每小題列出的備選項中至少有兩項是符合題目要求的,請將其選出,錯選、多選或少選均無分。

26.商業(yè)網(wǎng)頁設(shè)計的要求有

A.維護更新要方便

B.網(wǎng)頁發(fā)布的信息-一定要準(zhǔn)確

C.站點開發(fā)周期應(yīng)盡可能短.

D.良好的視覺效果

E.申請既有意義又容易記憶的域名

27.在HTML頁面排版中，以下屬于文字效果標(biāo)記的有

A. ...

B. ...

C. <blink > ... < /blink >

D. ...

E. ...

28.在層疊樣式表中，BOX的屬性有

A. padding屬性

B. border屬性

C. margin屬性

D. height屬性

E. font屬性

29. Fireworks MX 2004對系統(tǒng)的要求有

A.300MHz Intel Pentium II以上的處理器

B.64MB可用內(nèi)存.

C.只讀光驅(qū)CD- ROM

D.800 x600像素分辨率,256色或更高的顯示模式

E. Adobe Type Manager 4或更高版本

30. Flash中的聲音類型有

A.事件聲音

B.動畫聲音

C.消息聲音

D.滯聲音

E.流聲音

第二部分

非選擇題

三、簡答題:本大題共5小題，每小題5分,共25分。

31.簡述網(wǎng)頁設(shè)計的通用規(guī)則。

32.簡述JavaScript和Java的區(qū)別。

33.簡述Dreamweaver的特點。

34.在建立一個完整的站點過程中,欄目的設(shè)置應(yīng)考慮哪幾個方面? .

35.在XML1.0建議書中,-一個“結(jié)構(gòu)良好的”文檔至少符合哪幾個規(guī)則?

四、論述題:本大題共2小題,每小題10分,共20分。

36.試述網(wǎng)站設(shè)計過程中應(yīng)遵守的國際專業(yè)流程。

37.試述使用FrontPage2003創(chuàng)建網(wǎng)頁過渡效果的步驟。

五、實踐題:本大題共2小題,每小題10分,共20分。

38.按要求編寫HTML程序,實現(xiàn)如圖38所示功能。

要求:①網(wǎng)頁主題為“海爾冰箱價格表”;

②頁面內(nèi)容居中顯示;

③“海爾冰箱價格行情”使用二號標(biāo)題;

④表格的邊框類型為3;

⑤建立3x3表格,表格內(nèi)容中:“產(chǎn)品”“價格”和“折扣”是表格的標(biāo)題性,其

余為單元格;

⑥其他信息如圖38所示。

在線咨詢

上一篇：在線Markdown文檔轉(zhuǎn)pdf工具
下一篇：HTML5特效庫 canvas 布料皺紋波動特效源碼

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商