07数字媒体的Web集成与应用_第1页
07数字媒体的Web集成与应用_第2页
07数字媒体的Web集成与应用_第3页
07数字媒体的Web集成与应用_第4页
07数字媒体的Web集成与应用_第5页
已阅读5页，还剩28页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第七章数字媒体的Web集成与应用目录7.1HTML基础7.2JavaScript基础7.3Web的工作原理7.4网站的设计与规划7.5网站的创作7.6网站的测试与发布27.1HTML基础7.1HTML基础7.1.1HTML概述7.1.2HTML文档的结构7.1.3HTML中的标签7.1.4层叠样式表37.1.1HTML概述HTML是英文HypertextMarkupLanguage的缩写，中文的意思是超文本标记语言。47.1.2HTML文档的结构一个HTML文档的一般结构形式如下：5<html><head><title>我的第一个网页</title></head><body>

这是html文档的主体部分，也就是网页的内容。

</body></html>7.1.3HTML中的标签文字基本标签页面布局标签插入图像标签插入超链接表格61、文字基本标签（1）标题文字标签<hn>7<html><head><title>标题示例</title></head><body>

<h1>最大的标题</h1><h3>使用h3的标题</h3><h6>最小的标题</h6></body></html>1、文字基本标签（2）文字的字体、大小和颜色标签<font>8<html><head>…</head><body>

<fontcolor="#FF0000"size="2"><b>粗体文字示例</b></font>

<br><i>斜体文字示例</i><br><u>下划线文字示例</u></body></html>2、页面布局标签（1）换行标签<br>换行标签是个单标签，也叫空标签，不包含任何内容，在HTML文件中的任何位置只要使用了<br>标签，当文件显示在浏览器时，该标签之后的内容将从下一行显示。例如在图7-4所示的效果中就使用了<br>标签。92、页面布局标签（2）分段标签<p>由<p>和</p>标签所标识的文字，代表同一个段落的文字。分段标签<p>的一般格式为： <palign="属性值">段落内容</p>其中，align是<p>标签的属性，属性值可以是left、center和right之一，它们分别用来设置段落文字的左对齐、居中对齐和右对齐。103、插入图像标签HTML支持的图像文件格式有gif、jpeg等。在HTML文档中插入图像文件要使用<img>标签，其具体使用格式为： <imgsrc="图像文件名">其中src是source的英文缩写，“图像文件名”是图像文件的URL地址；。113、插入图像标签如下的HTML文档在浏览器中显示的效果如图所示。12<html><head><title>插入图像文件示例</title></head><body><imgsrc="face1.gif"><imgsrc="face1.gif"width="80"height="80"></body></html>4、插入超链接在HTML中，简单的链接标签是<a>。它的基本语法是： <ahref="文件名">...</a>

或<ahref="URL">...</a>其中href是英文hypertextreference的写。例如，利用记事本输入下面的HTML文档。134、插入超链接如下的HTML文档在浏览器中显示的效果如图所示。14<html><head><title>HTML超链接</title></head><body><h2>HTML超链接示例</h2><ahref="first.html">我的第一个网页</a>|<ahref="">网易</a>|</body></html>5、表格一张表格有许多表元素组成，如表的标题、表行、表列标题等。HTML为表格规定了表元素标签和属性。一般的HTML文档表格结构如下所示：<table><tr><td>第一行第一个单元格</td><td>第一行第二个单元格</td></tr></table>155、表格167.2JavaScript基础7.2JavaScript基础7.2.1JavaScript简介7.2.2JavaScript语言7.2.3JavaScript在网页中的用法7.2.4JavaScript在网页中的应用示例177.2.1JavaScript简介JavaScript是由Netscape公司开发的一种脚本语言，它是适应动态网页制作的需要而诞生的一种广泛地使用于Internet网页制作上编程语言。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。187.2.2JavaScript语言变量运算符表达式语句函数对象事件197.2.3JavaScript在网页中的用法在HTML中嵌入JavaScript引用方式201、在HTML中嵌入JavaScript如下的HTML文档在浏览器中显示的效果如图所示。21<html><head><title>JavaScript示例</title><scriptlanguage="JavaScript"><!--document.write("这是JavaScript！采用直接插入的方法！");//JavaScript结束

--></script></head></html>2、引用方式如果已经存在一个JavaScript源文件（以js为扩展名），则可以采用如下引用的方式。其基本格式为：

<scriptlanguage="JavaScript"src＝url></script>如下的HTML文档引用了script.js文件。22<html><head><title>链接JavaScripte代码</title><scriptlanguage="JavaScript"src＝"script.js"></script></head></html>7.3Web的工作原理7.3Web的工作原理7.3.1Web服务器7.3.2客户端程序7.3.3HTTP协议237.3Web的工作原理Web全称WorldWideWeb，简称WWW，称为万维网或全球信息网。Web是目前Internet上最为流行、最受欢迎的一种信息检索和浏览服务。Web的工作原理是基于客户/服务器计算模型，由Web浏览器（客户机）和Web服务器构成，两者之间采用超文本传输协议（HTTP）进行通信。Web工作原理如右图所示。247.3.1Web服务器WorldWideWeb上的所有内容都存储在世界上某处的Web服务器上，Web服务器是运行在计算机上的一种软件，常见的Web服务器有Apache和IIS（InternetInformationService）。它可以管理各种Web文件，并为提出HTTP请求的浏览器提供HTTP响应。客户机给Web服务器发送页面请求，Web服务器根据请求，把相应的页面发回客户机，由浏览器负责显示，客户浏览。257.3.2客户端程序客户端程序是运行在客户计算机上的一个软件，最常用的是浏览器（如InternetExplorer），它是一种专用程序，允许用户输入URL(UniformResourceLocator，统一资源定位)地址。它负责向服务器发送请求，并显示服务器返回的Web页。267.3.3HTTP协议HTTP协议即超文本传输协议(HypertextTransferProtocol)，是在Internet中进行信息传送的协议。HTTP协议是基于请求/响应模式的。浏览器默认的就是使用HTTP协议，当在浏览器的地址栏中输入一个URL或者是单击一个超链接时，浏览器就会通过HTTP协议，把Web服务器上的网页代码下载下来，并显示成相应的网页。277.4网站的设计与规划7.4.1网站设计理念7.4.2网站设计的定位7.4.3网页制作的规划7.4.4网页设计的布局理念网页布局大致可分为"国"字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型等。287.5网站的创作7.5.1网站创作的准备阶段7.5.2网站创作过程站点的建立页面内容的制作297.6网站的测试与发布7.6.1网站测试在将站点上传到服务器并可供浏览之前，我们首先要在本地对其进行测试。这一过程应该确保页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接307.6网站的测试与发布7.6.2网站发布经过详细的检测，并完成最后的站点编辑工作后就可以发布站点了。发布站点之前，首先需要申请站点的域名和租用服务器空间，然后通过FT

人人文库> 全部分类> 办公材料 > 对照材料

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论