网页课程设计报告2

第一篇：网页课程设计报告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班

陈然

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

课程设计说明书

题

目： 系

部： 专

业： 班

级： 组

长： 组

员： 设计时间：

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

（一）班 李 健 黎梦雪 邱文琦 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制作构思

1.2.1参考方向

参考大量用类网站，商业化的购物型型网站，都是采用中规中矩的结构，通过大小不一的方框分解整个页面。

1.3.2颜色

为了提高浏览的舒适度，颜色应以柔和淡雅的色调为主，在作导航条等反差颜色采用也应以采用柔和淡雅的色调。

1.3制作流程

1.3.1背景

全局才用了

作为风格主色，与风格搭配的副色采用了比风格更深一点的系列色，整个色调体现的是素雅的感觉。

背景图片采用与全局色相呼应的纯色背景

1.3.2店招LOGO

基础设计如上图，中规中矩的模仿了一般淘宝店铺的设置，“美美包屋”字体颜色用的是全局风格副色，因为全局基调淡雅为主，型号是方正喵呜体

因为全局基调比较素雅，选用比较活泼生动的字体添加一点俏皮的感觉，主打小清新风。

1.3.3无缝全屏海报

在店招下面设置了无缝的全屏海报自动播放，每4s“淡入淡出”的轮播效果添加了灵动的效果。

1.3.4宝贝介绍

主页的宝贝以店主推荐栏目为主。

鼠标滑过商品时，宝贝以“蝴蝶飞舞”效果划过展示。

宝贝实拍详情页面：采用了淘宝模板，但是更注重产品实拍展示

2.1移动页面展示

2.1.1成品展示

使用网上在线制作工具——应用公园制作，设计完成一键生成相应的Android与IOS APP。

2.2制作流程

启动页使用浅色与网店风格呼应。

首页设计简洁，底部两个按钮设置有相应链接，如点击品牌故事会跳转到相应的故事页面。按钮选择条形的透明体，文字则是应用白色与风格保持一致。

品牌故事页面采用墨绿色的背景，标题文字部分选取红色形成撞色效果，突出要点。

美美包屋页面做的较为详细，中间一栏设有四个功能按钮，分别是“分享”、“电话”浏览“记录”、“收藏”夹等便利快捷键。

整个做好的商品页面如下：底部有导航栏可以快速返回首页

第四篇：网页制作课程设计报告

网页制作课程设计报告

一.绪论

1.课程设计的目的、意义

本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs5的的操作和应用。增强动手实践能力，进一步加强自身综合素质。2.设计情况的简介

我做的网站是以动漫世界为主题，内含各种风格和类型的动漫。网站中插入了大量的图片和链接，界面简单明了。网页常规技术.素材处理.网页创意.实用性和推广性等方面均有所涉及和注意.3.设计原理与规模介绍

主要运用一些基本的网页制作技术,分三大板块分级进行阐述主题。规模上，属于小型和个人兴趣类型的网站。二.网站需求分析

本网站符合大众喜爱动漫的心理。动漫爱好者对于动漫的要求首先要是好看的动漫，其次便是种类多样的动漫。网站首页需要做到简洁明了，针对性强，因为这样才可以留住顾客以及开发潜在顾客。

三.网站概要设计

网站主页分为三级页面。第一级为主页面，内含网站的各种信息。第二级页面分大类解释网站动漫种类信息，第三级页面就是对于每一部动漫的详细解释。另外就是站主介绍，这是网站中虽不重要却不可缺少的部分。

四.网站详细设计

网站分国产动漫，最新动漫，经典动漫三个部分。每一部分都有更细的下一级页面对其进行详细描述。站中插入大量图片，在每一部动漫介绍时均有图片介绍以及链接。网站中需要运用的一些常规技术蕴含其中得以体现，比如在页面中，插入文字、图片、超级链接等技术。另外还需要对文字图片进行进一步修改，比如字体颜色图片大小以及背景颜色等等。

五.网站实现与调试

在网站做好之后，我对网站进行整体调试，确保每一级链接没有发生错误。不过，却发现另一个问题，链接虽然没有问题，可是在插入的图片上添加链接时却把图片给裂开了。于是只好把超级链接改为热点链接。

六.收获与体会

通过这次网站的制作，我更加熟悉dw的各项功能和操作。对于建站的流程有了了解。对于动漫方面的知识也有所了解。

