网页设计实习报告范文篇7

一、任务内容

原计划打算以“植物”为主题，在设计过程中发现范围过于宽泛，无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。

其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示，让他人对栀子花有所了解。

二、设计步骤

一、构思

首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花――大叶栀子和雀舌栀子，更加便于了解。

二、取材

主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。

三、设计（一）网页设计

模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。

在首页添加表格，在表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。

在模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。插入图片，便于直观的了解各个种类的栀子花。其中，各个种类的栀子花展示位于网页模板的右方，在左方进行总说，并通过超链接与栀子花的分类说明建立联系。

在模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。

（二）幻灯片设计

此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。

（三）flash设计

此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。

四、美化

（一）添加背景音乐

在主页以及各个模块中均插入了背景音乐。

（二）设计网页过渡（三）添加超链接

三、采用的方法与手段

（一）使用Frontpage制作网页

单击新建网页可选择新建空白网页或其他网页模版。

单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。选定单元格，单击鼠标右键选定背景即可插入背景图片。

选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。选定单元格，即可输入文字。

选定插入，选择插入图片或艺术字即可插入图片或艺术字。选定插入，选择交互式按钮，即可插入字幕。选定格式，选择网页过渡，即可设计网页过渡效果。

（二）使用Powerpoint制作幻灯片

单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。

单击插入，选择图片，即可添加图片或者艺术字。

选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。、

（三）使用Flash制作动画

单击插入新建元件，即可进行元件的编辑。

单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。单击第一帧或第15帧，选择补间，选择形状或动画即可。