班级网页制作流程架构.docx
《班级网页制作流程架构.docx》由会员分享，可在线阅读，更多相关《班级网页制作流程架构.docx（38页珍藏版）》请在冰点文库上搜索。
班级网页制作流程架构
班級網頁製作流程架構
使用Namo開始製作班級網頁
【GO】開啟Namo：
開始→程式集→NamoWebEditor5.5→NamoWebEditor5.5
網頁編輯區
HTML（HyperTextMarkuplanguage）
網頁的超文字標記語言！
早期沒有視窗化的編輯介面時，就是靠編寫相關語法來製作網頁。
使用中的檔案名稱
格式化工具列
功能表
標準工具列
嗯！
介面比FrontPage更像Word吧，因此操作起來更容易入手！
不過Namo就像Dreamweaver、FrontPage一樣，除了編輯區外，還有網站的導覽，稱為「網站管理員」這可是Namo另一個重點，可以讓你方便的管理你的網站樹狀結構（這在Dreamweaver也有，不知道是不是學來的），不過網站管理員我們等一下再說。
利用「網站精靈」快速建立一個網站的結構：
【GO】檔案→網站→網站精靈「4個步驟：
範本→結構→佈景主題→資訊→發佈」
詳細請見課本（P5～P10）
【備註】
此步驟主要是在確定存檔的位置，建議存在C以外的磁碟機，例如H碟自己的帳號下，請自行命名一個資料夾，就算電腦裡沒有也沒關係。
因為如果發現沒有該資料夾，會自動幫你建立。
OK！
當你做完這個步驟，你的首頁就快OK了！
看短短幾分鐘，首頁就漂漂的了！
利用「網站管理員」好好管理網站的結構：
利用網站精靈建立專案後，會在資料夾自動產生相關的檔案及結構，其中「images」預設是用來存放圖形的地方。
為了往後在管理方便，可自行新增資料夾，將相同的檔案放在同一個資料夾。
名稱：
用來更改檔名，當你更改完檔名後，所有相關的連結也會跟著更動，蠻方便的。
狀態：
會告訴你有沒有修改或開啟。
★這結構樹可是很好用喔！
也是NAMO管理網站時的精神所在。
這是你網站的名稱。
對NAMO而言以一個專案來表示一個網站，因此你可以利用NAMO管理多個網站。
首頁，網友們連結到你網站時，預設會看到入口網頁。
第一層，也就是首頁上出現的左邊選項。
★更改首頁標題：
預設標題是….的首頁，要刪除掉這幾個字或是改網站名稱。
【GO】可以到網站管理員→網站→在「首頁」圖示按滑鼠右鍵→內容（將標題換成你想要的名字）
當你按下確定就改好啦！
班級網頁架構建立
在網站精靈中預設的班級網頁選項只有部分，甚至不符合自己的要求，現在就要快速的重建主要選項的項目名稱，此時要借重「網站管理員」的功能，來快速建立好所有的項目。
在此列出一些建議事項，請自行決定您的班級網頁架構。
上面這張圖像不像一棵樹的顛倒或是說類似族譜，稍微解釋一下
【根】：
班級首頁
【樹幹】：
從「班級消息……寄信給我」都視為同一層的樹幹。
班級首頁，就是這一層的父親，對班級首頁而言，樹幹這一層是他的兒子輩，而枝葉則是孫子輩。
【枝葉】：
像「帥哥、酷妹」等
【備註】在NAMO中你要建立選單時，記得要在其父親的層次往下建立，以下示範如何操作。
建立首頁選項層：
★修改新增檔案的檔名（重新命名）：
在網站管理員的「網站」點選要更改檔名的檔案→滑鼠右鍵→重新命名。
當你更改完檔名後，NAMO會自動幫你把相關的超連結的設定給重新改過來！
如此就不用擔心改個檔名，還要怕其他網頁中的連結設定全錯啦！
★刪除掉導覽樹不必要的子頁：
NAMO預設的選項一般而言會和你自己所需求的選項差異性很大，因此現在我們將不必要的子頁給刪除掉。
【GO】在要刪除的子頁→滑鼠右鍵→從導覽樹移除。
（另外校友資訊、圖書館也移除）。
如果確定那個子頁不要且連檔案也不要，可以選擇「刪除」。
★快速新增子頁
1、新增子頁：
【GO】網站管理員→結構→在「新聞」此子頁→滑鼠右鍵→複製→在上一層「首頁」→滑鼠右鍵→貼上→OK你可以在最右邊發現新增的子頁
2、更改導覽樹的名稱：
不過你可發現也叫「新聞」趕快改一改吧
【GO】在新增的「新聞」→滑鼠右鍵→內容
更改成計畫中的子網頁，例如：
教學理念。
記一下這個檔名，因為如果每一個都是news_1.html，以後要更新網頁那可看不太懂要改哪一個檔才是！
有時候還會改錯！
3、修改檔名：
【GO】網站管理員→專案→在「news_1.html」→滑鼠右鍵→重新命名→輸入新的檔名（例如：
教學理念teach.html，記得.html不可以刪掉喔！
因為此副檔名也是瀏覽器作為判斷用，在98/NT/2000作為當你點兩下時，會以什麼程式開啟的關鍵）
★建立完整的導覽樹
現在就請依照前面的方法，把導覽樹建立成你所規劃的班級網頁架構。
在此我將原本的「新聞→班級消息，簡介→班頭導師（導師介紹），教職員→麻辣鮮師（任課教師），學生→麻辣學生（並在此頁下建立兩個子頁（辣哥、辣妹））」
★大風吹，吹什麼？
我拖拖拖
建好了這棵樹，不過選項順序好像怪怪的！
沒關係！
這可以很快就解決的！
1、將班級消息移到選項最上面：
因此我們要將班級消息移到班頭導師的左邊
【GO】滑鼠按住「班級消息」不放→拖到「班頭導師」左邊→出現三角形的時候（可是代表方向喔）→OK放掉就OK啦！
2、接著請將麻辣學生、酷站、班級課表、教學理念、班級經營、學生作品、教學檔案、班級活動、、、等等按照自己的順序排好！
終於把架構及順序確立了！
不過新增的時候檔名是延續剛剛複製的原始檔名後面加上數字，看起來也不知道WHOWHOWHO（誰誰誰）因此請利用下面的方法更改檔名。
（AND由於之前都做過，因此在此就不圖解了！
）
在此僅提供任名的參考，取好檔名也方便以後維護網站方便，以免看到檔名，也不知道是什麼東西！
（省略副檔名.htm）
班級消息（news）、班頭導師（leader）、麻辣鮮師（teacher）、麻辣學生（stu）辣哥（boy）、辣妹（girl）、班級課表（timetable）、教學理念（teach）、班級經營（manage）、學生作品（works）、教學檔案（edufile）、班級活動（actions）、酷站（links）。
←也都命名好啦！
★避免欲哭無淚：
快喔！
存檔喔！
其實之前就應該先存！
還是趕快吧！
【GO】檔案→儲存專案。
如果您是在編輯視窗，同時又開啟很多個檔案在編輯。
【GO】在一般工具列→全部儲存。
☆☆☆☆☆變更布景主題或修改布景主題中的文字☆☆☆☆☆☆
有兩種方法可以變換布景主題，兩種方法都可以達到更換怖景主題的效果
【GO】
方法1：
格式→怖景主題
方法2：
視窗→資源管理員→怖景主題
修改其中文字的字型
修改主標題文字的字型
【GO】在主標題文字→滑鼠右鍵→修改怖景主題物件
WebCanvas是新的簡易影像處理功能視窗。
-----------→
【GO】
點選圖中「主標題文字」→找到內容小視窗→更換字型→大小（調整到可以看到所有的字）。
PS：
雖然此處可以將圖形變大，但是不太建議。
修改導覽列的文字字型及大小：
【GO】同圖1在導覽列→滑鼠右鍵→修改怖景主題物件
★請注意，由於導覽列上的按鈕動作有一般狀態、滑鼠移到上面及按下後的效果，因此請在「圖層」小視窗選擇「表」的分頁，分別選擇normal、rollover、highlight
★點選圖中「按鈕標籤」→在內容小視窗更改字型及大小。
記得normal、rollover、highlight都要做喔！
一些常使用的技巧
★新增分隔線：
方法：
直接使用預設的水平線
【GO】插入→水平線（箭頭所指的那條線）「線條的樣式不是很好看！
可以在線條→滑鼠右鍵→水平線內容→修改寬度、高度、顏色、實線與否。
」
方法：
選擇自己找到或製作的分隔線，或是使用其美工圖案中的分隔線
【GO】插入→影像→選擇美工圖案（或是從檔案）
好了你就可以看到漂亮又有動態效果的分隔線了！
不過當你按下存檔的時候，請記得將圖檔存在images資料夾下！
★表格建立：
使用的方法和技巧和WORD差不多！
在此我們以班級課表來練習製作。
而在課本（P57---P64）也有蠻詳盡的介紹。
★調整儲存格大小：
【GO】和WORD一樣！
滑鼠移到線上，出現←｜｜→，按住右鍵，調整儲存格大小。
★設定表格框線：
表格框線預設為灰色的框線！
換一下吧！
【GO】在表格內任一個地方→滑鼠右鍵→表格內容
設定整個表格所佔的大小，請選擇百分比％，寬度輸入85。
如果你想取消框線，把厚度設定成0。
表格的背景預設為透明，如果想要特別，也可以使用圖形來當背景，或是使用顏色來做背景！
不過一般而言比較少這樣設定。
解釋一下色彩設定：
色彩：
如果淡色邊框、深色邊框沒有設定就會使用色彩的設定作為框線的顏色。
淡色邊框：
表格線的左上部分。
深色邊框：
表格線的右下部分。
【備註】淡色邊框、深色邊框的設定使用必須上圖中「資料隔間距」不能為0。
★設定儲存格的文字對齊方式或背景顏色：
預設的文字對齊為儲存格高度的中間，修改成靠上。
【GO】在欲修改的儲存格上→滑鼠右鍵→儲存格內容
請將「垂直對齊」→靠上。
如果你希望背景能有顏色！
或是如課表，將不同課程用不同的背景顏色以做區別。
你也可以使用圖形來做背景，如果要請選擇
★合併儲存格：
利用每天早上都相同的朝會時間，把星期一到星期五合併成一個儲存格，在輸入朝會時間。
【GO】先反白要合併的儲存格→滑鼠右鍵→表格→合併儲存格→在儲存格內容中輸入「朝會時間」。
練習兩節課同時在一起，合併上下兩隔儲存格唯一個。
【GO】先反白要合併的儲存格→滑鼠右鍵→表格→合併儲存格→在儲存格內容中輸入「國語、數學、自然、美勞等」。
★設定字型：
大小：
一般網頁製作，字型size設定一般為1-7，一般大概為3左右，如果要在大一點可以到4以上。
字型：
現今電腦都會裝很多套字型，不過當網友在瀏覽網頁時，會根據網頁的字型設定去找該網友的電腦中去找是否有該字型，如果沒有該字型，則以預設的「細明體」顯示。
因此為了避免麻煩，請儘量以幾乎都會有的字型「細明體、新細明體、標楷體」這3種字體為設定，不然請用圖形方式來呈現多樣化的字型。
【GO】反白要更改的文字→格式化工具列→設定字體大小、字型。
影像圖形的使用
★插入圖形
◎方法1：
在編輯視窗中有發現如圖（白色區塊）
【GO】點選白色區塊→滑鼠右鍵→影像內容。
◎方法2：
由於NAMO已經有提供相當多的美工圖案，因此輸入的圖形大多是自己製作、照片、網路找到的圖片。
【GO】點選欲插入圖形的位置→插入→影像→從檔案。
◎方法3：
NAMO已經提供相當多的圖形，可以節省很多你去找圖的時間！
【GO】點選欲插入圖形的位置→插入→影像→美工圖案。
美工圖案：
你也可以在此才去美工圖案中找圖。
★選取圖檔：
自行新增圖片，請使用「瀏覽→到圖形所在位置」
。
提示文字：
在瀏覽網頁時，當滑鼠停在圖片上一會兒，會出現的文字敘述。
★影像效果
在NAMO已經支援了部分的影像特效，方便簡易編輯，可以減少到一般影像軟體編輯的時間，算是很貼心的設計。
【GO】點選欲新增效果的圖片→滑鼠右鍵→影像→影像效果。
（包含了亮度/對比、旋轉影像、效果、斜率、加入陰影、新增文字）
1、亮度/對比：
亮度：
可以調整明亮，可以幫助你將某些亮度不夠的照片，加強一下，不過由於是簡易功能，無法做得很完善。
對比：
可以讓你的顏色對比性增強！
2、旋轉影像：
這個功能，通常是因為我們在使用掃描器的時候，將照片放反了！
這裡提供了貼心的功能，讓你很快的將圖片轉正！
如果您的照片是斜斜的角度！
這裡就沒辦法，請到一般的影像軟體去轉正。
3、效果：
提供了模糊、清晰、褪色、浮起、斜邊、斜邊（嵌入）、灰階、黑白等效果，其中比較常用的是「斜邊、斜邊（嵌入）」
4、斜率：
先設定「顏色」→樣式→選擇喜歡的漸層樣式→到圖形拉出範圍。
如果不滿意，在剛剛選擇的樣式上，再按一次，讓原本凹下去的圖示，恢復原狀即可。
5、加入陰影：
預設會以原來的圖形檔名存檔，為了以後使用，強烈建議輸入另一個檔名。
利用陰影效果可以讓你的圖片增添立體感，不過很多網頁的圖片上，很少會去加陰影，端看個人。
同樣的如果不滿意，在剛剛選擇的陰影位置圖示上，再按一次，讓原本凹下去的圖示，恢復原狀即可。
目前網路常用的3種圖片格式，但是其中以png使用率仍不高。
想要存成透明背景、動畫，請存成gif。
不過最多只有256個顏色。
一般的照片，強烈建議存成jpg，可以保有全彩的顯示。
★去除不必要的背景顏色：
有時候自己抓到的圖形不是gif檔，或是背景顏色還存在！
等到插入影像才發現！
哇！
背景怎麼白白的！
想要去背，你就得到影像軟體去囉！
不過NAMO也提供快速方便的去背法！
【GO】點選欲去背的圖形→滑鼠右鍵→影像→以透明顏色製作影像
【GO】點一下→滑鼠移到圖形→會出現一個吸管的樣子→點選白色→OK！
去背做好了！
同樣的，會先要求你幫這個檔另存一下，以免原先的檔案被破壞！
接著當你在編輯視窗中按下儲存的時候，才會要求你把這個檔案存到指定的資料夾，在此請選擇images的資料夾。
加入按鈕選項
以麻辣學生為例，加入「帥哥、美女」兩個按鈕選項。
【GO】點選欲插入的位置→插入→網站元素→導覽列
紅色：
目前所在的網頁。
藍色：
新增的按鈕選項。
子項：
為此頁下要做的按鈕選項。
建立超連結：
OK！
我們就利用酷站來做練習！
1、連結到另外的網站：
請先建立幾個要設定練結點的網站名稱，為避免一堆網站混在一起，可以採用分類法！
【GO】反白要設定連結的文字或圖形→滑鼠右鍵→超連結內容。
請在此處輸入對方的網址。
由於一般都連結到網頁，因此記得加上http:
//
為了避免智慧財產權爭議，如果不是自己做的網站，請設定成_blank開啟一個新視窗以讀入該網頁。
_blank：
將超連結的目標於新的視窗中開啟。
_parent：
將預設目標頁框設為頁框的母頁框。
_self：
使用現行的頁框。
-top：
將練結目標設為整個瀏覽器視窗。
2、連結到內部檔案：
★連結到非網頁檔：
想提供相關的檔案給人下載時，例如：
WORD檔（.doc）壓縮檔（.zip）等，可以利用此方式，不過要請特別注意流程！
以免造成別人無法下載。
1、先將檔案複製到專案的資料夾中：
為了避免產生連結點錯誤，請先將要讓人下載的檔案先複製到此專案下！
【GO】網站管理員→網站→最上層的資料夾處→滑鼠右鍵→新建→新資料夾→輸入資料夾名稱→確定（如下圖，由於您修改了此專案）
【備註】
建立資料夾的目的，是為了整個網站的管理能有條理，以免日後要修改網站內容時，東翻西翻。
2、建立超連結：
【GO】反白要設定連結的文字或圖形→滑鼠右鍵→超連結內容→瀏覽→找到檔案所在並點選該檔。
此處不要出現file….開頭，如此容易產生練結點錯誤。
不過在你自己的機器，錯誤並不會產生，因為你自己的電腦本來就有該檔案。
★
連結到內部的網頁：
此處所只的內部網頁，是指此專案資料夾下的網頁，並不泛指電腦中其他資料夾下的網頁檔。
而且方法有2種
方法1：
從專案中選。
【GO】反白要設定連結的文字或圖形→滑鼠右鍵→超連結內容→專案→找到專案中的其他網頁檔。
方法2：
從已經開啟的檔案選取要連結的網頁。
【GO】先將要設定連結的網頁開啟→到要設定連結所在的檔案→反白要設定連結的文字或圖形→滑鼠右鍵→超連結內容→開啟的檔案→從中選取要連結的網頁。
3、
設定成寄信：
此設定可以設定在任課老師的網頁中，將其電子郵件做好連結，學生一按，就可以寄信給該老師！
【GO】反白要設定連結的文字或圖形→滑鼠右鍵→超連結內容→在URL處輸入mailto:
user@mailt.sups.tp.edu.tw
寄信使用的是mailto:
加上EMAIL
4、書籤的應用：
應用範圍，主要是在當該網頁內容很長！
為了方便閱讀，會將一些段落主旨先做好選項在網頁最上面，並做好連結！
方便可以快速跳到想看的段落在做好跳回選項的功能，如此可以方便在同一個網頁跳上跳下翻閱資料！
在此以教學檔案的網頁來做示範，根據你想分類的方式做好表格！
插入圖形並輸入相關資料！
也做好每一個分類的項目！
而書籤的插入點在文章內，而剛剛做好的選項，則是做超連結！
★插入書籤：
【GO】選擇欲插入書籤的位置→反白文字或圖形→插入→書籤→在書籤名稱輸入一個代表名稱（例如：
語文領域）→新增→關閉檔案（到此設定完成）。
★插入超連結：
【GO】網頁最上面的選項→反白欲設定文字或圖形（例如：
語文領域）→滑鼠右鍵→建立超連結→選擇右圖中書籤位置→選擇「語文領域」（剛剛建立好的書籤代碼）→確定。
OK！
設定好了！
不過為了方便，記得在網頁開頭設一個書籤，並在每一個段落下做一個「回選項」的連結到該書籤，方便隨時可以跳回來重選。
◎更改背景圖形：
由於在NAMO中，網站精靈的應用非常方便，因此需要使用這個技巧比較少！
因此列在後面才提！
【GO】網頁任何地方→滑鼠右鍵→文件內容→外觀→選擇圖檔（也可以利用美工圖案）
美工圖案：
由於之前已經使用過，不在圖形解釋，請選擇「背景」中的圖片。
或是利用自己製作或找到的圖形作為背景。
◎插入背景音樂：
加個背景音樂，讓網友一讀到網頁就有音樂可以欣賞，也可以使網頁更加生動活潑！
而一般加入的音樂檔案格式有：
視訊檔案（*.wav、*.mid）、音效檔案（*.au、*.and、*.aif、*.aifc、*.aiff），不過其中比較常用的是*.wav、*.mid兩種，不過建議以*.mid為主，主要的原因是檔案比較小。
【GO】網頁任何地方→滑鼠右鍵→文件內容→樣式→在背景聲音中選擇「瀏覽」→找到mid檔所在的位置→勾選「不斷重複」→確定。
OK！
當你預覽的時候就可以聽到背景的音樂，且由於設定不斷重播，背景音樂除非你將視窗最小化或關閉才會停止播放。
★將聲音存檔
【GO】工具列上的存檔圖示→選擇資料夾→先點選最上層→新建→新資料夾→輸入資料夾名稱（例如mid）→確定→確定。
存在mid的資料夾，如同將圖形固定存在images的意義相同，主要是管理方便。
◎電子相簿的應用：
如果根據課本上面的步驟去做，容易產生問題，因此請參閱以下的說明去做。
1、首先開啟要做個人相簿的網頁→選擇要插入「個人相簿」的位置（就是用滑鼠在要插入的地方按一下左鍵）→工具→建立相簿。
2、
選擇「新增檔案」（到照片所存在的地方，利用shift或ctrl（按住不放）可以連續或跳選多個檔案）
3、
這邊很重要喔，要點選「詳細設定值」
4、記得勾選「儲存副本於指定目錄中」→瀏覽（選擇自己專案中的images）→點選「新資料夾」建立新的資料夾，並根據活動將資料夾重新命名（例如：
歌唱比賽如果可以儘量使用英文命名）（此舉是為了避免發生重複檔名和管理方便，因此建議建立新資料夾，不過不要也可以，只是到時候檔名一團亂，說不定出現同樣檔名，不小心以前的照片還不見）。
5、同樣的在「縮圖影像」的儲存位置，也請「瀏覽」選擇剛剛所建立的資料夾位置所在，放在一起好管理。
原始影像、縮圖影像，都在同一個資料夾，這樣子比較容易管理，當新增活動照片，比較不會因為同檔名而被覆蓋造成先前的照片莫名其妙不見。
6、接著如果你希望每個照片下面有個說明的儲存格的話，點選「標題」→勾選「插入標題」→標題位置（選擇以下）→內容（可以輸入活動名稱，例如2003歌唱比賽）→選擇檔名或次序數或建立日期（會自動幫你加上&n等的程式碼）→好了按下「確定」，至此「相簿詳細設定值」OK！
7、按「下一步」
8、
選擇點選縮圖後，放大的圖形呈現方式。
類型：
有很多可以選擇，下面有你所選擇類型的預覽圖，這邊給個小小的建議，如果你的所圖很多的話，不要選擇第4個，因為看圖的人要常常捲動垂直的捲動軸，就是上翻翻下捲捲。
選擇第3個，右邊還有一些設定值可以設定。
視窗大小：
最大值建議在800以下，這樣子有個好處，就是放大圖，可以在螢幕上全部看到，不用再用捲動軸左捲捲右拉拉，上翻翻下捲捲。
使用表格：
欄數（建議值3）（除非你的縮圖很小，一般我們的螢幕通常設定800X600，東扣扣西減減，可已呈現的寬度大概只有500左右，如果縮圖一張假設150以下大概就可以設定成4）。
9、
下一步，開始設定縮圖的設定。
指定實際大小：
寬度、高度（建議180—200之間）這樣縮圖大小比較剛好，太大也不好。
限制比例的「V」可以取消，除非你很確定你的圖都一樣大。
（如果用數位相機拍出來的圖形沒有經過邊修就可以不用取消V）。
縮圖效果：
這是Namo5.5版新增的效果，就是可以幫你的縮圖做好相框，只要點選即可。
10、最後按下「完成」就做好了個人相簿。
當你回到Namo的編輯視窗按下「儲存」時，不會像Namo4.0（舊版）會跳出個視窗問你要把縮圖影像存到哪裡去，因為都指定好了。
不過如果你沒有把原始位置指定到你的專案的話，到時候當你上傳完畢，會造成抓不到圖的狀況。
◎影像地圖的應用：
影像地圖的意思是在一張圖形上，找一些區域，建立超連結的感應區！
當滑鼠移到以區域時，可以按下滑鼠連結到設定的網頁或文件，且此區域可以是不連續性！
可以東一塊、西一塊。
不過有個重點請注意，利用的圖形不要太大！
以免看個網頁要等很久！
利用阿亮在體適能表演的照片為示範：
【GO】先點選要是設定影像地圖的照片→插入→影像→影像對應-選取或編輯感應區→出現影像工具列。
OK!
一般影像地圖的感應區形狀可已有「矩形、圓形、多角形」3種。
以多角形感應區示範：
把阿亮包起來
【GO】先點一下→當你移動滑鼠會出現紅色虛線（表示選取區）→遇到轉折點請再一次滑鼠右鍵→如此慢慢的利用紅色虛線把阿亮包住→都OK了！
按滑鼠左鍵兩下。
嗯！
接著會出現如左圖，很眼熟吧！
沒錯這是讓你設定超連結的畫面。
【GO】在URL處輸入要連結的網址→目標框頁：
選擇_blank（在新視窗中開啟）。
如此影像地圖就好啦！
你可預覽一下，把滑鼠移到阿亮身上！
你就會發現可以手指會出現。
◎圖表精靈的應用：
利用表格將數據呈現，是目前在網頁很流行的方式，不過如果以明瞭度而言，圖表的顯示例如長條圖，則更能將分佈情形一目明瞭，而一般而言，你必須到EXCEL試算表功能才能快速做到此功能，不過現在NAMO也將此功能內涵進來！
在此以成績來做示範，不過是以平均成績的顯示為主。
先前準備：
複製一個新的網頁（成績分佈）（檔名score.html）
【GO】反白表格中欲做圖表的儲存格→插入→進階→圖表
如果取消使用3D效果，則會出現平面式的長條圖。
分成三個步驟，這個畫面和EXCEL很類似！
圖表的類型也有很多！
和EXCEL幾乎一樣。
直接使用長條圖
預設以第1欄位（科目）為X軸
第2欄位（分數）為Y軸，
如果勾選交換X/Y軸，則長條圖也會跟著變化。
如果希望在圖表上顯示此圖表的說明就在此次輸入說明。
請輸入X、Y軸所代表的項目，讓圖表更容易閱讀。
OK！
好了！
很方便吧！
一下子就完成了！
如果要調整大小或位置，就如同調整圖形的技巧一樣。
如果您臨時想更
升级会员 