《网页设计与制作》第一章：网页制作基础概述.ppt

网页设计与制作 ;Web和浏览器 Web Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） 在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 ; URL;*;*;浏览器;搜索引擎的使用;认识网站;1.门户网站;2.个人网站;3.专业网站;4.职能网站;认识网页;网页中的元素;1.2　网页制作的相关知识;1、HTML网页;*;*;*;*;2、XML语言;1.22 静态网页和动态网页;1.23 WEB服务器端程序;1.3 网页制作的基本方法;开始网页制作;网页制作的原则;制作网页时要注意的问题;1.4 MACROMEDIA STUDIO MX2004;网页设计相关简介;2. VBScript和Javascript Script 脚本语言，是一种简单的描述性语言，是HTML最重要的一个补充。是动态网页得以实现。 脚本语言和HTML是无缝连接的，脚本语言通过SCRIPT标记嵌入HTML文档中，并可被浏览器选择编译。 完成的功能：动态网页、输入验证、表单处理、数据库查询、表单生成、输出定向等等。;3. CSS 提供网页继承功能的级连样式单语言 “级连样式单”(Cascading Style Sheets)CSS CSS支持HTML3.2以后的版本。 CSS的所有语法定义在STYLE的标记中，语法是围绕定义对象属性展开的。 CSS可以被Javascript脚本语言所调用，以实现更为广泛意义上的Web页面的动态改变，这以技术与HTML的结合构成了动态HTML(Dynamic HTML)的基本骨架。;3. DHTML （Dynamic HTML） 动态HTML 动态样式 是开发者改变内容的外部特征而不强调用户再次下载全部内容。 动态内容 是开发者改变显示在一页上的文本和图象，以便内容能够交互地对用户的鼠标和键盘操作作出响应。 动态定位 是开发者以自动方式或对用户的操作作出响应的方式，移动页面上的文本和图象。 DHTML分为四部分： HTML4.0、层叠样式表(CSS)、文档对象模式(DOM)、脚本语言，这四部分结合在一起构成了DHTML的坚实基础。;4. Java Applet Java语言是一种简单的、面向对象的、分布式的、解说型的、健壮安全、结构中立、可移植、高效能、多线程、动态的编程语言。 5. ActiveX 基于OLE(Object Linking and Embedding)技术的一种技术。;6. CGI 通用网关接口 接受客户端的请求，经过辨认和处理，生成HTML文档并重新传回到客户端，实现这种交流过程的编程称为通用网关接口(VGI)编程。 7. ISAPI(Internet Server Application Programming Interface) Internet服务器应用程序接口 ISA Internet服务器应用程序 ISAPI过滤器;8. ASP 动态服务器页面 （Active Server Pages） 服务器端动态产生页面。 9. VRML 虚拟现实语言 （Virtual Reality Modeling Language） /WebSite/index.aspx?conferenceID=1c4acb99-b767-412d-b218-acfb1527450d ASCII的描述语言。 VRML以节点(Node)作为基本单位，一个节点可以是单一的3D造型。;启动与退出DREAMWEAVER MX 2004; 启动DREAMWEAVER MX 2004;启动DREAMWEAVER MX; 启动DREAMWEAVER MX 2004;启动DREAMWEAVER MX 2004;退出DREAMWEAVER MX 2004;DREAMWEAVER MX 2004的工作界面; DREAMWEAVER MX2004的工作窗口;DREAMWEAVER MX 2004的工作界面;创建站点 ; 规 划 站 点; 规 划 站 点;站点的概念;规划站点结构;规划站点结构;创建导航草图;创建导航草图; 应用举例——规划“诚与”广告公司站点;规划诚与广告公司站点结构图;【实例1】创建一个站点 使用菜单“站点”“管理站点”打开站点管理对话框，进行操作;打开站点和编辑站点信息;使用“高级”方式定义站点; DREAMWEAVER MX2004的基本操作;　设置工作界面;对象的大小和颜色; 设置图像大小的多种操作方式;6.使用面板组的属性面板 　　使用菜单“窗口”→“属性”或单击“标签检查器”面板