林佳漢 亞洲大學 資訊傳播學系. 大綱 建立表格 表格屬性與外觀的調整 版面配置基礎 調整表格來建立網頁版面 能力指標 課堂活動.

Slides:



Advertisements
Similar presentations
E-portfolio 個人履歷網站教學
Advertisements

Excel –格式設定 資訊教育.
第八章 表格資料的製作 內容概要: 建立表格的方法 編修表格的方法 陰影及反白文字的處理 表格內算數運算的方法 畫表工具列的解說.
第六章 表格的應用 表格是常見的資料表示方法之一,表格同樣可以應用在HTML網頁中,我們不但可以設定簡單的表格,還可以合併儲存格、設定表格顏色、設定框線寬度,製作各種表格上的變化。除此之外,在網頁製作中,表格最常應用到的反而不是繪製一個正常的表格,而是用來對齊資料,大部分您在網路上看到非常整齊的網頁,都是使用表格對齊資料的技巧所完成的。
第 4 章 表格 著作權所有 © 旗標出版股份有限公司.
第四章 求職履歷表製作 學習重點 表格分割 表格框線與網底 建立表格的常見方式 在表格中插入圖片 表格內文字的編輯 表格內公式計算
無線寬頻分享器設定範例 銜接硬體線路 推斷無線基地台的IP 設定無線基地台 相關觀念解釋.
Word (三) 授課教師:曾建得.
版面配置與JPanel 版面配置原理 JAVA常用版面配置 JPanel JScrollPane 作業.
< 標 誌 > 財務會報 財務簡報大綱.
DreamWeaver MX (V) 林偉川.
網頁的版面配置 許明宗.
自由軟體Firefox安裝 及youtube影片下載
DreamWeaver MX (II) 林偉川.
Transparent proxy 班級:資傳四A 組員:林佳辰 陳星宇 邱鈺翔
Q101 在701 SDX Linux上的標準安裝與使用程序v2
第1章 認識Arduino.
第 7 章 設定網頁背景與音樂.
R教學 安裝RStudio 羅琪老師.
影格速率與時間軸刻度比例 接著我們再來看看時間軸面板上其它的功能。在時間軸面板下方會顯示目前動畫所設定的影格速率 (Frame Rate ) 等資訊:
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
網頁切換移轉 JS vs. ASP.NET.
以下這個謎題無法透過宮摒除法完成解題。 但可透過「區塊宮摒除法」或「行列摒除法」完成 By TTHsieh
第 9 章 分割視窗 - Frame 著作權所有 © 旗標出版股份有限公司.
系統設定 IE8相容性檢視
Java 程式設計 講師:FrankLin.
網頁切換移轉 JS vs. ASP.NET.
電腦美術設計基本知識.
Chap3 Linked List 鏈結串列.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
CHAPTER 11 善用框架分割網頁版面.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
Dreamweaver 8 潘雅真老師.
古今地圖比對 國立彰化高中102年高瞻計畫空間資訊專題課程.
第一章 Excel 2007介紹 Microsoft Excel 是一套電子試算表軟體, 提供 豐富的函數及圖表製作 工作表製作功能
HTML – 表格 資訊教育.
PowerPoint 2019/4/9.
如何使用片庫系統.
電子商務新版面問題排除.
HTML – 超連結與圖片 資訊教育.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
把下列各音樂符號和它們的中文名稱配對起來
數字定位棋 1-7
安裝 / 操作 flashget SOP (以Win 7 作業系統為範例)
數學科 六年級下學期.
Word – 排版 資訊教育.
商業套裝軟體 教師: 陳明瑤 電郵:
Power Point 教學單元 實作步驟簡表
GridView.
GridView操作 (II).
實用數學 長度單位的認識與換算.
CVPlayer下載及安裝& IVS操作說明
Visible Body- Human Anatomy Atlas 2017
把下列各音樂符號和它們的中文名稱配對起來
PowerPoint 操作介紹 106 計算機概論
從HTML表格到CSS 靜宜大學 資管系 楊子青.
Dreamweaver 進階網頁製作 B 許天彰.
國立屏東大學宿舍網路連線 設定說明 104/08/12.
博愛醫院鄧佩瓊紀念中學 音程.
5. 令圖畫動起來 Tween 功能介紹 移動效果 顏色漸變效果 形狀漸變效果 離開.
坐標 →配合課本 P49~56 重點 在坐標平面上,以 ( m , n ) 表示 P 點的坐標,記為 P ( m , n ),m 為 P 點的 x 坐標,n 為 P 點的 y 坐標。 16.
如何從政大圖書館館藏目錄匯出書目至EndNote
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
資料表示方法 資料儲存單位.
第一節 餐飲服務的定義及範圍 4-2 鋸條的種類、用途與規則 一. 鋸條規格 二. 鋸條的種類 三. 鋸條的用途.
多國語系 建國科技大學 資管系 饒瑞佶.
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
Visible Body Human Anatomy Atlas
Presentation transcript:

林佳漢 亞洲大學 資訊傳播學系

大綱 建立表格 表格屬性與外觀的調整 版面配置基礎 調整表格來建立網頁版面 能力指標 課堂活動

建立表格 表格的加入可由常用面板中的 「表格」或是功能表「插入 / 表 格」來開啟表格對話視窗。其中 可設定欄與列的個數、表格的寬 度、邊框粗細、內距與間距等。 其中寬度的部分可以選擇以像素 為單位(絕對寬度)或是以百分 比為單位(相對於瀏覽器視窗的 寬度)。內距指的是表格內元素 與表格邊框之間的距離,間距指 的是兩個儲存格之間的距離。

表格屬性與外觀的調整 在插入了表格之後,如果需要對於表格的屬性進行調 整,可以點選表格,命於下方的屬性面板進行調整。 除了插入表格時設定的基本屬性之外,還可以調整表 格的對齊方式。此外,對於表格的大小以及其內部欄 位的寬度均可透過滑鼠拖曳的方式進行調整。只需將 滑鼠游標移至邊框拖曳滑鼠即可進行調整。

版面配置基礎 表格在網頁的一個很重要的用途是作為版面配置的工 具,可以將各元件置放於網頁適當的位置上。在版面 配置上,我們首先要依照各個元件分布的情況加以切 割成較小的單元,每個單元內盡量為單一(種類)元 件,如此在版面的安排上將能夠較為單純。

調整表格來建立網頁版面 在將版面切割成小單元之後,接著要做的便是利用表 格將這些小單元切割出來。為了簡化後續的說明,在 本單元中我們僅利用表格的合併來進行版面的切割與 實作。實務上,如果可以依照個人經驗來搭配分割與 合併的步驟。

能力指標 了解如何建立表格 了解如何調整表格屬性與外觀 了解版面配置基礎觀念 了解如何調整表格來建立網頁版面

課堂活動 請加入一個 4x4 的表格 寬度為 800 像素 請調整表格的寬度跟列數 利用拖曳的方式調整寬度 利用屬性面板調整列數 請進行儲存格合併的動作 從上到下分別為 2 欄、 4 欄、 2 欄、 3 欄 利用拖曳的方式調整每一列中的欄邊界