成教课程设计说明书(2).doc

苏州市职业大学继续教育学院课程设计说明书 名称 动漫前线 2012年5月21日至2012年6月17日共3周院 系 计算机工程系 班 级 11Z计算机应用1 姓 名 吴燕 系主任 李金祥 教研室主任 陈珂 指导教师 沈效良 苏州市职业大学10计算机工程系1班动漫前线内容提要本站概括地介绍一个学生爱好动漫社对动漫的关注，本站主要涉及的网页制作工具有Photoshop、Dreamweaver MX 2004、Flash MX 2004和Fireworks MX 2004。本站总共包括7个网页，大致介绍了一些动漫的事，多数有精彩的flash呈现，精彩的图片结合文字详细介绍了动漫湖人队的一些情况。统一的背景，一致的风格，希望可以给你带来全新的感觉！关键字:1 Dreamweaver2 Flash3 Fireworks4 动漫社 目 录一、 站点规划及思路1二、 使用FLASH制作片头及标题2三、使用Fireworks制作LOGO3四、 建立网页模板4五、 应用CSS样式表5六、栏目网页的制作6七、设计过程中的问题及处理方法7八、 设计体会8九、附录（参考文献）8一、 站点规划及思路随着技术的不断发展和人们对网站功能性的需求不断提高，现在的网站项目的设计已经不能再仅仅地利用静态HtmL文件来实现，与前几年网站设计由一两名网页设计师的创作相比，网站项目的设计和开发越来越像一个软件工程，也越来越复杂，网站项目的设计和开发进入了需要强调流程和分工的时代，建立规范的、有效的、健壮的开发机制，才能适应用户不断变化的需要，达到预期的计划目标。网站需求分析是一个项目的开端，也是项目建设的基石。网站规划是指在网站建设前对于市场进行分析、肯定网站的目的以及功能，并依据需要对于网站建设中的技术、内容、费用、测试、保护等做出规划。网站规划对于网站建设起到规划以及指点的作用，对于网站的内容以及保护起到定位作用。因此一个项目成功的关键因素之一，就是对需求分析的把握程度。本站给予喜欢动漫的人们全新的视觉冲击。在这里，你会见到奇特的组合后完美的进漫瞬间。二、 使用FLASH制作片头及标题（1）Flash片头及标题，打开FLASH,新建FLASH文档，取名为“片头动画。FLA”。首先设置网页的属性，PS4位12将页面分辨率设置为1024*768，（2）flash动画能增强网站的视觉冲击效果，新建图片原件“文字栏”，选择矩形工具，设置笔触颜色，填充颜色为白色，在舞台中央绘制一个任意大小的矩形。本节将着重介绍动漫社网站中的片头动画和标题的制作过程；（3）动画的设置，补间动画，建立图层，创立图形元件；三、使用Fireworks制作LOGO（1）在fireworks中制作网站的logo，导入从网上下载的图形文件，使用魔术棒工具对素材进行截取；（2）在fireworks中新建文件logo.png，将多个素材导入到场景中；（3）在表单中创建标题或添加图片，设置字体颜色，发光，并添加特殊效果；（4）在Fireworks8中新建一个文件，在里面绘制一个不规则的多边形，然后按键盘上的F8键，将其定义成一个图形元件。这时，“库”面板中已经出现该符号。（5）将画布中的图形选中，按Ctrl+Shift+D组合键，可以克隆出一个新元件，选择修改元件补间实例 命令,或者按组合键Ctrl+Shift+Alt+T（6）在弹出的对话框中保持默认设置，下面的复选框选中，然后单击“确定“按钮，用Play按钮预览下效果。四、 建立网页模板1）利用框架可以保持导航栏和标题栏不变，实现网站风格的统一；（2）模板的建立包括编辑区域和不可编辑区域的建立。标题兰登属于不可编辑区域，即在页面编辑中无法修改的部分（3）选择“新建”“模版页”“HTML模板命令”（4）使用布局模式进行页面的布局设置，并添加背景图片。（5）为了使页面满屏显示可以设置页面的边距为0，选择页面属性对话框中的外观选项进行设置。（6）在顶端插入FLASH文件，在下方插入正文模块，进行编辑。（7）模板的基本样式制作完成，选择保存模板五、CSS样式表 打开样式面板在类型中选择“重定义HTML”标签选择要重定义的标签，例如td给所选标签(例如td)定义CSS一个定义了标签的网页应用CSS样式表1.打开一个网页文档2.打开样式面板3.点击“新建CSS样式“按钮六、栏目网页的制作首先，将图片素材存放到站点目录下。在弹出的对话框中输入源目录和目标目录，设置好缩略图的大小和质量选择“命令”“创建网络相册”命令然后，系统自动调用Fireworks来进行图片处理，站点目录下会自动建立相应的目录来存放缩略图、原图、相对应的网页。最后自动生成一个索引页，以表格的形式列出相册中所有的图片。选择修改、套用模板到页命令，修改现有页面；将无法解析的项目放置在可编辑区域内即可。在浏览器中预览制作好的索引页其它的相关页面可以用相同的办法制作出来七、设计过程中的问题及处理方法（1）在将图片传到新建文件夹tu时，路径出现问题；处理方法：将图片重新插入进行编辑；（2）问题：电脑会死机处理方法：每做一个网页就将其保存至U盘里；八、 设计体会通过这半年的学习实践中 和老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识有了一定的掌握。所以我结合所学专业的内容制作了个人网站，作为实习的成果。制作网页用的软件是reamweaver , fireworks，flash软件。在学习网页制作的这几天里，我全心全意投入到网页世界去学习，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。做个人主页不能只用文字，必须在主页上适当地加一些图片，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松，很舒服。九、附录（参考文献）1王寿萍。Flash8.0多媒体专项设计与实例精粹M.北京：北京交通大学出版社，2007.2庄王健，