导图社区数字媒体技术导论（一般指多媒体）9

数字媒体技术导论（一般指多媒体）9

《数字媒体技术导论》刘清堂等第2版.清华大学出版社.第九章数字媒体Web的集成与应用，概括了HTML基础、JavaScript基础、万维网( Web)工作原理、Web的设计与规划、Web的开发、测试、发布、Web集成技术的应用等内容。

编辑于2024-07-02 17:16:50

web开发
万维网
数字媒体技术导论
JavaScript基础

岁岁

他的近期作品查看更多>>

数字媒体技术导论（一般指多媒体）9

社区模板帮助中心，点此进入>>

岁岁

他的近期作品查看更多>>

相似推荐
大纲

互联网9大思维
- 34.3k
- 930
- 2.4k
- 396
MindMaster
电费水费思维导图
- 3.0k
- 3
- 20
- 3
蔡正兆(Joe Choi)
D服务费结算
- 1.1k
- 0
- 13
- 2
蔡正兆(Joe Choi)
组织架构-单商户商城webAPP 思维导图。
- 14.7k
- 3
- 185
- 9
Kacyun
域控上线
- 1.6k
- 163
- 11
- 4
jackrao
python思维导图
- 5.4k
- 533
- 242
- 7
(*^▽^*)
css
- 1.2k
- 1
- 43
- 3
A张舫
CSS
- 3.3k
- 262
- 188
- 33
journey
材料的力学性能
- 1.1k
- 48
- 30
- 4
公瑾.
计算机操作系统思维导图
- 4.3k
- 340
- 204
- 18
journey

数字媒体技术导论（一般指多媒体）

第九章数字媒体的Web集成与应用

HTML基础

概述：超文本标记语言

标签格式（不区分大小写）： <html> <head></head> <body></body> </heml>

标签

文本基本标签

标题文字<hn>，格式：<hn align="属性值">标题内容</hn>

字体、大小、颜色，格式：<font face=" " size=" " color=" ">文字</font>

样式标签：<b>、<i>、<u>

页面布局标签

换行<br>

分段<p>

插入图像标签<img>

超文本链接<a>

表格<table>:定义表<caption>，表头单元格<th>，单元格/列<td>

层叠样式表（css）

定义

以HTML元素为选择符方式

类选择符方式

ID选择符方式

使用

嵌入样式表

连接外部样式表

内嵌样式

属性

字体属性

文本属性

颜色、背景属性

JavaScript基础

开发交互式Web网页，JavaScript 的出现网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容

jsp语言

变量：是程序的执行过程中其值可以改变的量，声明方式：var name

运算符是指定计算操作的一系列符号,也称为操作符。含有：赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运符等。

表达式是运算符和操作数组合而成的式子,通常有赋值表达式、算术表达式、布尔表式和字符串表达式等

语句由若干语包组成的,语句是编写程序的指令

函数可以降低程序的复杂度,增加程序的重用性

函数定义需要注意以下几点(1)函数由关键字 function 定义; (2)函数必须先定义后使用,否则将出错; (3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用雨数时不可写错函数名; (4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量;(5)return语句用于返回表达式的值,也可以没有。

对象-jsp重要功能是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。在JSpt中,对象就是属性和方法的集合。

事件是用户与网页交互时产生的操作

用法

在HTML中嵌入JavaScript，格式：<script language="JavaScript"

引用方式：<script language = "JavaScript" src = url ></script >

先创建一JavaScript 源代码文件“Script.js” 将“javascript.htm”文件的内容修改为如下的形式: <title>链接JavaScripte 代码</title> <script language = "JavaScript" src = Script.js></script >

实例

万维网( Web)工作原理

服务器：客户机给Web服务器发送页面请求,Web服务器根据请求,把相应的页面发回给客户机，由浏览器负责进行浏览。

HTTP 协议即超文本传输协议，是基于请求/响应模式的

Web，万维网/全球信息网，工作原理是基于客户/服务器计算模型，文本传输协议（HTTP）

(1)用户启动客户端应用程序(浏览器),在河览器中人将要访问的页面的 URI.地址。 (2)浏览器根据URL地址,向该地址所指向的We假务器发出请求。 (3)Web服务器根据浏览器送来的请求,把 URL,地址楼换成页面所在的服务器上的文件全名,找到相应的文件。 (4)如果 URL指向HTML文档,Web服务器使用 HTTP 协议把该文档直接送给浏览器。 (5)浏览器解释HTML文档,在客户端屏幕上显示结果,

Web的设计与规划

设计理念：讲究编排结构和布局，把页面联系反应出来，注意导航清晰

设计定位：总体设计方案-针对所服务的对象（机构/人）

制作流程：规划框架-树状结构、星形、树形、网状连接

布局理念：网页布局-“国”字/拐角形、/标题正文/左右框架/上下框架/综合框架/封面型

Web的开发、测试、发布

Web的开发

准备阶段：规划网站框架

开发过程

站点的建立

页面内容的制作

视图状态

“设计”视图

“代码”视图

“拆分”视图

“预览”视图

制作主页

文件名不要用中文

测试、发布

网站测试

拼写检查

测试链接

用网页浏览器测试战点

网站发布：FTP工具

Web集成技术的应用

应用技术体系

资源共享和复用技术：XML是互联网上数据交换的标准，被称为可扩展的标注元语言（可共享、可读取、可重用的数据

用户参与和协作技术：核心理念-“广泛的用户参与”；Tag技术是模糊化、智慧化的分类技术，在Web基础上对Wiki文本进行浏览、创建、更改，而且创建、更改发布的代价远比HRML文本小

用户体验提升技术：AJAX技术是基于XML的异步JavaSeript,是一种异步交互技术,通过解决传统的C/S模下因用户发起请求后页面响应速度慢而造成网络传输带宽和服务器压力大的问题,进而升了业务的用户体验

AJAX技术特点异步响应、无刷新、按需获取数据等；可降低交互信息量,提高服务器响应速度,大幅减少交互等待时间,其工作原理: ①客户端浏览器产生个JavaScript的事件，创建XMLHttpRequest 对象，并对XMLHttpRequest对象进行配置; ②通过AJAX引擎发送异步请求; ③服务器接收请求并且处理请求,返回数据内容; ④客户端浏览器通过回调函数处理响应回来的内容,最后更新页面内容。

应用领域：电子商务、企业管理、图书情报、教育

9、网络多媒体技术万维网的基本概念，网站的主要开发过程分析，html语言基础，综合案例

数字媒体技术导论 （一般指多媒体）9

数字媒体技术导论 （一般指多媒体）9

数字媒体技术导论（一般指多媒体）9

数字媒体技术导论（一般指多媒体）9