第9章 网页制作.ppt

第9章_网页制作第9网页制作基础学****HTML语言,掌握网页制作的基础技术。第九章网页制作基础概述网页制作工具配置WEB服务器HTML制作基础级联样式表(CSS)、WebWeb是以HTML语言和HTTP协议为基础、服务、具有一致用户界面的全球信息网络,具有交互性、动态性和多平台等特性。Web访问流程:、HTTP协议超文本传输协议(HyperTextTransferProtocol,简称HTTP)协议,该协议允许用户使用一个客户端程序(如Web浏览器)通过URL在Web服务器上检索文本、图形、声音等信息。三、超文本超文本(Hypertext)也是普通的文本,但是可以通过标记控制文本的显示格式,也可以嵌入链接、图形和其他多媒体信息,因此超文本也常称为超媒体(Hypermedia)。、超链接超链接((Hyperlink)是指从一个网页指向另一个目的端的链接。五、HTML语言HTML是HyperTextMarkupLanguage的简称,用来描述Web页面。HTML通过在正文文本中嵌入各种标记,使普通正文文本具有超文本的功能。HTML文件的扩展名:“.htm”或“.html”生成方式:、DHTML语言动态HTML(简称DHTML)是一种即使在网页下载到浏览器以后仍然能够随时变换的HTML。DHTML有3个主要特征,即动态样式、动态内容和动态定位。动态样式是指改变网页的外部显示特征,动态内容是指更换显示在页面上的文本或图像,而动态定位是指移动页面上的文本和图像DHTML技术:脚本语言(如JavaScript)、文档对象模型(简称DOM)和级联样式表(简称CSS)等。(1)收集、整理资料(2)规划、创建站点(3)制作网页(构建页面框架、导航条、返回首页链接)(4)站点测试(5)(1)整体规划(2)站名有创意(3)主题鲜明(4)网页通用(5)导航要明朗(6)动画不宜过多(7)图像优化(8)“三剑客”:Dreamweaver、Flash和Fireworks它们都提供了一个可用于创建、设计和编辑Web站点及其相应页面的“所见即所得”的制作环境。:使用纯文本编辑器(如“记事本”)直接编写页面的HTML代码。可视化方式:使用可视化制作工具和环境(如FrontPage、Dreamweaver),以“所见即所得”的直观方式设计页面内容,制作工具将自动生成相应的HTML代码。两种方式各有优劣、相辅相成:先用可视化方式设计页面布局和内容,然后用HTML方式检查、修改自动生成的HTML代码。