网页设计与制作40277.ppt

什么是动态网页 PHP (Hypertext Preprocessor) (超文本预处理器）是一种HTML内嵌式的语言（类似于ASP） 服务器端：Unix，Linux，或者Windows操作系统下； 客户端：普通浏览器。 优点：免费、开放源代码；缺点：缺乏大公司的支持。 ASP.NET 微软产品,其前身是asp 静态网页的设计与制作 课程用到的软件dreamweaver CS4 重点掌握dreamweaver CS4的使用方法 评价方式 网页的组成元素 文本 图像 动画 超链接 表格 表单 音频 视频 1.文本 文本是网页存在的基础.在网页中,网页的设计与制作者可以通过设置字体、字号、颜色等来改变文本的视觉效果。 2.图像 3.动画 网页动画主要分为flash动画和gif动画。其中，flash动画运用的最广泛，gif动画通常用于制作简单的、只有几帧图片的交替动画。 4.超链接 所谓超链接是指从一个网页指向一个目标的链接关系。这个目标可以是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件甚至是一个应用程序。它表明了网页文件之间的相互链接关系。 5.表格 表格的两大用途：显示数据和排版 6.表单 7.音频 网页中的音频文件格式： WAV格式：无损的音乐。完全未经压缩，10MB/分钟。Windows系统使用的标准数字音频格式。 MP3格式：能够以较小的比特率、较大的压缩比达到近乎完美的CD音质。 MIDI格式。文件一般较小，常用于提供背景音乐。 WMA格式：适合在网络上在线播放 RealAudio：流动的旋律。流音频格式，主要用于提供网络实时广播。Real的文件格式主要有：ra、rm、rmx等。 8.视频 网页中的视频文件格式： ASF、WMV、RM、RMVB 主要内容 html——（Hyper Text Markup language)超文本标记语言 CSS——（Cascading Style Sheets）层叠样式表 Dreamweaver CS4的使用 网站创建三步曲 1、网站的整体规划和设计 主题和内容的确定 网站栏目的确定 网站目录结构的设计 网站链接结构的设计 网站的风格设计 2、网站素材的准备和收集 3、网页的设计制作 网站链接结构的设计 星状链接结构：每个页面相互之间都建立有链接。优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路。 大型网站开发群体的人员组成 创建站点注意事项 * * 网页设计与制作 ——李顺 办公电话：3980517 手机E-mail:muzicancan@163.com WWW工作原理 客户端 服务器端 发出请求 发回网页 所谓”静态”指的是网站的网页内容”固定不变”,当用户浏览器通过互联网的http协议向web服务器请求提供网页内容时,服务器仅仅是将原已设计好的html文档传送给用户浏览器.如果网站维护者要更新网页的内容,就必须手动更新所有相关的html文档. 静态网页的扩展名：htm或html 什么是静态网页 静态网页示例 静态网页的工作原理 接受请求 找到静态网页 发送网页 服务器端 客户端 由用户生成内容 所谓动态网页，就是服务器端可以根据客户端的不同请求动态产生网页内容。 两个显著特点： 可以动态产生页面 支持客户端和服务器端的交互功能 动态网页示例 BBS论坛 留言板 聊天室 动态网页的工作原理 接受请求 找到动态网页 发送网页 服务器端 执行程序 生成HTML页面 客户端 动态网页制作工具 常用的动态网页制作工具有： ASP（Active Server Pages) 微软公司推出 服务器端：Windows 2000+IIS、Windows XP+IIS ； 客户端：普通浏览器即可 特点：将VBscript、或JavaScript嵌入到HTML中。 优点：简单易学、容易上手；缺点：不能跨平台 JSP(JavaServer Pages) 是Sun公司推出的网站开发技术，是将纯Java代码嵌入HTML中实现动态功能的一项技术。JSP是将Java程序片段（Scriptlet）和JSP标记嵌入普通的HTML文档中。 优点：跨平台；缺点：复杂难学 课程定位 开卷考试+平时成绩 制作网页时可用的图片格式： GIF图形采用非失真的压缩方式,在压缩的过程中,像素信息不会被牺牲掉,被牺牲的是图形的颜色,GIF图片文件最多只能保存256色,对于颜色不多、线条清楚的图，采用GIF格式。GIF图像支持透明的背景色和动画格式。 JPG/JPEG图片文件采用失真的压缩方式，图片在压缩的过程中，图形的像素信息会被