第七章 超連結的設定 7-1 文字的超連結 7-2 圖片的超連結 7-3 超連結的編修與維護.

Slides:



Advertisements
Similar presentations
Chapter 20. 行銷管理 Chapter 20 網路 行銷 20-2 行銷管理 Chapter 20 網路 行銷 20-3 美國加州大學洛杉磯分校( University of California at Los Angeles )和史坦福研究中心( Stanford Research Institute.
Advertisements

汕头大学医学院 学年学分制学籍管理办法 科教处 - 学籍教材科 郑少燕 2006 - 9 总 则 ♠ 在本校学习的学生,应当政治思想高;应当爱国 勤劳、自强不息,应当遵纪守法,应当刻苦学习, 勇于探索,积极实践,努力掌握现代科学文化知 识和专业技能,应当积极锻炼身体,具有健康体 魄。
第 6 章 加入超連結 著作權所有 © 旗標出版股份有限公司.
绿 色 植 物 在 家 庭 居 室 空 气 污 染 控 制 中 的 作 用 小组成员:.
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
健康上网 初一3班 王诗婷.
我的学校——达县职高 制作人——高一计算机应用二班王天.
东北师大理想信息技术研究院 院长 中国教育软件协会 副主任 英国计算机与自动化学会 顾问
读书报告要求 每人写一篇读书报告。 要求,对学习这门课程之后形成的对计算机科学的一个总的、一般的认识,但不要泛泛而论。
Hadoop 單機設定與啟動 step 1. 設定登入免密碼 step 2. 安裝java step 3. 下載安裝Hadoop
DreamWeaver MX (II) 林偉川.
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
網頁製作入門 電算中心 – 蔡京甫.
Dreamweaver 8 範例:201、202 潘雅真.
應用軟體 本節重點: 應用軟體簡介 Word Excel PowerPoint 資料庫Acess.
HiNet 光世代非固定制 用戶端IPv6設定方式說明
第 7 章 設定網頁背景與音樂.
桌面環境簡介及IDE開發工具 Outline (一)什麼是Linux? (二)桌面環境系統簡介 (三)IDE開發工具.
SQL Stored Procedure SQL 預存程序.
R教學 安裝RStudio 羅琪老師.
網頁切換移轉 JS vs. ASP.NET.
硬體話機設定說明.
系統設定 IE8相容性檢視
檔案傳輸協定(FTP) 9.1 什麼是檔案傳輸協定 9.2 常用的FTP指令 9.3 Windows內建的FTP 9.4 瀏覽器的FTP功能
FTP檔案上傳下載 實務與運用.
私立南山高中 信息組 電腦研習 電腦資料的備份 中華民國 99年4月20日 星期二.
IP, Port, Router and Port forward
網頁切換移轉 JS vs. ASP.NET.
第5章 串連網頁超連結.
DHCP for W2K.
數位鳳凰計畫-復習課程 授課:方順展.
人事差勤系統 網路簽到退 資訊室 黃怡智.
圖片格式簡介 張啟中.
網路程式設計期末project B 張芸菱.
UpToDate Anywhere 設定方法
Dreamweaver 8 潘雅真老師.
Linux作業系統 電腦教室Linux使用說明.
精明使用互聯網教育計劃 K9下載及安裝教學篇.
PowerPoint 2019/4/9.
人文與科技的結合 人文與科技的結合 Right Fax使用說明.
電子商務新版面問題排除.
網路工具運用 講師:鍾詩蘋.
HTML – 超連結與圖片 資訊教育.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
講師:陳永芳 網際網路資源運用 講師:陳永芳
網頁資料知多少? 事 實 ? 謠言?.
讓Emulator可以 使用Android Market
IIS Internet Information Services
首頁標題及內文 WELCOME TO GREEN TREE WORKS LOGO 版型預設導覽列 220px X 60px
Google協作平台+檔案分享(FileZilla+網路芳鄰)
期末考.
一用就上手3D列印設計 AUTODESK 123D Tinkercad 3D 設計網站
Power Point 教學單元 實作步驟簡表
六年級電腦科 KompoZer w3.dhps.tp.edu.tw.
9 November Active Reading: Intermediate:
取得與安裝TIDE 從TIBBO網站取得TIDE
MiRanda Java Interface v1.0的使用方法
Dreamweaver 進階網頁製作 B 許天彰.
1. 查詢個人電腦版本 1.進入控制台 2.點選“所有控制台項目” 3.點選“系統”.
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
ARP攻擊 A 吳峻誠.
電子郵件簡報.
小畫家教學 電子版儲存於 學校網頁/學科資訊/電腦科
DreamWeaver MX (IV) 林偉川.
若要查看更多祕訣、影片、說明和訓練,請瀏覽 aka.ms/officetips
電腦網絡與教學.
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
Banner幻燈片 電腦版 x3 個 : 1980 px X 835px Banner標題文字1
Presentation transcript:

第七章 超連結的設定 7-1 文字的超連結 7-2 圖片的超連結 7-3 超連結的編修與維護

7-1 文字的超連結 超連結 可以將文字或圖片的某個區域做為起點,連結到其他地方。

7-1-1 超連結到檔案 有許多時候,我們希望上網的瀏覽者,能夠將我們預備好的一些文件、表格或圖片直接取出使用,這個時候就可使用 超連結到檔案 的功能來處理。

7-1-1 超連結到檔案

7-1-2 超連結到書籤 如果您要更精確的 超連結 到某一個檔案的某一個位置,那麼就必須要用到 書籤。所謂 書籤 是指在網頁中的特定區域做記號,以便其他物件可以參照使用,並能讓連結迅速的跳躍到這個區域中。

7-1-2 超連結到書籤

7-1-3 超連結到其他網站 一般在網站上都會有一個區域,可以讓使用者從本身的網站超連結到其它的網站。

7-1-4 超連結到電子郵件 如果您希望網頁中可以提供讀者撰寫意見,或是使用電子郵件提出問題,那麼就設計一個 超連結,只要按一下滑鼠,就可以啟動使用者之電腦系統預設的電子郵件軟體,發送電子郵件。

7-1-4 超連結到電子郵件

7-1-5 超連結到新建立的網頁 超連結 並不一定要連結到現成的網頁或是檔案,您也可以將其連結到一個新建立的網頁。超連結到新建立的網頁,通常用於網站開始規劃時,您可以一次就將所有的超連結規劃好,然後利用SharePoint Designer的管理功能,將網頁的 導覽列 設計完成。

7-1-5 超連結到新建立的網頁

7-2 圖片的超連結 可以用圖片當成超連結的起點,同樣可以超連結到不同的區域。圖片超連結 與 文字超連結 的差異,在於同一張圖片可以切分區域,超連結到不同地方。

7-2-1 一般圖片的超連結

7-2-2 建立影像地圖 所謂 影像地圖 就是在一張圖片或影像中,建立多個不同的區域,並建立各自的超連結。

7-2-2 建立影像地圖

7-3 超連結的編修與維護 超連結既然是網頁中的靈魂人物,當然就不准許有任何的閃失!因此,您必須經常檢查與維護,讓這些超連結都能正常運作,沒有中斷的情況產生!

7-3-1 修改與刪除超連結

7-3-2 檢查與維護超連結 在SharePoint Designer中,您可以透過 超連結檢視 及 報告檢視,來了解整個網站的連結狀況。

7-3-3 外部超連結 網頁中的超連結,除了會與自身網站內的網頁互相連結之外,還可能會連結到Internet上的其他網站。

7-3-3 外部超連結

7-3-4 重整超連結 網頁的更新工作,是一種經常性的事務,而其中超連結的部份,亦經常會被更動。因此,定時去重整 超連結 是絕對必要的工作。