立即體驗：30秒會寫html

30秒

會寫 HTML ！

by 編輯老師

要讓電腦中的瀏覽器（如Intel Exploer、Chrome、Firefox、Safari）呈現出文本，電腦要讀Html才知道如何把寫作者的想法表現出來。

1. HTML是什麼東東啊？
2. 立即體會，30秒你就會了
3. I have ? s

 

Html是什麼東東啊？

例如我們想讓電腦的螢幕 呈現出下列的螢幕文本表現：

快樂來學Html，成為數位匯流寫 作高手！

那麼電腦要讀到的指令必須如下：

<big><big>快樂</big></big>來學<b>Html< /b>，成為<font color="#00cccc"><i>數位匯流</i></font><u>寫
作<big><font color="red"><big><big>高手</big></big></font></big></u>！<img
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz4ZVi_oFlqrnoqdoPmcI8g2otpxuyJZSfWqD4h2JkjGJ3Zv59dbMlzWxtZU7V-VVoul65uxvZWjpw55T2dIwUP6ce5_sYuJwUjRUzp3BK8pPyaO7Zbsmp7lpPzXHYx5WR2bhOF5rQxbA/w138-h187-no/1ZE6_1020501.jpg"
height="84" >

這些要讓電腦讀懂並且可以把你的想法表現出來的指令，就是Html。

 

立即體驗，30秒你就會了。

不要被上面那些奇怪的符號唬住了！跟著教學影片做一遍，只要30秒，保證你會「喔！」一聲的說：「怎麼這麼簡單！」

教學說明：

1. 要練習感受Html，首先你要使用純文字編輯器，例如Windows內附的記事本，或是我比較愛用的Notepad++。
2. 請依【開始】─ 【所有程式】─ 【附屬應用程式】─【記事本】，找出記事本這軟體。
   
3. 請寫人你的名字當內文。
4. 請選擇【檔案】─【另存新檔】─【桌面】。預備將檔案存在桌面上。
5. 【編碼】請選 -- UTF8。
6. 存檔時，於【檔案名稱】內的所填寫的檔名，副檔名要設成「.html」。例如test01.html。再按【存檔】。
7. 再來用瀏覽器打開這檔案，或是直接用滑鼠按二下檔案，即成。或是把檔案拉到chrome上方工具例。
8. 最後，基於教學上的需要，請一律使用 google chrome 瀏覽器，才能支援我所教的很多效果。

Mac使用者

1. 打開【文字編輯】軟體。
2. 請按 shift+command+T 進入純文字編輯模式。
3. 鍵入內文。
4. 按【檔案】 -- 【儲存】。
5. 按【純文字編碼 】-- UTF8 。
6. 【儲存為】-- 檔名.html 。
7. 按【儲存】。
8. 按【使用html】。

Mac使用者使用方法02



將檔案打開成html原始檔

康德：

有兩種東西，我們越是經常反復地加以思索，它們就越是給人心灌輸時時翻 新、有增無減的讚嘆和敬畏：頭頂的星空和內心的道德法則（曼弗雷德．蓋爾／黃文前、張紅山譯，2012：80）。

曼弗雷德．蓋爾／黃文前、張紅山譯，2012，《康德的世界》。北京： 中央編譯出版社。

 

I have ？s

Q：我又不是資工、資管、資傳等電腦相關科系，也不是電腦高手，反正會用電腦就好
      ！為什麼要學Html？
A：這樣說吧！學中文你總要會用標點符號吧！這和你是不是中文系的或是你的中文寫
      作能力好不好，沒什麼關係！那是用中文寫作的基本技能。同樣的，Html是數位文本
      寫作的基本技能。數位寫作是未來的基本寫作能力，因為未來是「螢幕閱讀」的時代。

螢幕閱讀是未來溝通方式。 互動電視、電腦、平板電腦、手機，甚至公車、計程車、走廊、電梯內的種種大小螢幕等等，到處都可以看到各種大小螢幕。 這些螢幕是未來書寫、溝通和傳播的最重要媒介。 為這些螢幕寫作就是數位文本寫作！

Q：數位文本寫作和傳統平面寫作比較起來，在學習上有沒有要特別去注意和用心的

      地方呢？

A：有的！多媒體寫作及文本互動性，是數位文本寫作和傳統平面寫作相較起來，最

      不一樣的地方。這二部分沒有掌握好，沒有表現出來，數位文本和傳統平面文本就

      沒有什麼不一樣了！這樣的數位文本就被戲稱為「鏟入」式內容，也就是說只是把

      平面的東西原封不動倒進螢幕罷了！

數位文本寫作【＜】 多媒體互動文本寫作，是一種全新的寫作經驗。 這種多媒介的寫作過程，同時也就要有能力掌握各種多媒體素材。 例如當想要描寫搭乘台北站高鐵時聽到的聲音，就要有能力把聲音展示出來

老師有話說：

人，一定有背景知識，或背景經驗，才能有學習的進步，才能有下判斷的可能。 小說看多了，你就會寫出好文章；球賽看多了，你自然可以區分出球打得好不好。 數位文本的學習亦然。你要多看數位互動文本，你自然就有數位寫作的創作力。

來，你可以多看看以下的網站，裡面有很多不同類型的網站、網頁介紹。

The best design!
Awwwards!