网页设计实践报告(3篇)
网页设计实训报告心得_网页设计与制作实训心得体会(汇编3篇)
网页设计实训报告心得_网页设计与制作实训心得体会（精选3篇）网页设计实训报告心得_网页设计与制作实训心得体会（精选3篇）网页设计实训报告心得_网页设计与制作实训心得体会篇1毕业后，我来到了社会这个汇合众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切盼望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了许多，也比以前的变得更有自信了。
现将我的实习状况汇报如下：一、实习工作介绍我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家供应的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透亮flash，因为网页是用css+div进行排版的，所以在最终一步的时候，我们还需要进行扫瞄器测试，因为css+div排版方式有一个最大的缺点就是：扫瞄器不兼容的问题，典型的如：ie与fireworks，因为各种扫瞄器使用的协议不同，所以会导致页面在最终扫瞄的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的关心下，解决了许多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入解释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样便利月底做统计工作，公司领导会依据每个人的工作数量进行嘉奖，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候(一)初级考试初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简洁的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作力量与代码把握的娴熟成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很娴熟，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参与培训，合格扣就可以正式上班了。
网页设计的实习报告3篇
网页设计的实习报告3篇（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作报告、工作计划、策划方案、合同协议、条据文书、心得体会、演讲致辞、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays for everyone, such as work reports, work plans, planning plans, contract agreements, documentary evidence, insights, speeches, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please stay tuned!网页设计的实习报告3篇下面是本店铺收集的网页设计的实习报告3篇（网页设计实践报告心得），以供参考。
社会实践报告网页开发
一、实践背景与目的随着互联网技术的飞速发展，网页开发已经成为现代社会不可或缺的一部分。
为了提高自己的专业技能，增强实际操作能力，我选择了“网页开发”作为我的社会实践主题。
本次实践旨在通过实际操作，学习并掌握网页开发的基本技能，了解前端和后端开发的基本流程，为将来的职业生涯打下坚实的基础。
二、实践内容与过程（一）前期准备在开始实践之前，我首先对网页开发的基本概念和流程进行了系统学习。
我阅读了相关的书籍和在线教程，了解了HTML、CSS、JavaScript等前端技术，以及MySQL、PHP等后端技术。
同时，我还选择了合适的开发工具，如Sublime Text、Visual Studio Code等，以确保实践过程中的高效性。
（二）项目规划在明确了实践目标和基础知识后，我开始规划我的实践项目。
我决定开发一个简单的个人博客网站，包括首页、文章列表、文章详情、留言板等功能。
这个项目既能够涵盖前端和后端开发的多个方面，又能够满足实际应用的需求。
（三）前端开发1. HTML结构搭建：首先，我使用HTML5构建了网站的基本结构，包括头部、导航栏、正文、侧边栏和底部等部分。
2. CSS样式设计：接着，我使用CSS对网站进行了美化，包括字体、颜色、布局等。
我学习了响应式设计，确保网站在不同设备上都能良好显示。
3. JavaScript交互：为了增强用户体验，我使用了JavaScript实现了一些交互功能，如动态加载文章列表、留言板留言等。
（四）后端开发1. 数据库设计：我使用MySQL数据库设计了博客网站的数据表，包括用户表、文章表、留言表等。
2. PHP后端编程：我使用PHP编写了后端逻辑，包括用户注册、登录、文章发布、留言管理等。
3. 接口开发：为了实现前后端的数据交互，我开发了相应的API接口，如文章列表接口、文章详情接口等。
（五）测试与优化在完成网站开发后，我对网站进行了全面测试，包括功能测试、性能测试、兼容性测试等。
网页设计报告书(通用5篇)
我们的指导老师给了我们12份英文材料，每份约20____字。
我们实习的任务是完成所有材料的翻译。
根据学院及指导老师的要求，我计划将所有材料在三周内翻译完成，每周平均翻译四分材料。
为了配合院里的工作，更为了通过实践，总结自己的不足，以便在今后的语言实践中自己翻译水平和能力能够得到相应的提高和发展，我在完成计划工作后，我开始了我的翻译实习工作。
在进行翻译实习的过程中，我充分调动了我大脑中的知识及老师教给我们的基本翻译技巧，例如：“英译汉时，有时某些词并不能完全按照词典的基本含义翻译，如生搬硬套或逐词死译，会使译文生硬，令人费解，甚至可能造成误解。
这时应当根据上下文和逻辑关系，从该词的基本含义出发，进一步加以适当的引申，选择比较适当的汉语词语来表达”以及增词法、省略法（减词法）、重复法、正反，反正表达法、分句法，合句法、词义的引伸、词类的转译等英译汉常用的方法和技巧。
尽管如此，我在实际翻译时候还是碰到了很多问题。
把“The United St ateseconomy”翻译为“美国经济”还是“美国经济体”好，并且我总觉得两种翻译都很怪。
如果把“TheUnitedStateseconomy”翻译为“美国经济”，那么整句话的翻译就是：“美国经济拥有世界上最大的国内生产总值(GDP)”。
但是“国内生产总值”只能是一个国家的啊，不能说经济拥有多少国内生产总值吧。
但是，如果把“TheUnitedStateseconomy”翻译为“美国经济”体，那么整句话的翻译就是：“美国经济体拥有世界上最大的国内生产总值(GDP)”。
这样又成为经济体有多少国内上产总值的。
于是，我又想：可不可以把“economy”直接省略不翻呢？就翻译为“美国拥有世界上最大的国内生产总值(GDP)”，但是我又不敢妄下结论。
总之，我真的是在经过艰苦的“奋战”后才最终完成了本次的翻译实习任务。
通过这次的翻译实习，我更加清楚的认识到自己英语相关方面的知识还远远不足，也让我更加清醒的认识到，丰富自己的词汇量及语境英语句型的重要性，更让我懂得“理论联系实际”的真理——没有理论知识肯定不行，但是光有理论知识而不通过实践来巩固旧知识和获得新知识更不行。
(完整版)网页制作实习总结
网页制作实习总结 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。
以下是网页制作实习总结，欢迎阅览! 网页制作实习总结一 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。
随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。
因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。
这次实训，老师要求我们为自己家乡的一个公司做一个网站。
我是来自浙江衢州，衢州作为一座文化历史名城，拥有众多的旅游风景点，所以我选择了为我家乡的旅游网亿游网做一个网站。
首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。
我浏览了衢州旅游网的一些特点，借鉴这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。
做好这些准备工作之后我希望能在最短的时间内做到最好的效果。
接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。
在准备素材的过程中我用到了dreamweaver、photoshop等工具。
再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。
然后创建本地网站，建立网站的目录结构。
制作首页、二级子页、内容页，创建超级链接。
最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果! 在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训，一定把以前所学过的知识重新温 回顾这次课程设计，至今我仍感慨颇多。
网页制作实习心得
网页制作实习心得在网页制作实习期间，通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
下面是店铺为大家收集整理的网页制作实习心得，欢迎大家阅读。
网页制作实习心得篇1转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。
记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。
刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。
渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。
老师布置的第一个任务，要求做一个自我形象网站。
由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。
但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。
第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。
于是开始收集各方面的资料。
确定了主题就开始布局了。
最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。
中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。
最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。
预览是效果还不错。
但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。
就决定把自己网站的左边修改修改。
复制了他的代码，把上面的内容修改成我的网站需要的文字。
本以为可以轻松的完成，但是却出现大问题了。
因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。
网页系统设计实验报告(3篇)
第1篇一、实验目的1. 理解网页系统设计的基本概念和流程。
2. 掌握网页系统的规划、设计和实现方法。
3. 提高网页设计与制作能力，熟悉相关软件的使用。
二、实验环境1. 操作系统：Windows 102. 浏览器：Chrome3. 开发工具：Adobe Dreamweaver CC4. 编程语言：HTML、CSS、JavaScript三、实验内容1. 网页系统规划2. 网页系统设计3. 网页系统实现4. 网页系统测试与优化四、实验步骤1. 网页系统规划（1）明确系统功能：根据用户需求，确定网页系统的功能模块，如首页、产品展示、新闻资讯、联系方式等。
（2）确定页面布局：根据功能模块，规划页面布局，包括头部、导航栏、主体内容、底部等。
（3）设计导航结构：根据页面布局，设计导航结构，使用户能够方便地浏览各个页面。
2. 网页系统设计（1）设计页面风格：根据网站定位和用户需求，设计页面风格，包括颜色、字体、图片等。
（2）设计界面元素：根据页面风格，设计界面元素，如按钮、图标、表格等。
（3）设计交互效果：使用JavaScript等脚本语言，实现页面元素的交互效果，如滚动动画、鼠标悬停等。
3. 网页系统实现（1）编写HTML代码：使用HTML标签，构建网页结构。
（2）编写CSS代码：使用CSS样式，美化网页界面。
（3）编写JavaScript代码：使用JavaScript脚本，实现页面交互效果。
4. 网页系统测试与优化（1）功能测试：测试各个功能模块是否正常工作。
（2）性能测试：测试网页加载速度和响应时间。
（3）兼容性测试：测试网页在不同浏览器和设备上的显示效果。
（4）优化：根据测试结果，对网页进行优化，提高用户体验。
五、实验结果与分析1. 网页系统规划根据用户需求，本网页系统规划了以下功能模块：- 首页：展示网站简介、最新动态、热门产品等。
- 产品展示：详细介绍各个产品，包括图片、文字、价格等。
- 新闻资讯：发布公司新闻、行业动态等。
网站建设实验报告(三篇)
网站建设实验报告(三篇)为了使学生能够充分的把课本知识运用到实践操作中去，并通过实习能够进一步认识和了解网站建设的相关知识和技术。
培养学生的团结合作精神，进而让同学们认识到团队精神在以后的学习工作中的重要性，培养高素质高技能的网站建设人才。
在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
(一)为了以后我们能够在工作中顺利做事，老师辛苦的找来实习项目，这是一个建设门户网站的项目项目名称是“xxxx网”，网站分为近三十个板块，然后我们可以选择那些没有完成的项目来做，我们组选的是“办事指南”这一块。
由于不经常接触办事指南的内容，范围比较广而且内有有多而杂，所以给我们的搜集带来很大的困难。
(二)在建设网站之前我们必须先要把我们的网站策划方案拿出来，所以实习的前两天我们一直在讨论关于网站策划的问题。
讨论到网站主题色、网页布局、栏目分类等一些问题时大家都有不同的意见，所以我们是经过自信分析才决定下来网站的一些问题。
(三)在网站的建设当中大家会遇到一些想象不到的问题，例如：用ps技术美化图片文字时遇到的技术问题，用flash做出来的动态广告不是我们想要达到的效果，有时网页之间链接不上……，遇到这些技术上的问题在遇到这些问题是我们都感觉太累太复杂了，所以也有想过放弃，想过只不过是一个作业，想办法完成就可以了。
可是再看看我们为了这份作业忙了这么些日子也应该要一些更多的收获，这才在老师和同学的帮助下完成了此次实习任务。
在实习的过程中我们也体会到了，不应该为完成作业而去做作业，应该把它当做自己的工作，自己有义务去完成它，在完成工作的过程中真真正正的学到一些东西，才是最主要的。
实习心得：经过为期两周的专业实习，令我更深一步的了解和学习了网站设计。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计实践报告（3篇）网页设计实践报告第一篇：一、任务内容原计划打算以“植物”为主题，设计过程中发现范围过于宽泛，无法完成主题的’设计。
因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。
主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。
其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。
模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。
模块三主要展示了自己拍摄的栀子花图片。
希望通过我的展示，让他人对栀子花有所了解。
二、设计步骤一、构思首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。
因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。
】和一组幻灯片【栀子花的文化】构成。
其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花――大叶栀子和雀舌栀子，更加便于了解。
二、取材主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。
三、设计（一）网页设计模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。
首页添加表格，表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。
部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。
模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。
模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。
插入图片，便于直观的了解各个种类的栀子花。
其中，各个种类的栀子花展示位于网页模板的右方，左方进行总说，并通过超链接与栀子花的分类说明建立联系。
模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。
（二）幻灯片设计此组幻灯片主要用来介绍栀子花的文化。
幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。
（三）flash设计此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。
四、美化（一）添加背景音乐主页以及各个模块中均插入了背景音乐。
（二）设计网页过渡（三）添加超链接三、采用的方法与手段（一）使用Frontpage制作网页单击新建网页可选择新建空白网页或其他网页模版。
单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。
选定单元格，单击鼠标右键选定背景即可插入背景图片。
选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。
选定单元格，即可输入文字。
选定插入，选择插入图片或艺术字即可插入图片或艺术字。
选定插入，选择交互式按钮，即可插入字幕。
选定格式，选择网页过渡，即可设计网页过渡效果。
（二）使用Powerpoint制作幻灯片单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。
单击插入，选择图片，即可添加图片或者艺术字。
选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。
选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。
选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。
、（三）使用Flash制作动画单击插入新建元件，即可进行元件的编辑。
单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。
单击第一帧或第15帧，选择补间，选择形状或动画即可。
网页设计实践报告第二篇：我第一次步入了社会，从此开始了面对社会、工作的生活。
刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。
现，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。
找到了一份网页设计的工作。
现将我工作中的情况报告如下。
工作介绍我工作的这家公司，从事网站开发工作的，公司技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而技术这块分为网站前台、后台开发，我学校主要做的`是后台开发，当然前台设计工作也还算熟练，但不是很精通。
我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发网页设计工作实习报告精选3篇网页设计工作实习报告精选3篇。
但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。
开发技术做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，短时间内熟练的掌握相关技术，干好本职工作。
大学里对一个学生来说什么是最重要的，那就是学习能力。
要知道，这个世界上，知识发展，人类进步，每天都进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西学校的时候就接触过，只是不精通。
那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好我都有学过，所以有个好的基础这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我宿舍的时候经常玩的，可是后来分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。
但好还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。
而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好从前学习方面用的功不是白费的通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php,这种 lamp组合，我很高兴学校学的东西能学有所用。
以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正学习，掌握的还算比较快。
而后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。
或者用javascript写一些特效小代码。
网页设计实践报告第三篇：一、任务内容原计划打算以“植物”为主题，设计过程中发现范围过于宽泛，无法完成主题的设计。
因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。
主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。
其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。
模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。
模块三主要展示了自己拍摄的栀子花图片。
希望通过我的展示，让他人对栀子花有所了解。
二、设计步骤一、构思首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。
因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。
】和一组幻灯片【栀子花的文化】构成。
其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花――大叶栀子和雀舌栀子，更加便于了解。
二、取材主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。
三、设计（一）网页设计模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。
首页添加表格，表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。
部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。
模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。
模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。
插入图片，便于直观的了解各个种类的栀子花。
其中，各个种类的栀子花展示位于网页模板的右方，左方进行总说，并通过超链接与栀子花的分类说明建立联系。
模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。
（二）幻灯片设计此组幻灯片主要用来介绍栀子花的文化。
幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。
（三）flash设计此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。
四、美化（一）添加背景音乐主页以及各个模块中均插入了背景音乐。
（二）设计网页过渡（三）添加超链接三、采用的方法与手段（一）使用Frontpage制作网页单击新建网页可选择新建空白网页或其他网页模版。
单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。
选定单元格，单击鼠标右键选定背景即可插入背景图片。
选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。
选定单元格，即可输入文字。
选定插入，选择插入图片或艺术字即可插入图片或艺术字。
选定插入，选择交互式按钮，即可插入字幕。
选定格式，选择网页过渡，即可设计网页过渡效果。
（二）使用Powerpoint制作幻灯片单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。
单击插入，选择图片，即可添加图片或者艺术字。
选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。
选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。
选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。
、（三）使用Flash制作动画单击插入新建元件，即可进行元件的编辑。
单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。
单击第一帧或第15帧，选择补间，选择形状或动画即可。