网页课程设计说明书

第一篇：网页课程设计说明书

网页设计课程设计

题目：制作一个中大型网站(下边分类中任意选择一个) 分类：

1. 大众导航网站

参考网站：

(1)http:///(酷酷网址)

(2)http:///(265上网指南)

(3)http:///(中文网址之家)

(4)http:///(天空网址导航)

(5)http:///(E网通)

2. 计算机类导航网站

参考网站：

(1)http:///(计算机与互联网信息索引)

3. 网页制作素材图库网站

4. 网页制作素材特效(javascript)网站

5. C语言学习网站

6. HTML语言学习网站

7. 文学网站

8. 班级网站

人员要求：

1. 团队开发(2 ~ 4人一组)，成员自由组合，各组选组长一名。

2. 开发团队内要分工合作，各负其责，由组长调度安排。

网站开发要求：

1.

2.

3.

4.

5.

分模块开发制作，各个页面之间风格应该保持统一。 页面数量不少于人均12页。 页面布局合理，必要时采用框架或嵌入式框架布局页面 页面间由超级链接实现跳转 网站应包含的知识点参考：超级链接(文本超级链接/书签超级链接/图片超级链接/图片热点超级链接/电子邮件超级链接);图片;表格(布局网页);表单;CSS;音频(背景音乐);行为;框架网页

评分：总分100分，评分详细说明如下：

1. 风格是否统一10分

2. 站点整体规划合理10分

3. 页面规划合理10分

4. 目录结构规划合理15分

5. 链接结构布局合理15分

6. 超级链接测试正确10分

7. 页面美观、大方10分

8. 站点容量合适，不空洞 10分

9. 制作小组内人员分工明确，合作完成任务准时，现场验收网站正常。

附加分：各制作小组组长附加 10分

10分

第二篇：网页设计说明

网站规划

这是一个为艺术专业所设计的网站，通过这个网站的建立，可以让更多人了解艺术类专业所需要学习的东西，更了解艺术设计这个专业以。我设计的网页主要是有：一个欢迎页面，一个主页、四个次页和一些次子页组成的，我的网站设计模板主要有：主页---包装设计，室内设计，广告设计，国画。

网站模板的设置

网站的板块设置主要有五大板块和一些小板块组成，如：广告大赛，学院奖。包装设计大赛，华硕包装大赛，包装欣赏，包装大师新闻。创意椅子，室内座屏欣赏。广告欣赏，广告网注册，和大师国画座屏欣赏。也设置了一些学习软件和设计人论坛的一些链接。可以通过这个网站更好的学习的参与讨论。 在主页和次页上都加入了钢琴曲，使心情更舒缓.使用了表格观赏更方便.

网站功能设计

主页设计：要采用了模板布局，并且加入自己的想法，使这个主页更灵活，图片播放形式使用了动画轴播放和鼠标经过，使观赏者更赏心悦目，也不会产生视觉疲劳。在里面加入了音频文件是钢琴曲，使浏览者心情更舒缓，主页都是一些和次页的链接，翻阅更方便。也可以通过主页链接到自学网和设计论坛。可以和别人更多的交流学习.也加入了我的邮箱登陆。使用了下拉菜单。

包装设计：在里面插入了图像查看器，和锚记。可以更好的欣赏作品设计：

广告设计：广告网登录菜单，链接的广告欣赏插入了网页代码，还是用了导航条链接，链接的学院 奖使用了框架布局。

室内设计：加入了文字说明和使用了鼠标经过等…

国画：插入了视频文件，和锚记.程国意写意页面中使用了层的显示或隐藏，欣赏更有趣。

第三篇：网页课程设计报告

课程设计说明书

题

目： 系

部： 专

业： 班

级： 组

长： 组

员： 设计时间：

鲜花网 信息管理系 信息管理与信息系统