第五篇：网页课程设计心得体会

网页课程设计心得体会

不知不觉,二个星期的《页面规划与网站建造》课程的实操即将曩昔,回忆这一段日子,真的令我领会很深,也学会许多东西,懂得许多曾经不明白的东西,也理解了一些工作.自从第一天触摸《页面规划与网站建造》课程,我以下定决心要把页面这门课学好,做出一个优异的网站.所以我时刻没有错失任何学习的机会,不管在课堂上,还是在课外上.更何况这一次实操.回忆今次的实操我觉得我过得很充实,很有含义,由于我能够诚笃的说我在实操没有玩过一次游戏,我每时每刻都在规划网站,还记得晚上做网站做到一、二点，也许

有人会说我傻，但正由于这个傻的举动，令我学会许多东西，学会他人不明白的东西，做出一个令自个满意的网站，也许跟他人比还需要持续完善，但我不会由于实操结束，就把页面规划抛到无影无踪，我会持续学习页面规划技能，把它变为自个的一项专长。

回忆第一天的《页面规划与网站建造》课程实操，教师叫咱们持续完善曾经规划的网站，做出留言板、注册的功用。我很快就完成了，但也许我是一个寻求完善的人，所以虽然一个网站做好能够立刻交给教师。但我做出一个他人都不附和的决定，从头开始做一个网站。由于我觉得曾经那个真的不是太好，虽然实操的时刻曩昔了一半，虽然他人对我说你交本来这个不就行了吗!何须再做一个呢?但真由于我的固执，寻求成功，寻求完善的人，才会使我今日交出一个令自个满意的答卷。

在制造自个网站时咱们首先：

一、必需进行自个网站前台功用规

划

包括自个网站主题的断定，前台功用规划与办理、自个网站主页规划、自个网站留言板、注册、忘掉暗码、查找等页面规划与办理。

二、对自个网站后台办理功用规划

包括自个网站后台办理功用的规划、后台办理信息体系功用的规划、后台体系权限办理、后台文件办理、自个网站后台办理体系主页规划。

三、网站的发布

一般咱们发布一个网站也许以能过域名注册，但咱们也能够使用自个主机，装了iis他人就能够通过我的ip地址来访问我的主页。首次做的那个页面我现已发布在上彀了。

四、自个网站推行

一个网站做好了，就要对自个网站进行推行，这是一个电子商务网站必需做得的一步，由于假如你不对你的网站进行推行，就算你发布了也没有人会知道的。

在规划这个网站时真的领会许多东西，从一开始页面主题的断定，到主页总体的规划、搜集材料、前台功用规划与办理、后台功用规划与办理、每个分页面的规划等。我都逐个进行了规划，由于假如你不规划好，想做啥就做啥，是不会做得好的。因我为领会到这一句话：“机会中归于有预备的人”。我具体到一个表格宽度都逐个列明。例如：775宽度，分三栏，每一栏占多少。由于我深深懂得“细微处才见真功夫”。

在这次实操过程中令我形象最深的是做留言板，由于刚好在上一个星期sql数据库实操做过了，所以今次在做就对比轻松，但我曾经是通过一个对比长的操练，做完了n次，也许有人会想，肯定是不会才做这么屡次啦!但我想告诉这位同学我每次做得都不是不一样的办法。首次我用的是access数据库，第2次我用的是sql数据库加权限办理，第三次我用的是数据源称号的衔接，第四次我用的是自定义衔接字符串，第五

次……每一次用的办法都是不一样的，也许有人会说我傻，会一种办法就行了，还要那么多吗?但我想说的即是不是这么屡次的操练，不是之么屡次不一样的办法，也就不会造就出今日游刃有余的我，也不会对同学提出的疑问处理到，也不会轻松教会同学，由于你自个首先学会，学通，学广，才能把疑问逐个的处理。

令我难以忘怀的镜头也是在做留言板的时分，但不是为我自个的而做，而是一步一步教同学做，直到令同学学懂;把同学留言板的疑问逐个处理;当同学由于做不出而没心境，曩昔对她进行鼓舞的，然后逐个处理;当自个也不会，与同学共同研究的状况，这种学习氛围是最可贵的，即是在做留言板的时分，令我深深领会到我几句话：认真干事仅仅把工作做对，用心干事才能把工作做好。把每一件简略的工作做好即是不简略，把第一件普通的工作做好即是不普通。