《动态网页设计与制作实用教程》电子教案

《动态网页设计与制作实用教程》电子教案制作：程伟渊任俊杰目录网页设计概述FlashMX基础知识动画角色的绘制与编辑动画的基本形式洋葱皮、图层及声音的应用动画技术的综合应用FireworksMX基础知识位图编辑与动画制作图像的优化与导出DreamweaverMX基础知识设计页面布局网页元素的添加与编辑链接、库与模板浏览器动态网页的制作服务器动态网页知识基础服务器动态网页的制作动态网页设计实例站点管理1.1网页设计的基本方式1.2网页中的常见元素1.3网页元素的创作与编辑工具1.4HTML基础知识1.5动态网页的支持技术第1章网页设计概述第2章FlashMX基础知识2.1认识FlashMX2.2FlashMX的工作界面2.3创建与保存动画第3章动画角色的绘制与编辑3.1图形角色的绘制与填充3.2编辑图形角色3.3角色创作实例第4章动画的基本形式4.1动画制作的有关概念4.2三种基本动画形式第5章洋葱皮、图层及声音的应用5.1洋葱皮效果的应用5.2图层的应用5.3声音效果的应用第6章动画技术的综合应用6.1交互动画的制作6.2动画的输出与优化6.3动画制作综合实例第7章FireworksMX基础知识7.1网页图像概述7.2认识FireworksMX7.3矢量图像的绘制与编辑7.4修改对像第8章位图编辑与动画制作8.1位图的编辑8.2在FireworksMX中建立动画实例第9章图像的优化与导出9.1图像的优化9.2图像的导出第10章DreamweaverMX基础知识10.1认识DreamweaverMX10.2本地站点的建立10.3网页的建立与保存第11章设计页面布局11.1使用表格对页面进行布局11.2在布局视图中对页面进行布局11.3使用框架对页面进行布局11.4使用层对页面进行布局第12章网页元素的添加与编辑12.1添加文本和设置文本格式12.2图像的添加与编辑12.3媒体的添加与编辑12.4表单的添加与编辑第13章链接、库与模板13.1链接13.2库项目13.3模板第14章浏览器动态网页的制作14.1行为与行为面板14.2应用行为制作动态网页第15章服务器动态网页知识基础15.1ASP技术基础15.2脚本语言简介15.3数据库基础知识15.4测试服务器的建立15.5ASP应用程序举例第16章服务器动态网页的制作16.1动态站点的建立16.2后台数据库的设计16.3数据提交功能的实现16.4数据显示功能的实现16.5数据查询功能的实现16.6数据维护功能的实现16.7成绩管理系统主页的建立第17章服务器动态网页的制作17.1网上新闻发布17．2网上投票系统的设计第18章站点管理18.1测试本地站点18.2站点文件的上传18.3站点的维护与管理18.4宣传自己的网站附录：经典网页赏析经典网页赏析1经典网页赏析2经典网页赏析3经典网页赏析4经典网页赏析5经典网页赏析61.1网页设计的基本方式1.1.1手工编码方式1.1.2利用可视化工具1.1.3手工编码与可视化工具结合1.2网页中的常见元素1.2.1文本1.2.2图象与动画1.2.3音频与视频1.2.4超级链接1.2.5表格1.2.6表单1.2.7导航栏1.2.8其他元素1.3网页元素的创作与编辑工具1.3.1网页图像制作工具1.3.2动画制作工具1.3.3网页编辑工具1.4HTML基础知识1.4.1HTML的基本概念1.4.2HTML的基本语法结构1.5动态网页的支持技术1.5.1ASP技术1.5.2PHP技术1.5.3JSP技术2.1认识FlashMX2.1.1FlashMX的发展2.1.2FlashMX的新增功能2.2FlashMX的工作界面2.2.1菜单栏2.2.2工具栏和绘图工具箱2.2.3时间轴面板2.2.4属性面板2.2.5其他面板2.3创建与保存动画2.3.1创建与保存动画2.3.2文档属性设置3.1图形角色的绘制与填充3.1.1图形角色的绘制3.1.2颜色的填充3.2编辑图形角色3.2.1选取角色3.2.2复制和删除3.2.3擦除角色工具3.2.4变形工具3.3角色创作实例3.3.1笑脸/哭脸的绘制3.3.2花朵的制作3.3.3放大镜绘制3.3.4水晕的制作3.3.5放射齿轮的绘制3.3.6弯月的制作4.1动画制作的有关概念4.1.1场景4.1.2时间轴4.1.3帧4.1.4元件4.2三种基本动画形式4.2.1逐帧动画的制作4.2.2位移动画的制作4.2.3变形动画5.1洋葱皮效果的应用FlashMX中有种专门的多帧编辑与对齐模式，叫作洋葱皮效果(OnionSkin)，它们位于时间轴下面。把洋葱皮视图模式打开，点按时间轴下面的图标，时间轴会变成时间轴上出现了两个圆圈，它们分别代表洋葱皮的起始帧与终止帧，凡是在这个范围内的帧都可在同时间进行显示。现在我们把右边的圆圈拉到第30帧工作区中的内容也会有所变化，从第1帧到第30帧的内容全显示出来了。洋葱皮模式的作用主要是用来进行多帧编辑，在进行起始帧与终止帧的元素精确定位时，它常常是必不可少的工具。元件有个中心点，它是缩放与旋转操作的参照点，因此在进行多帧编辑时有必要先改变元件的中心点再进行编辑。改变元件中心点的操作是在元件的编辑窗口中进行的。5.2图层的应用5.2.1图层的状态5.2.2图层的基本操作5.2.3图层的属性5.2.4引导层5.2.5遮罩层5.3声音效果的应用5.3.1影响声音质量的因素5.3.2音频文件的导入5.3.3给动画加上声音6.1交互动画的制作6.1.1交互动画的原理6.1.2简单交互动画的制作6.1.3交互动画实例6.1.4交互性的检测6.2动画的输出与优化6.2.1Flash动画的输出6.2.2Flash动画的优化6.3动画制作综合实例6.3.1下落的弹性小球6.3.2放大镜6.3.3水中倒影6.3.4光笔写字6.3.5书本翻页6.3.6电子琴6.3.7鼠标跟随效果的制作6.3.8秋雨连绵7.1网页图像概述7.1.1图像的格式7.1.2矢量图像和位图图像7.2认识FireworksMX7.2.1FireworksMX的特点7.2.2FireworksMX的工作界面7.2.3文档的基本操作7.3矢量图像的绘制与编辑7.3.1图像的绘制模式7.3.2矢量图像的绘制7.3.3布局工具的使用7.3.4标题文字的制作7.4修改对像7.4.1选择对像7.4.2组织和管理对像7.4.3整形路径8.1位图的编辑8.1.1位图编辑工具8.1.2位图编辑实例8.2在FireworksMX中建立动画实例8.2.1建立动画对象8.2.2动画的设定8.2.3动画预览8.2.4动画的编辑8.2.5.编辑运动路径8.2.6输出gif动画9.1图像的优化9.1.1优化图像应考虑的因素9.1.2图像优化的途径9.2图像的导出9.2.1常规输出9.2.2输出一个图像的区域9.2.3输出切片9.2.4输出Flash格式9.2.5使用“导出向导”10.1认识DreamweaverMX10.1.1DreamweaverMX的新增功能10.1.2DreamweaverMx的工作区10.1.3常规参数的设置10.1.4在多用户系统中自定义DreamweaverMX10.2本地站点的建立10.2.1关于站点规划和设计10.2.2本地站点的建立与编辑10.3网页的建立与保存在完成了本地站点的定义之后，现在开始建立我们的第一个网页，操作步骤如下：1.选择网页格式选择“文件/新建”菜单或使用“标准工具栏”的新建按钮，则打开一个对话窗口。选择“基本页”中的“HTML”模式。点击右下角的“创建”按钮，打开一个新的文件窗口。2.设置网页属性在编辑新网页前应该先设置页面属性，也就是对页面进行整体规划。页面属性的设置操作为：选择“修改/页面属性”或在工作区按鼠标右键选择弹出菜单中的“页面属性”选项激活属性设置面板。设置完毕点击右上角的“确定”按钮。3.编辑网页元素在网页上添加文本、图片、表格等网页元素。4.在网页中加注释（1）选中插入注释的位置。（2）选择“插入/文本对象/注释”菜单，在窗口中输入注释内容。（3）编辑注释：双击页面中的注释图标即可进入编辑界面。5．保存网页选择“文件/保存”菜单，给网页命名并存入相应文件夹。11.1使用表格对页面进行布局11.1.1创建表格11.1.2表格的编辑11.1.3对表格进行排序11.2在布局视图中对页面进行布局11.2.1布局视图简介11.2.2布局视图的切换11.2.3绘制布局单元格和表格11.2.4向布局单元格中添加内容11.2.5布局单元格的调整11.2.6设置布局单元格的格式11.2.7设置布局视图参数11.3使用框架对页面进行布局11.3.1框架（集）概述11.3.2创建框架和框架集11.3.3选择框架和框架集11.3.4在框架中打开文档11.3.5保存框架和框架集文件11.3.6设置框架（集）属性11.4使用层对页面进行布局11.4.1层的创建11.4.2层的基本操作11.4.3向层添加内容11.4.4修改现有层的属性11.4.5层和表的转换12.1添加文本和设置文本格式12.1.1文本元素的添加和编辑12.1.2HTML样式的应用12.1.3层叠样式（CSS）的应用12.2图像的添加与编辑12.2.1添加图像12.2.2编辑图像12.3媒体的添加与编辑12.3.1添加Flash影片12.3.2添加Shockwave影片12.3.3向页面添加视频12.3.4向页面添加声音12.4表单的添加与编辑12.4.1表单及表单对象13.1链接13.1.1链接的创建与管理13.1.2链接的应用13.2库项目13.2.1认识“库“项目13.2.2创建和编辑库项目13.2.3.使用库项目13.3模板13.3.1创建编辑模板13.3.2应用模板13.3.3更新模板14.1行为与行为面板14.1.1行为的工作原理14.1.2行为面板的应用14.2应用行为制作动态网页14.2.1与层有关的行为14.2.2打开浏览器窗口14.2.3播放声音14.2.4弹出消息14.2.5设置文本14.2.6显示弹出式菜单14.2.7检查表单14.2.8制作时间线动画14.2.9检查浏览器14.2.10检查插件15.1ASP技术基础15.1.1ASP的概念与工作流程15.1.2ASP应用程序15.1.3ASP的内建对象15.2脚本语言简介15.2.1VBscript基础知识15.2.2VBScript控制结构15.3数据库基础知识15.3.1数据库简介15.3.2ACCESS数据库基本操作15.3.3数据源的建立15.4测试服务器的建立ASP应用程序的脚本代码必须用脚本引擎来解释执行。因此运行Asp程序前应该先安装包含脚本引擎的服务器管理程序IIS或PWS，也就是建立一个测试服务器。任何一台具有IP地址的计算机（没有联网的计算机管理程序默认一个IP地址127.0.0.1），安装上服务器管理程序后就构成了一台服务器。常见的Web服务器管理软件包括IIS（MicrosoftInternetInformationServer）、PWS（MicrosoftPersonalWebServer）、ApacheHTTPServer、NetscapeEnterpriseServer和iPlanetWebServer等。安装哪一种Web服务软件根据所用操作系统而定，在WindowsNT及Windows2000以上中安装IIS最为常用，在Windows95/98安装服务器软件一般只能使用PWS。这里主要讲述服务器管理软的安装与服务器站点的发布过程。说明：与真正的INTERNET服务器相比，测试服务器不需要申请外部IP地址，不需要域名解析，主要用来测试本地机上的ASP应用程序。测试服务器可以是局域网上的计算机，也可以是未连网的单机。如果是局域网内的计算机设成了服务器，则它上面的站点可通过内部IP地址进行访问。如：在局域网上建立了内部IP地址为“192.168.0.51”的测试服务器，则在浏览器地址栏中输入“192.