(一)班 李 健 黎梦雪 邱文琦 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的一些基本功能都学会了，也非常的熟练了这个软件，俗话说熟能生巧嘛，所以做了很多的子网页，因此对那些基本的网站设计一些实用的功能练习的很熟练，印象也很深刻。本来自己对技术是不怎么感兴趣的，可是通过自己对网站的搭建，发现越来乐感兴趣了，以前觉得互联网是个很神奇的东西，搞不懂那些神奇的链接是怎么回事，那些魔幻般的效果是怎么弄成的，那些，那些好看的视频，好听的音乐是怎么插进去的，各个连接时怎么形成网状结构的，通过自己来设计一个网站才知道并不是多么多么的很神奇，原来自己也可以做，所以就对枯燥的技术感兴趣了，因此为了做好这个网站我还找了一套网上的视频看了一下，学到了蛮多的东西，并且发现自己的手动操作，打字速度也提高了不少。自学能力也提高了，互联网是个资源信息丰富但是很杂乱的世界，找到对自己的有用的东西是需要花时间和技巧的，但是也是需要一些技巧的，掌握了一些基本的技巧是非常必要的，通过素材等的相关的收集，发现自己的搜索信息的能力也渐渐的提高了。我觉得想学会一个东西是比较容易的，可是要学会一门很精的东西是不容易的，比如就拿网页设计来说，设计了很多知识，如数据库，所以你要学好数据库软件，还有代码，其实我是不怎么喜欢代码的，看的东代码但是不怎么会自己动手写，不会自己不做参考的去编写一个整个的代码，但是学会了简单的修改代码，比如说吧网站下载下来的代码有些地方加以修改，查看，所以觉得自己今后在代码方面要多加的练习熟练，其实网页设计的很多技术资金都是不懂的，虽然老师你已经把我们领进了门，可是在咨询的过程中有很多的问题都弄不懂，这时候要是有老师您在身旁就好了，否则要是某个问题怎么也解决不了时，就会很容易打击自己的自信心，很难走到很远，所以我觉得自己对网站设计知识动的了一些基本的而已，有些东西是不怎么懂得。对整个网站的设计我觉得整个背景要一致，各个多媒体元素要应有尽有，要多一些互动的功能，要整个看起来要协调，内容要有意义，不要只在乎运用到网页中的一些技术而不注重网站的内容，那样技术在浩又有什么用了，所以要技术和网站的内容兼并，缺一不可，都是同等重要的。整个网站做好后对一些细节的地方进行后期修改修补其实是很重要的，那样会让网站变得更加的完美，而且需求在变化所有些内容要删除，有些内容要添加，所以后期维护曼重要的。这些都是一些心得体会啦，最后感谢老师交我们这门课，这门课蛮有实用性的，让我学会了不少的东西。

第四篇：网页设计课程小结

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

第五篇：网页课程设计报告2

网页课程设计报告2 浅谈V&A T(video and audio technology，即视频音频处理技术)

计算机是科学于艺术的完美结合。我具有一定的音乐艺术基础，并且对音频视频的艺术设计有着浓厚的兴趣，所以我在暑假期间，自学了《Cool Edit pro2.1》，《Adobe Premiere pro2.0》，《After Effects》的一些相关知识以及一些其他的相关软件,下面我来谈一谈我个人的一些见解

首先我来简单的谈一谈我对音频处理技术的个人见解。我在中学时期考取了二胡八级证书，同时我对音频的创作以及后期处理比较感兴趣。下面我来简单的介绍一下《Cool Edit pro2.1》。

Cool Edit 2000是一个功能强大的音乐编辑软件，可以运行与Windows 95/NT下，能高质量地完成录音、编辑、合成等多种任务，只要拥有它和一台配备了声卡的电脑，也就等于同时拥有了一台多轨数码录音机、一台音乐编辑机和一台专业合成器。

Cool Edit 2000能记录的音源包括CD、卡座、话筒等多种，并可以对它们进行降噪、扩音、剪接等处理，还可以给它们添加立体环绕、淡入淡出、3D回响等奇妙音效，制成的音频文件，除了可以保存为常见的.wav、.snd和.voc等格式外，也可以直接压缩为MP3或Cool Edit 2000(.rm)文件，放到互联网上或email给朋友，大家共同欣赏，当然，如果需要，你还可以烧录到CD上。甚至，借助于Cool Edit 2000对采样频率为96kHz、分辨率为24位录音的支持，你还以制作更高品质的DVD音频文件。

用Cool Edit 2000编辑声音，与在字处理器中编辑文本相似，一方面，都包括复制、剪切和粘贴等操作。另一方面，都须事先选择编辑对象或范围，这些操作才有意义，对于声音文件而言，就是在波形图中，选择某一片断或整个波形图。一般的选择方法有，在波形上按下鼠标左键向右或向左滑动，如果要往一侧扩大选择范围，可以在那一侧右击鼠标，要选整个波形，双击鼠标即可。此外，Cool Edit 2000还提供了一些选择特殊范围的菜单，它们集中在Edit菜单下，如Zero Crossings(零交叉)，可以将事先选择波段的起点和终点移到最近的零交叉点(波形曲线与水平中线的交点);Find Beats(查出节拍)，可以以节拍为单位选择编辑范围。对于立体声文件，你还可以单独选出左声道或右声道，进行编辑。添加音效，是Cool Edit 2000最激动人心的功能。在Cool Edit 2000的菜单Transform(变换)下，有20个子菜单，通过它们，用户可以方便地制作出各种专业、迷人的声音效果。如Reverb(余音)，可以产生音乐大厅的环境效果;Dynamics Processing(动态处理)，可以根据录音电平动态调整输出电平;Filters(过滤器)，可以产生加重低音、突出高音等效果;Noise Reduction(降噪)，可以降低甚至清除文件中的各种噪音;Time/Pitch(时间/音调)，能够在不影响声音质量的情况下，改变乐曲音调或节拍等等，最神奇的是Brainwave Synchronizer(脑波同步器)，可以通过立体声耳机，产生有助于入睡、放松，甚至思考的音乐。

