网页设计基础ppt.ppt

平时上网干什么？ 主要使用什么浏览器？ 怎样打开校园网？ 怎样创建一个网页（网站）？ 网站保存在什么地方？ HTML? HTTP? URL? B/S模式 实践1 创建一个基本的网页：myindex.html 在本地计算机中访问这个网页 在浏览器中访问这个网页 区别是什么？ 构建网站的流程是怎样的？ * 布局的常用技术 CSS布局 表格布局 框架布局 * 相关技巧 第一屏与版面尺寸 多分辨率的支持 流媒体 空白的处理 字体不要太多 链接层次不要太深 表格嵌套不要太多 * 基本经验： 忌“花”：色彩不要过多 冷暖搭配要谨慎 网站各界面色彩统一 不要用“花”背景（避免“喧宾夺主”） 网页设计 矫桂娥 邮箱：jiaoguie@126.com 办公室：1205# * 主要内容 网页框架的搭建：dreamweaver/flash 网页动态元素的使用：flash 网页静态元素的使用：photoshop/fireworks * 网页框架的搭建 网页制作的基础知识等 标记语言xhtml的使用 css样式的应用 Web常见网页元素的创建 标准之行为的使用 综合实例 * 网页动态元素的使用 Flash基本动画特效 网页中常见的动画元素 Flash ActionScript3.0基础知识 Flash交互应用程序的创建 * 教材 主教材 《 CSS网页设计标准教程》人民邮电出版社 参考教材 《网页制作综合技术教程》 网址：校课程中心网站《网页设计》(矫) 《 Dreamweaver cs3网页制作基础教程》 《dreamweaver 与xml综合应用》 《flash 网站制作创意与表现》 * 课程性质 考核方式：考试课 平时成绩：课堂表现，考勤，随堂作业，实验报告等（40%） 考试部分：上机考，网页设计（60%） * 课程性质 考核方式：考查课 考核次数：平时和两次考核 平时成绩：课堂表现，考勤，随堂作业，实验报告等（30%） 第一次考核：网页设计部分（40%） 第二次考核：网页的动画部分（30%） * 教学进度 考查课，共64课时。 网页设计部分：48课时，校内教师讲授 网页动画部分：16课时，校企合作单位讲授 * 教学进度 考试课，共48课时。 网页设计部分：48课时，校内教师讲授 网页动画部分：12课时，校企合作单位讲授 * 网页基础知识 基本概念 网站开发流程 网页标准 网页布局分类以及技术 * 基本概念 网页：web服务器上供客户端用户浏览的文件 网站：一系列网页的组合，拥有相同或相似的属性并通过各种链接相关联。 主页：网站的第一个页面 服务器与 浏览器关系示意图 * 网页分类 静态网页 动态网页 客户端动态技术 服务器端动态技术 * 网页开发工作流程 规划站点 确立站点的策略或目标，确定所面向的用户以及站点的数据需求 设置开发环境 选择Web服务器，利用Dreamweaver等软件定义站点以及数据源 规划页面设计和布局 用绘图工具创建页面和界面模型，使用Dreamweaver等布置页面 * 创建内容资源 使用ps、flash等创建图像、视频等 组合、测试和部署站点 使用dreamweaver等编译资源，测试代码，将站点发布到服务器上 维护、更新站点 使用dreamweaver等保持内容的更新 * 网页基本元素 导航栏 表单 动画 超链接 文本 表格 图片 声音和视频 其他常见元素 * 网页标准的组成 Web2.0网页标准： 结构标准语言：xhtml和xml 表现标准语言：css 行为标准语言：dom、ecmascript * 结构标准语言 Xml可扩展标记语言：满足网络信息发布的需要，网络数据的转换和描述 Xhtml可扩展超文本标记语言：是html向xml过渡的一个桥梁，是一个引导人们逐步走向规范的过渡方案 * SGML，通用标记语言标准，定义电子文档结构和内容描述的标准。 1989前后，html问世，至今html5.0版本 缺陷： 内容和格式在一起存放 处理图像等多媒体能力比较弱 标记有限等 * 表现标准语言 网页的表现是赋予内容的一种样式，也就是文档看起来的样子。 CSS，层叠样式表，布局网页，控制网页的表现 CSS（网页的表现）AND Xhtml（网页的结构），使得站点的访问和网页的维护更加容易 * 行为标准语言 DOM，文档对象模型，与浏览器、平台、语言的接口，使用户可以访问页面其他的标准组件 ECMAScript，标准脚本语言 * 网页标准的优点 客户端 文件下载与页面显示速度更快 内容能被更多的用户访问 内容能被更广泛的设备访问 用户能够通过样式选择定制自己的表现界面 所有页面都能提供适于打印的版本 * 服务器端 更少的代码和组件，容易维护 带宽要求降低（代码更简洁），成本降低 更容易被搜索引擎搜索到 改