网页设计实践报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计社会实践报告”。
中南大学
本科生课程设计(实践)设计报告
(大学计算机基础)
题目
学生姓名 指导教师 学院
专业班级
学生学号 栀子花开xxx xxx xxx学院xx工程xxx班 xxx
计算机基础教学实验中心
xx年xx 月xx日
目录
一、任务内容.............3二、设计的步骤................3三、采取的方法与手段...............5四、遇到的问题与解决的办法............6
五、总结...............7
一、任务内容
原计划打算以“植物”为主题，在设计过程中发现范围过于宽泛，无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为
一、栀子花的文化，二、栀子花的种类和生长特性以及
三、我的栀子花三个模块。
其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示，让他人对栀子花有所了解。
二、设计步骤
一、构思
首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。因此，此次作业共由三部分网页【
一、主页、二、栀子花的种类和生长特性、以及
三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花——大叶栀子和雀舌栀子，更加便于了解。
二、取材
主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。
三、设计
（一）网页设计
模块
一、栀子花的文化以及模块
三、我的栀子花采用网页设计。
在首页添加表格，在表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。
在模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。插入图片，便于直观的了解各个种类的栀子花。其中，各个种类的栀子花展示位于网页模板的右方，在左方进行总说，并通过超链接与栀子花的分类说明建立联系。
在模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。
（二）幻灯片设计
此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。
（三）flash设计
此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。
四、美化
（一）添加背景音乐
在主页以及各个模块中均插入了背景音乐。
（二）设计网页过渡
（三）添加超链接
三、采用的方法与手段
（一）使用Frontpage制作网页
单击新建网页可选择新建空白网页或其他网页模版。
单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。
选定单元格，单击鼠标右键选定背景即可插入背景图片。
选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。选定单元格，即可输入文字。
选定插入，选择插入图片或艺术字即可插入图片或艺术字。
选定插入，选择交互式按钮，即可插入字幕。
选定格式，选择网页过渡，即可设计网页过渡效果。
（二）使用Powerpoint制作幻灯片
单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。
单击插入，选择图片，即可添加图片或者艺术字。
选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。、（三）使用Flash制作动画
单击插入新建元件，即可进行元件的编辑。
单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。
单击第一帧或第15帧，选择补间，选择形状或动画即可。
（四）其他
单击鼠标右键，选定背景，选定背景音乐，即可插入背景音乐。
选定图片、艺术字或文字，单击鼠标右键，选定超链接，即可设置超链接。
四、遇到的问题与解决的办法
（一）、网页制作中遇到的问题与解决方法
①、绘制表格完成后，因部分表格过小，难以选定——先在表格内输入部分字符，即可方便的选定单元格。
②、获取的图片素材或大或小，在设计背景图片时，使背景图片看起来过于混乱——事先将图片放大或缩小到一定尺寸，然后设定为背景图片即可。
③、在添加背景音乐时，无法添加mp3文件——单击鼠标右键，选定网页属性，单击背景音乐，手动输入背景音乐的mp3文件名即可。
④、添加背景音乐完成后，在浏览网页过程中出现多首背景音乐同时播放的情况——原因是因为在网页模板设计时，在标题栏网页也添加了背景音乐，造成了背景音乐的播放的混乱。删除即可。
⑤、在模块二，希望能够添加弹出窗口便于介绍各个栀子花的特性——通过添加网页模板实现了在一个网页的部分区域实现不同网页的展示。
⑥、在网页模板上返回主页时，无法返回整页的主页网页——单击鼠标右键，选择超链接，选择目标框架，选择整页框架。
⑦、在打开网页上后，发现网页未能显示图片——未将网页与图片同步保存，导致无法显示图片。同步保存即可。
⑧、浏览图片时，发现无法打开超链接——原来在设置超链接时将路径设置成了绝对路径，改为相对路径即可。
⑨、无法插入Flash文件——事先应将制作好的Flash文件发布，单击插入，单击图片，单击Flash文件即可插入Flash文件。
（二）、幻灯片制作中遇到的问题与解决方法
①、设置背景音乐完成后，播放幻灯片时，单击鼠标后音乐才播放，再次单
击鼠标时，音乐就停止播放——单击鼠标右键，单击背景，单击音乐播放，单击选择为第一张幻灯片前开始，第四张幻灯片（最后一张幻灯片）结束后结束即可。
（三）、Flash制作中遇到的问题与解决方法
①、在场景中即设计元件，无法单独设计元件——单击插入，单击新建元件即可。
②、无法插入图片——单击文件，单击导入，选择图片导入到舞台即可。③、无法循环播放Flash——单击控制，选择循环播放即可。
④、设计完成后发现是无效帧——需设置空白关键帧而不是关键帧。
五、总结
通过三周的网页设计，深深体会到了动手实践操作的重要性，在以往的课堂上，单单只是听老师讲解制作要点，看老师制作过程，但只有通过自己的实践操作并从中发现问题、解决问题，才能真正了解和掌握学习的内容。
在网页设计中出现问题是免不了的，但是出现问题后一定需要自己想办法解决，通过询问同学，查找书籍或者在网页上搜索都可以，但一定要自己主动地去寻找答案才能解决问题。
在网页设计过程中，很多问题的出现都是因为在细微之处出现了错误，要想较为顺利的完成网页制作，按照程序一步步来是十分重要的。同时也要细心，不能凭主观臆断来进行制作。切不可急功近利，应根据自己的能力进行网页设计，否则，画虎不成反类犬。
