网页设计与制作期末设计报告.docx

网页设计与制作期末设计报告

第一篇：网页设计与制作期末设计报告网页设计与制作---个人网站设计报告指导老师：盛加林学号：20082809姓名：杜才伟班级：信管0802一．概述随着网络技术的迅速发展，网络应用越来越趋于平凡化，无论是企业还是其他组织机构或者是个人，都希望利用计算机网络技术开发对自己有价值的东西。关于个人网站，现在越来越多的人通过个人网站记录自己的故事，与朋友分享生活的点滴，同时还可以通过个人网站广交朋友。本次的个人网站设计是网页设计与制作的期末检测，同时也是对自己学习的检验。本次设计运用平台是windows，运用的工具是MacromediaDreamweaver8，主要语言是html语言和javascript，样式设计采用的是css样式。在个人网站的设计中，我采用了通常iframe网页框架，风格源于自己浏览其他网站的灵感，网页flash的设计借鉴了网上优秀flash动画，首页还采用了网页音乐播放器控件。照片的处理用到了photoshop和MacromediaFireworks8。二．设计结构图个人空间我们的故事相册关于我首页三．设计主题岁月如梭，年华似水。默默流逝的青春给我们每个人留下了不同的回忆，我的个人空间的设计主要是记录大学生活。有学校的剪影，有寝室的合影„„每一张记录都是未来的我最美好的回忆。设计的主要以怀念为主题。曾经的那些花儿，曾经的那些故事都是生命里美的转弯。四．模块介绍（一）、首页介绍首页是个人网站的入口，大概的设计框架是头是一个部分、头以下分为左右两个部分。头部如下图：导航条：导航条主要是“我们的故事”、“相册”、“关于我”三个模块的超链接点击三个连接即可跳转到不同页面。头部以下部分：这部分的设计主要有图片处理、文字从下往上滚动、音乐播放器、时钟的设计、flash设计(二)、我们的故事我们的故事主要是文字描述，整体样式如下：这个部分主要是记录一些故事，每一段故事中都会存在一些悲伤的插曲，背景漂浮的flash动画加上背景音乐，还有略带伤感的文字，整体呈现淡淡的伤感而又不失积极向上。(三)、相册相册主要是展示大学四年中的记录，有关于学校的，有我们寝室的，有自己的：整天样式如下图：相册页面上面是大学里照片的轮换，中间是自己处理后的照片，下面是文字大概描述照片的故事：(四)、关于我五．主要设计(一)、首页主体框架src=“../image/top.jpg”width=“980px;”height=“130px;”/>第二篇：网页设计与制作简答题1、简述Web浏览器打开一个Web文件的工作过程。2、描述网页设计的一般步骤。3、简述网页设计的基本准则。4、简述规划网站目录结构时应遵循的原则。5、描述版面布局的步骤。6、什么是“HTML”？HTML“标记”又是什么？7、简述“HTML”文档的基本结构。8、简述以下一段HTML代码中各对标记的作用。〈html〉〈head〉〈title〉网页设计〈/title〉〈/head〉〈body〉〈h2〉北国风光〈/h2〉〈/body〉〈/html〉9、如何进行本地网页的测试？10、网站管理和维护的主要工作有哪些？11、什么是Web浏览器?12、简述网页设计中所需要注意的通用规则。13、简述DHTML的概念及主要组成。14、简述使用FrontPage在网页中插入一个日历的过程。15、简述色彩的三原色的概念及每种颜色的调配范围。16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？17、网站栏目划分的原则是什么？18、XML与HTML相比的主要优点有哪些？19、请简述一下网站的设计流程？20、简述FireWorks的特点。21、网页制作的步骤是什么？22、怎样让链接没有下划线?23、怎样在网页中加入多媒体播放?24、怎样让网页的背景图像不滚动?25、怎样定义网页的关键字?26、什么是Web浏览器?27、网页上所说的重心平衡指的是什么?28、什么是DHTML？DHTML技术主要由哪几部分组成？29、在CSS中，对字体的的设置所涉及到的属性有哪些？30、用HTML语言回答一个HTML文件应具有的基本结构。31、比较GIF格式和JPG格式的原理与各自的适用范围。32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。34、什么是Web安全色?35、简述虚拟主机的概念和功能。36、简述Dreamweaver的工作窗口由哪些部分组成。37、在Dreamweaver中，插入图像的方法有哪些？38、在Fireworks中，如何使文字附加于路径？39、在FlashMX中可以创建哪些类型的元件？各元件的含义是什么？40、HTML中标记和标记有何区别?41、简述在网页中插入背景音乐的方法。42、怎样在网页中插入Flas