网页课程设计报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计课程设计报告”。
课程设计说明书
题
目： 系
部： 专
业： 班
级： 组
长： 组
员： 设计时间：
鲜花网 信息管理系 信息管理与信息系统
（一）班 李 健 黎梦雪 邱文琦 12月10号 一． 设计准备
1.开发环境搭建：硬件设备需要电脑，软件需要有DW对网页进行搭建，需要联网对素材进行收集，和其他网页进行参考，需要ps对图片进行处理等。2.知识准备：需要熟练网页相关的知识，特别是老师讲的那些课堂知识，当然还需要课外的一些关于网页设计的知识，还可以再网上找一些相关的代码和相关的知识进行阅读，最重要的是租章需要很强手动操作操作能力，要熟悉DW这个软件的一些基本操作和功能运用，需要一些简单的网页美工设计技能和审美能力，这样才能将网页的布局给人以美观的感觉，儿不是网页的布局零乱，不美观。3.人员分工等：实验报告撰写者—黎梦雪，网站演讲者--邱文琦，整个网站设计者—李健。
二．需求分析
人们都比较喜欢鲜花，喜欢欣赏鲜花，所以我们组就一致决定以鲜花为主题，鲜花不仅给人一枚的感受，而且有的鲜花可以入药，有的还可以吃，还有一些鲜为人知的鲜花等等，所以鲜花是个比较受欢迎的主题。
三．技术分析
1.网页用了表格和CSS以及盒子模型对整个网页的布局进行了搭建。表格可以让网页内容很贵范，不会让整个网页显得很零乱；盒子可以很好的节约网页的空间；而CSS可以让网页内容更加的美观的呈现在用户的眼前，给人以更好的客户体验。
2.网页用了很多DW的基本功能，如超级链接，锚点链接，表单，javaskript,如图片的晃动，图片的放大和缩小，图片的隐藏和显示，图片的交换效果，以及图片的轮选效果等等，还对网页插入了音乐，视频，对网页制作了一个统一的模板，当然模板不是网上下的，都是自己做的，虽然不咋滴，还用了框架等等 3.还用了Spry技术，如菜单栏，折叠式，面板等等，给网页节约了很多的空间
4.还用了ps技术，如网页的背景和网页的LOGO就是用ps给P出来的，以及很多的图片就是用PS进行加以处理了的等等 5.整个网页代码用的不怎么多，有些特殊的共能是敲代码或子在网页上下载一些特殊功能的代码，不过还是用了一些的。6.本来做了几个ASP网页的，可是不怎么会连呢数据库，这是本网站的一大弱点。
四．制作过程及要点
制作过程
1.本组成员一起讨论，以便进行主题的确定，这是比较重要的过程，这题要确定好，而且确定了就不能进行更改，不然很麻烦。2.然后根据所确定的主题在网上进行素材的收集，对网站的图片，各种鲜花的介绍文字，以及背景音乐和相关的所需要的视频等等，并且要寻找一些与本主题相关的网页进行参考。3.素材收集好后就对网站的首页进行搭建和设计，并把它另存为模板，以便各个子网页快速的设计，当然这个首页的模板在后续设计中是需要随时加以更改的，知道最后整个网页搭建完为止。4.对对各个子网页加以设计，将所收集的素材如图片，文字介绍，音乐，相关视频，插入后还要见一些CSS样式，对网页的进行美观，是网页看起来很协调，美观整齐。
5.对整个网站进行超链接的设置，是整个网站形成网络结构，网页之间要能够进行相互的链接
6.对各个网页进行效果的添加，主要运用到了javaskript，使网页能够与客户进行相互之间的交互
7.最后对整个网站进行整合以及对一些细微的地方进行修修补补什么的要点
1.首页中用表格进行布局，然后将图片和图片吧名字一个一个的放到表格中，并对图片添加三种效果，都是通过mouseover来触动这些效果的，分别是，图片的放大缩小，图片的晃动，图片的隐藏和显示，插入了一个图片查看器，一个表单，用了一个锚点链接，用了spry中的菜单栏，面板以及折叠式面板，用PS制作了整个网站的背景和LOGO 2.对其他子网页进行设计，将所收集的图片和文字插入到模板中，然后即那个所有的图片都加上行为，图像交换行为，然后建几个CSS样式，将这些CSS样式用到各个子网页中，样式中有对字体各方面的设计，图片的左浮动，掺入后还要对一些细节的地方进行修补，如首行空2各，字体间的距离，行高什么的，要适当网页给人以美观的感受为止。
3.把收集到的视频的mp4格式格式改成FLV格式，然后插到网页中虽然所用到的技术不怎么高深，可是自网页蛮多的。等等那些图片的行为可以再行为面板里面进行设置，也可以对一些特殊的行为在网上找一些特殊的代码，插到网页中然后在加以修改便可，如图片的放大缩小效果和状态栏上文字的跑马灯效果以及图片的晃动和图片交换这些简单的效果都是不需要些代码的，都是可以通过DW自带的功能面板进行设计的4.在设计的过程中也遇到了很多的问题，如在模板中不能插图像查看器，不能掺入框架，不然所设计的背景就会被框架进行分割，图片查看器也是在模板中怎么也插不进，刚开始时用DW8的版本进行网页设计的，一位这个版本是最高的，到后来才知道，这个版本很低，以致于后来换DWCS6版本是，两个版本所设计的东西有些地方不怎么兼容，而且最后用不同的浏览器预览时，效果也不仅相同，比如说网页的图片的查看器不能在浏览器中查看等等，不过最后这些问题也是一个一个的进行解决，在解决的过程中也学到了一些东西，并且印象也比较深，最后还是有几个没解决，如不会连数据库，ASP网页预览等等什么的。
五．收获和体会 通过对这个网站的设计，还是收获蛮多东西的。通过对网页的设计，DW的一些基本功能都学会了，也非常的熟练了这个软件，俗话说熟能生巧嘛，所以做了很多的子网页，因此对那些基本的网站设计一些实用的功能练习的很熟练，印象也很深刻。本来自己对技术是不怎么感兴趣的，可是通过自己对网站的搭建，发现越来乐感兴趣了，以前觉得互联网是个很神奇的东西，搞不懂那些神奇的链接是怎么回事，那些魔幻般的效果是怎么弄成的，那些，那些好看的视频，好听的音乐是怎么插进去的，各个连接时怎么形成网状结构的，通过自己来设计一个网站才知道并不是多么多么的很神奇，原来自己也可以做，所以就对枯燥的技术感兴趣了，因此为了做好这个网站我还找了一套网上的视频看了一下，学到了蛮多的东西，并且发现自己的手动操作，打字速度也提高了不少。自学能力也提高了，互联网是个资源信息丰富但是很杂乱的世界，找到对自己的有用的东西是需要花时间和技巧的，但是也是需要一些技巧的，掌握了一些基本的技巧是非常必要的，通过素材等的相关的收集，发现自己的搜索信息的能力也渐渐的提高了。我觉得想学会一个东西是比较容易的，可是要学会一门很精的东西是不容易的，比如就拿网页设计来说，设计了很多知识，如数据库，所以你要学好数据库软件，还有代码，其实我是不怎么喜欢代码的，看的东代码但是不怎么会自己动手写，不会自己不做参考的去编写一个整个的代码，但是学会了简单的修改代码，比如说吧网站下载下来的代码有些地方加以修改，查看，所以觉得自己今后在代码方面要多加的练习熟练，其实网页设计的很多技术资金都是不懂的，虽然老师你已经把我们领进了门，可是在咨询的过程中有很多的问题都弄不懂，这时候要是有老师您在身旁就好了，否则要是某个问题怎么也解决不了时，就会很容易打击自己的自信心，很难走到很远，所以我觉得自己对网站设计知识动的了一些基本的而已，有些东西是不怎么懂得。对整个网站的设计我觉得整个背景要一致，各个多媒体元素要应有尽有，要多一些互动的功能，要整个看起来要协调，内容要有意义，不要只在乎运用到网页中的一些技术而不注重网站的内容，那样技术在浩又有什么用了，所以要技术和网站的内容兼并，缺一不可，都是同等重要的。整个网站做好后对一些细节的地方进行后期修改修补其实是很重要的，那样会让网站变得更加的完美，而且需求在变化所有些内容要删除，有些内容要添加，所以后期维护曼重要的。这些都是一些心得体会啦，最后感谢老师交我们这门课，这门课蛮有实用性的，让我学会了不少的东西。
网页美工课程设计报告学 院： 商学院 专 业： 电子商务 学生姓名： 杨凤君 学 号： 1200530215 指导教师：2015年月日一、设计内容及制作步骤1.1网店页面展示1.1.1成品展示1.2制作构思......
网页课程设计报告2 浅谈V&A T(video and audio technology，即视频音频处理技术)计算机是科学于艺术的完美结合。我具有一定的音乐艺术基础，并且对音频视频的艺术设计有着浓厚......
网页制作课程设计报告一.绪论1.课程设计的目的、意义本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综......
刀豆文库小编为你整合推荐5篇网页设计课程设计报告心得体会，也许这些就是您需要的文章，但愿刀豆文库能带给您一些学习、工作上的帮助。......
一、引言 课程设计是一块“试金石”，是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。......
