文以一次尋求免費上傳本地Html方法的過程為例，總結從網絡獲取信息的經驗。

最近遇到過這類問題：

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

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

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

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

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

一、篩與選

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

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

（一）篩

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

1. 利用已有的手機App，比如Anki等，大家一起下載并添加內容
2. 制作一個動態的Html，利用層級關系實現展開或收起答案，通過微信分享給大家

（二）選

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

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

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

二、路與坎

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

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

（一）第一段路

我完成了以下步驟：

1. 整理好三十道例題的題干與答案
2. 按照層級關系進行題目分類、答案分點
3. 制作對應的動態Html
4. 通過微信發送

（二）第一道坎

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

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

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

（三）第一次檢索

網上搜索到的經常會看不懂，需要做到第三步：

亂而不明則兼收并蓄：收集并總結有用的信息，適當地延伸。

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

• 博客類：專業人員直接貼代碼
• 廣告類：服務器商家推銷產品
• 問答類：簡要的描述上傳步驟

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

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

（四）第二段路

我完成了以下步驟：

1. 在微信公眾平臺注冊小程序
2. 下載小程序專用的開發工具
3. 按照官方教程導入項目文件夾

（五）第二道坎

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

• 查閱到小程序開發工具應該使用特定的.wxml文件
• 我從GitHub上找到了可以把Html轉成Wxml的工具，轉換后再次導入開發工具
• 預覽后，在手機端打開小程序顯示的仍然是靜態頁面，失敗

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

（六）第二次檢索

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

無跡可尋則創造痕跡：結合目的與經驗，思考可行的新方法，讓自己有信息可查。

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

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

（七）第三段路

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

三、大方向與小細節

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

（一）再來一遍

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

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

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

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

（二）站內挖掘

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

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

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

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

（三）不妨一試

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

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

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

四、尾聲

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

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

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

國2021年4月高等教育自學考試

網頁設計與制作

課程代碼:00900

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

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

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

A. FTP

B. HTTP

C. SMTP

D. TELNET

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

A.圓點“.”

B.星號“*”

C.句號“。”

D.減號“一”

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

A. Usenet新聞組

B. Gopher服務器

C.本地計算機

D.www服務器

4.網頁制作最重要的原則是

A.色彩搭配

B.創意

C.帶寬

D.交互性

5.用于建立網站鏈接結構的是

A.總線鏈接結構

B.網狀鏈接結構

C.星形鏈接結構

D.環形鏈接結構

6.在網頁構圖與色彩中,如果采用了安全調色板以外的顏色，在Web上顯示時就會產生

A.“抖動”

B.“溢出”

C.“回跳”

D.“自動關閉”

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

A.黑色

B.紅色

C.黃色

D.灰色

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

A.50

B.100

C.150

D.200

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

A. Texture中的Texturizer

B. Distort中的Glass

C. Artistic中的Color Pencil

D. Distort中的Zigzag

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

A. . wav

B.. au

C.. mp3

D.. mid

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

A.<--

B.<-...->

C.//

D./ * ... */

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

A. OnFocus

B. OnSelect

C. OnLoad

D. On Blur

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

個元素的內容,該屬性的取值為

A.可視

B.隱藏

C.自動

D.滾動

14.在FrontPage2003的網頁視圖模式中,以可視化的方法編輯網頁內容的模式是

A.預瀏覽模式

B.特殊模式

C.普通模式

D. HTML源代碼模式

15. FrontPage2003的主要功能不包括

A.創建和管理Web站點

B.維護數據庫

C.發布站點

D.制作網頁

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

的視圖是

A.“向導”視圖

B.“自定義”視圖

C.“基本”視圖

D.“高級”視圖

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

看方式是

A.“設計”視圖

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主機穩定性好

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

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

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

23.在Web服務器文件類型的MIME標準中,用于定義“以純ASCII碼存儲的文本文

件”的是

A. video

B. message

C. audio/ wav

D. text/ plain

24. XML的特點不包括

A.可擴展性

B.嚴密性

C.免費性

D.互操作性

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

A.可擴展標記語言

B.通用標識語言標準

C.同步媒體集成語言

D.統一建模語言

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

26.商業網頁設計的要求有

A.維護更新要方便

B.網頁發布的信息-一定要準確

C.站點開發周期應盡可能短.

D.良好的視覺效果

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

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

A. <em> ... </em >

B. <u>... </u >

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

D. <strong>... </strong >

E. <nobr>... < /nobr >

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

A. padding屬性

B. border屬性

C. margin屬性

D. height屬性

E. font屬性

29. Fireworks MX 2004對系統的要求有

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

B.64MB可用內存.

C.只讀光驅CD- ROM

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

E. Adobe Type Manager 4或更高版本

30. Flash中的聲音類型有

A.事件聲音

B.動畫聲音

C.消息聲音

D.滯聲音

E.流聲音

第二部分

非選擇題

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

31.簡述網頁設計的通用規則。

32.簡述JavaScript和Java的區別。

33.簡述Dreamweaver的特點。

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

35.在XML1.0建議書中,-一個“結構良好的”文檔至少符合哪幾個規則?

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

36.試述網站設計過程中應遵守的國際專業流程。

37.試述使用FrontPage2003創建網頁過渡效果的步驟。

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

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

要求:①網頁主題為“海爾冰箱價格表”;

②頁面內容居中顯示;

③“海爾冰箱價格行情”使用二號標題;

④表格的邊框類型為3;

⑤建立3x3表格,表格內容中:“產品”“價格”和“折扣”是表格的標題性,其

余為單元格;

⑥其他信息如圖38所示。