資源簡介

(共29張PPT)
互聯網應用中數據的組織
***學校
***
小華是一個熱愛旅行的年輕人，他聽說中國大運河是世界上最長的運河之一，有著悠久的歷史和豐富的文化內涵，于是他沿著中國大運河進行了一次旅行。
數字中國·大運河
數字中國
大運河
旅行結束后，小華將一路的所見所聞都記錄了下來。為了宣傳中國大運河的魅力，他打算參照中國大運河博物館做一個專題網站。
如果你是小華，你將從哪些方面去介紹呢？
文化運河
主要介紹運河概況、歷史沿革與知識圖譜
最美地標
主要介紹溧水胭脂河、無錫環城古運河與蘇州寶帶橋等等
遺產百科與典藏文物
主要介紹運河的各種遺產點與收集的文物
時空地圖
主要介紹中國大運河所流過的城市
數據的組織方法
網站的內容非常多，我們該采用什么樣的方式組織
這些信息呢？
小華為了組織這些信息，構建了結構圖，并搭建了中國大運河博物館的專題網站。
數字中國·大運河
完善網站結構圖
這樣呈現的好處是什么呢？
網站中大量數據被有效組織并分類呈現出來，結構與體系非常清晰！
https:///
請同學們根據網站內容完善網站的結構圖！
互聯網應用中數據的組織方式
互聯網應用中數據的組織方式
互聯網應用中數據的組織方式
互聯網中的數據被分門別類地組織起來，按照時序進行呈現，方便用戶查看與檢索。
郵箱
QQ
小結
學習強國
網頁
互聯網應用中數據的組織方式
數據的組織方法
網頁中的數據是如何組織在一起的呢
數字中國·大運河 ()
數據的組織方法
“國” / “同”字形頁面
同一界面
數據的組織方法
“T”字形頁面
同一界面
數據的組織方法
綜合框架型頁面
同一界面
互聯網應用中數據的組織方式
https:///frontend/#/public/home
通過超鏈接可以將不同位置的數據組織在一起!
P47
不同界面
數據的組織方法
超鏈接
分析網頁中的超鏈接，總結超鏈接有哪些類型。鏈接目標又有哪些類型？
超鏈接是如何實現的呢？它背后的技術原理是什么呢？
PPT超鏈接展示
查看網頁源代碼
瀏覽“話說運河”網頁，查看網頁源代碼，對比源代碼與對應的網頁效果，
你有什么發現？
網頁源代碼是由哪一種計算機語言編寫的呢？
HTML
網頁源代碼是由超文本標記語言（Hyper Text Markup Language,簡稱“HTML”）
編寫的代碼。
HTML是用來描述網頁的一種語言，用它編寫的超文本文檔，包含文本、圖片、音頻、視頻、動畫、超鏈接等元素。
超鏈接可以實現網頁之間的跳轉，從而使世界各地的主機相連接。用HTML編寫的網頁實際上是一種文本文件，它的擴展名是.htm或.html。我們可以使用任何文本處理軟件來創建或處理HTML文件。
HTML
HTML有嚴格的格式，它定義了一系列的標記，用各種標記來標識文件屬性和超鏈接信息，它的標記一般都是成對出現的。
HTML中的標記還有很多，主體部分常用的標記如下：
HTML
第五代超文本標記語言(HTML5，簡稱H5)是最新的HTML標準，有跨平臺、強互動、易傳播等特點。
H5支持在移動設備上播放音頻、視頻等多媒體信息，為互聯網提供了全新的框架。
查看網頁源代碼
若要修改網頁中的文字或更改圖片，應如何修改源代碼呢？
查看網頁源代碼
查看網頁源代碼
在記事本中進行修改
課堂總結
謝謝大家
主講人：***
***學校
網頁制作體驗

展開更多......

收起↑