网页课程设计报告5篇.docx

网页课程设计报告5篇

第一篇：网页课程设计报告课程设计说明书题目：系部：专业：班级：组长：组员：设计时间：鲜花网信息管理系信息管理与信息系统（一）班李健黎梦雪邱文琦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制作了整个网站的背景和LOGO2.对其他子网页进行设计，将所收集的图片和文字插入到模板中，然后即那个所有的图片都加上行为，图像交换行为，然后建几个CSS样式，将这些CSS样式用到各个子网页中，样式中有对字体各方面的设计，图片的左浮动，掺入后还要对一些细节的地方进行修补，如首行空2各，字体间的距离，行高什么的，要适当网页给人以美观的感受为止。3.把收集到的视频的mp4格式格式改成FLV格式，然后插到网页中虽然所用到的技术不怎么高深，可是自网页蛮多的。等等那些图片的行为可以再行为面板里面进行设置，也可以对一些特殊的行为在网上找一些特殊的代码，插到网页中然后在加以修改便可，如图片的放大缩小效果和状态栏上文字的跑马灯效果以及图片的晃动和图片交换这些简单的效果都是不需要些代码的，都是可以通过DW自带的功能面板进行设计的4.在设计的过程中也遇到了很多的问题，如在模板中不能插图像查看器，不能掺入框架，不然所设计的背景就会被框架进行分割，图片查看器也是在模板中怎么也插不进，刚开始时用DW8的版本进行网页设计的，一位这个版本是最高的，到后来才知道，这个版本很低，以致于后来换DWCS6版本是，