页设计基础知识ppt课件

.,1,网页设计,矫桂娥邮箱：jiaoguie办公室：1205#,2,主要内容,网页框架的搭建：dreamweaver/flash网页动态元素的使用：flash网页静态元素的使用：photoshop/fireworks,3,网页框架的搭建,网页制作的基础知识等标记语言xhtml的使用css样式的应用Web常见网页元素的创建标准之行为的使用综合实例,4,网页动态元素的使用,Flash基本动画特效网页中常见的动画元素FlashActionScript3.0基础知识Flash交互应用程序的创建,5,教材,主教材CSS网页设计标准教程人民邮电出版社参考教材网页制作综合技术教程网址：校课程中心网站网页设计(矫)Dreamweavercs3网页制作基础教程dreamweaver与xml综合应用flash网站制作创意与表现,6,课程性质,考核方式：考试课平时成绩：课堂表现，考勤，随堂作业，实验报告等（40%）考试部分：上机考，网页设计（60%）,7,7,课程性质,考核方式：考查课考核次数：平时和两次考核平时成绩：课堂表现，考勤，随堂作业，实验报告等（30%）第一次考核：网页设计部分（40%）第二次考核：网页的动画部分（30%）,8,教学进度,考查课，共64课时。网页设计部分：48课时，校内教师讲授网页动画部分：16课时，校企合作单位讲授,9,9,教学进度,考试课，共48课时。网页设计部分：48课时，校内教师讲授网页动画部分：12课时，校企合作单位讲授,10,网页基础知识,基本概念网站开发流程网页标准网页布局分类以及技术,11,平时上网干什么？主要使用什么浏览器？怎样打开校园网？怎样创建一个网页（网站）？网站保存在什么地方？,12,基本概念,网页：web服务器上供客户端用户浏览的文件网站：一系列网页的组合，拥有相同或相似的属性并通过各种链接相关联。主页：网站的第一个页面,13,HTML?HTTP?URL?,14,B/S模式,服务器与浏览器关系示意图,15,网页分类静态网页动态网页客户端动态技术服务器端动态技术,16,实践1,创建一个基本的网页：myindex.html在本地计算机中访问这个网页在浏览器中访问这个网页区别是什么？构建网站的流程是怎样的？,17,网页开发工作流程,规划站点确立站点的策略或目标，确定所面向的用户以及站点的数据需求设置开发环境选择Web服务器，利用Dreamweaver等软件定义站点以及数据源规划页面设计和布局用绘图工具创建页面和界面模型，使用Dreamweaver等布置页面,18,创建内容资源使用ps、flash等创建图像、视频等组合、测试和部署站点使用dreamweaver等编译资源，测试代码，将站点发布到服务器上维护、更新站点使用dreamweaver等保持内容的更新,19,网页基本元素,导航栏表单动画超链接文本表格图片声音和视频其他常见元素,20,20,网页标准的组成,Web2.0网页标准：结构标准语言：xhtml和xml表现标准语言：css行为标准语言：dom、ecmascript,21,21,结构标准语言Xml可扩展标记语言：满足网络信息发布的需要，网络数据的转换和描述Xhtml可扩展超文本标记语言：是html向xml过渡的一个桥梁，是一个引导人们逐步走向规范的过渡方案,22,22,SGML，通用标记语言标准，定义电子文档结构和内容描述的标准。1989前后，html问世，至今html5.0版本缺陷：内容和格式在一起存放处理图像等多媒体能力比较弱标记有限等,23,23,表现标准语言网页的表现是赋予内容的一种样式，也就是文档看起来的样子。CSS，层叠样式表，布局网页，控制网页的表现CSS（网页的表现）ANDXhtml（网页的结构），使得站点的访问和网页的维护更加容易,24,24,行为标准语言DOM，文档对象模型，与浏览器、平台、语言的接口，使用户可以访问页面其他的标准组件ECMAScript，标准脚本语言,25,25,网页标准的优点客户端文件下载与页面显示速度更快内容能被更多的用户访问内容能被更广泛的设备访问用户能够通过样式选择定制自己的表现界面所有页面都能提供适于打印的版本,26,26,服务器端更少的代码和组件，容易维护带宽要求降低（代码更简洁），成本降低更容易被搜索引擎搜索到改版方便，不需要变动页面内容提供打印版本而不需要复制内容,27,27,“内容+结构+表现”构成了一个网页的不可缺少的组成部分内容是页面传达信息的基础，文本、图片、音乐、视频、数据、文档等表现使得内容的传达变得更加明晰和方便，字体样式、对齐样式、背景修饰等。结构是表现和内容的纽带,28,28,RIA的概念,Macromedia公司在业界率先提出RichInternetApplication（简称RIA，富互联网应用程序）的概念，它是一种具高度互动性和丰富用户体验的新一代网络应用程序框架，能带给用户一个直观、快速响应和丰富的互动体验的运行环境，为用户带来前所未有的体验。在技术上，RIA将客户层的设计从以页面为中心提升到以组件为中心，从而改进了客户端程序的设计。目前多家厂商纷纷推出了自己的RIA解决方案，如已经成为主流的Ajax技术，微软的SilverLight和Sun的JavaFx，Adobe的Flex等，这些技术各有特点。,29,网页布局的原则,平衡性对称性对比性疏密度比例,30,常见的网页布局“国”字型布局拐角型布局标题文本型布局左右（或者上下）框架型布局综合框架型布局封面型布局Flash型布局变化型布局,31,布局的常用技术C