显然，在描述这些奇妙的音效方面，语言未免显得有些苍白无力，最好的学习方法，就是反复试用、反复体会它们。你可以录制或打开一个现成的声音文件，然后，点击菜单

Transform，选择一种音效，调整音效的各项设置，或直接选用一种预置效果，按下OK按钮，听听看，不满意用Undo还原重来。

以下是我总结的音频后期处理的几个基本的步骤。一，降噪。二，高音激励。三，压线。这三个是最基本也是必不可少的三个步骤。具体的操作方法在这里不一一介绍。后面的处理步骤并不唯一，要根据演唱者或乐器音色的特征，在加上你丰富的工作经验。学好《Cool Edit pro2.1》理论知识是一方面，多动手，勤动脑，重思考，积累丰富的工作经验更为重要。只有通过平时的日积月累，我们才能创造出最完美的音轨。

下面我再来谈一谈我对视频处理的个人见解。首先进行视频处理，最基本，最常用，最专业的软件就是《Adobe Premiere pro2.0》。同时还要用到一些其他的相关软件，比如《After Effects》，《Adobe Photo Shop》，《3D Max》等。下面我着重介绍一下《Adobe Premiere pro2.0》。

《Adobe Premiere pro2.0》是一款功能强大，专业的视频处理软件。它不仅适用于专业的影视后期制作人士，而且适用于业余的影视制作爱好者。它的应用范围也相当广泛，包括：广告设计，影视制作，网页设计，等领域。主要功能包括：视频的剪辑，排版，片段编辑，字幕编辑，音频处理，视频特效，运动特效，节目渲染，影片输出。同时Premiere 6.0中，首次加入关键帧的概念，用户可以在轨道中添加、移动、删除和编辑关键帧，对于控制高级的二维动画游刃有余。Premiere6.0提供了兼容于QuickTime系统和其他系统的第三方插件，使用这些插件可以实现视频(滤镜)效果和过渡效果。由于提供了光盘刻录插件，可以轻松的制作出适合光驱播放的影片。

同时《Adobe Premiere pro2.0》支持的格式相当丰富，常用的视频格式有：AVI,WMV等。音频格式有：MP3,WMA,WAV等。图片格式有：JPG,JPE,JPEG,GIF,PSD。值得一提的是当导入PSD格式图片时， Premiere可以保留图片中的图层信息，并且可以对图层信息进行相关的特效处理，这是Premiere 的一大亮点

下面我来以我暑假的工作经验，介绍一下制作一个完整的MV的过程。首先，我们要明确MV制作大体分几个步骤。一，素材搜集与整理。二，素材剪辑与排版。三，片头，片尾以及字幕编辑。四，渲染与输出。五，压缩。

首先搜集素材的方法有很多，可以用DV甚至手机进行拍摄。可以用屏幕录像软件直接在计算机上录制一些动漫，游戏的片段。由于设备的限制，我主要是使用《Game Recorder》(游戏录像机)来录制一些游戏中的镜头。

素材录制好后，可以做一下简单的整理，比如说重命名或者分类管理。然后导入到Premiere 中，进行剪辑与排版，此时要发挥充分想象力与无限的创意，发散思维，不要局限于一点。

接下来的步骤是添加字幕，Premiere有着强大的字幕编辑功能，文字的特效，滚动，都可以轻松的实现。再接下来就要为你的MV制作精彩的开头与结尾。此时要用到的相关软件有《After Effects》，《Adobe Photo Shop》，《3D Max》。这里就不做具体的介绍了。

确认调试好后就可以进行渲染了，渲染也称作预演，为输出服务。最后在计算机上选择一个较大的磁盘空间，将制作好的MV输出。但你会发现，输出的文件相当大，不便于传播。此时就要进行最后的步骤——压缩。将输出的AVI格式的影片压缩为常用的RM格式影片，文件的体积便小了很多。

还有一些专场特效的设置，视频音频特效的添加以及关键帧的灵活运用的相关技巧，是在书本上学不到的，这些技巧都是我在平时的工作中自己发现的。学好《Adobe Premiere pro2.0》基础知识很重要，但是动手能力的培养，勤于思考的习惯起到了不可忽视的作用。

以上就是我在暑假积累的学习与工作经验，在今后的学习中，我会进一步强化我的专业知识，培养动手能力，注重积累丰富的工作经验，我相信，我会在我的领域取得成功!

电子信息学院07级计算机网络技术2班

陈然