大学生网页设计报告

课程设计报告

课程名称：网站建设与网页设计题目：网站设计报告

院系：经济管理系

班级：

学号：08333234

学生姓名：

指导教师：江霞

2010年11月16日

一、网站的创意

随着电脑价格的大众化，软件的丰富，网络的便捷，人们的网络生活日益多样化，作为时代先锋的大学生，玩转网络是大势所趋。而且随着信息时代的来临，电子商务，电子政务，企业信息化，人类个性化发展等等都需要依托这类信息技术，作为信息管理和信息系统专业的学生，更应该学会各种电脑技术，网络技术，软件技术等，本站设计正是适应社会发展和需求。

二、网站的内容

1、婚庆简介：拥有FLASH导航条，网站标志，个人标志，广告HOTEL,自己制作的婚庆闪图FLASH，全页采用布局表格，版块采用新浪等中间登重点新闻的样式，同时含有背景音乐flash和点击弹出信息等内容。

2、首页、婚庆简介、新闻活动：采用一行三列，当中一行两列表格嵌套的表格布局。

3、FLASH欣赏：自制的婚庆百合花FLASH和自动换放的flash 闪图。

4、点击更多内容：采用书中各种表单对象和链接方式将内容引入到另外一个页面得到婚庆的更多内容。

5、音乐播放器：有主要有三首歌可以播放，分别为backstreet

boys和王菲的歌曲。

6、背景音乐：主要是自动播放婚庆进行曲，并且是自动循环播放。

7、点击弹出信息：主要是通过点击空白处弹出相关问候信息-望江老师多多关照的内容。

三、网站结构图

四．网页设计技术分析

1. 网页制作：Dreamweaver8+FrontPage + html語法。

2.美化软体：Photoshop美化

3.动画图片：Ulead GIF Animator 5軟體。

4. 文字动画：SWiSH软体

5. 音乐播放器：Medi@Show播放器。

6. 其他：套用IKC的物件，如新闻活动、背景音乐、播放器等。

1.欢迎视窗：這是使用網路上提供的html

語法。

2.图片：大量使用PhotoImpact，來修飾我

的圖片，當然也經過壓縮動作。

3.通过这个我们可以看到我的欢迎视窗的

内容，对网页有个大概的了解。

1.中间网页、婚庆简介板块、新闻活动等

内容，可以通过链接查找相关内容。

2.文字动画：中間偏右使用SWiSH以及圖

片美化的軟體所構成的。

3.图片的动画：是利用网页设计软件设计

的。

纯音乐的世界(播放器+FrontPage)

1. 婚礼进行曲：这首歌是婚庆现场必放的音

乐，主要用来烘托气氛、制造幸福。总共有

三首歌曲播放，有王菲的传奇等。这个板块

让人们可以首先领取爱的幸福。

Snoopy人物畫廊（HTML+JavaScript）

1.图片利用软件代码等进行自动更换，给

人以纯洁的爱情观念。

2.Html主要是参考网络的语法。

这些事本次制作网页的部分代码，通过代码

可以更方便的制作网页内容。

点击获取更多内容：这个板块可以让人们获

得更多的婚庆消息。主要是采用链接的方式

进入到另一个页面。

脚本：这个是本网页的脚本。也主要是采用

连接的方式。可以进入百度搜索更多的关于

婚庆的消息。

结论：只要进入这个网站的任何伙伴，都可以看到版主所给予的、所分享的事物，因为就是想单纯的想分享一些心情、一些音乐、一些照片以及一些感动，或许不怎么起眼，但是希望可以给登入网站的人们一些关于婚庆的信息。

六、心得：

所謂工欲善其事必先利其器，而老師在上課所敎的，是讓我們有

能力去營造一個具備個人獨特的網頁內容，而在製作網頁的過程中，讓版主有更深的認知，更深的體會，那就是：『做網頁真的需要創意、構思還有最終要的美工天份，當然這些都是必須多觀摩別人製作網頁的風格、技巧、规划，吸收成為自己目前所欠缺的，這也是為自己網頁奠定的基本根據以及法則』。

不过在网页的完成，真的有股成就感，終於有属于自己的网页，或許在製作的過程中有些疑问，但总有好友适时的解惑，受益良多! 最后感谢江老师这个学期的授课！

08333234）

2010年11月16日