(2016计算机络.pptVIP

第6章 Web技术与应用 6.1 网页编辑软件 6.2 网站设计的步骤 6.3 HTML 语法 重要概念 6.4 Frontpage2002 6.5 网页/网站上传 6.6 Web技术与应用 6.1 网页编辑软件 HTML文件为纯文字格式（ASCII码） 故可用任何文书编辑软件来编写 唯保存时文档保存类型名须为 htm 或 html 等… – 简单的文书软件（例：记事本） – 文书软件：（例：Word、WPS） – 简易网页编辑软件（例：HotDog） – 浏览器所附之编辑器 – 专业软件： （例：FrontPage、DreamWeaver 、 GoLive 、 …） 网页编辑软件 Microsoft 公司 Frontpage 2002 Macromedia 公司 DreamWeaver MX 2004 版 Firework MX 2004 版：网页图形 Flash MX 2004 版 ： 2D 互动动画 网页编辑软件 Adobe 公司 GoLive (CS 版) ImageReady、Photoshop：网页图形 配合服务器端操作系统的设计语言 Win NT / 2000 ：ASP Active Server Pages 6.2 网站设计的步骤 设定网站的主题 规划网站内容与架构 设计网页版面配置 进行网页制作 测试与上传/定期维护 设定网站的主题 规划网站内容与架构 设计网页版面配置 进行网页制作 测试与上传 其实… 　制作前就应先考虑日后的上传服务器… 首页文件名：index.htm ？ 　　　　　 index.html ？ 　　　　　 default.asp？ 主机功能：计数器？ 　　　　　CGI ？ 　　　　　影音服务器？ 带宽？容量？…. 测试、上传与定期维护 测试与上传 6.3 HTML 语法 重要概念 HTML 标记语法 网页色彩 图形图像文档 多媒体组件之使用 超级链接 HTML网页编写语言 网页（Homepage）制作语言:HTML(Hyper Text Markup Language) 文件后缀名为　htm/html 文件结构：三对标记 实例： (观看源代码） 制作工具： Frontpage， Dreamweaver， Flash， ASP等 HTML网页编写语言 HTML网页编写语言 主要是了解以下HTML标记元素的用途: 1. title 用于指定网页的标题。 如：title北京工业大学/title 2. body 控制整个页面属性(如背景色、背景图等)。 3. font 用于指定字体的大小和颜色。 4. br 用于换行。 5. a href=“URL” 用于超文本链接。 例如：a href=“”北京工业大学/a HTML网页编写语言 6. li 用于控制文字的列表形式。 7. img src=“image-URL” 用于在Web页中嵌入图形。 8. table 用于构造二维表格，常用作网页的版面布局。 9. frame 用于构造框架结构, 如页面左右的分栏结构。 10. form 用于构造表单，实现交互功能，如用户通过填写表单向服务器提交信息。 HTML 标记语法 HTML 标记语法 HTML 标记语法 范例: HTML 语法 重要概念 色彩的选择 网页整体色彩 背景 文字 3 种超链接 表格色彩 儲存格色彩 HTML 语法 重要概念 多媒体组件的使用 HTML 语法 重要概念 图形文档 – GIF or JPG？ HTML 语法 重要概念 替代性建议： 以储存格色彩搭配來取代图形文档 HTML 语法 重要概念 多媒体组件的使用 GIF 动画文档 gif 声音文档 mid HTML 语法 重要概念 超链接的使用 HTML 语法 重要概念 超链接的使用 HTML 语法 重要概念 超链接的使用 绝对 / 相对路径 6.6 Web技术与应用 HTTP超文本传输协议 Web服务器技术 Java 编程语言 JavaScript语言 VBScript语言 ASP 语言 Web多媒体技术 Web与数据库 HTTP超文本传输协议 HTTP超文本传输协议 1. HTTP是互联网的Web技术中使用的网络协议，它是基于客户机-服务器模型的信息发布方式，属于“请求/响应模型”。 2. 在客户机的浏览器中向服务器发送的请求主要有3种方式：GET，HEAD和POST。 Web服务器技术 Web服务器技术 1. Web服务器的用途 在Web浏览器/ Web服务器系统结构中，它用于建立Web站点，并用来创建或存储自己的网页，向互联网用户提供信息服务。 2. W