达内见习报告Word格式文档下载.docx
《达内见习报告Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《达内见习报告Word格式文档下载.docx（16页珍藏版）》请在冰豆网上搜索。
本模块很明显地，该设计分为“用户”，“密码”两个输入框，可以在购买花时方便的输入消费者的自己的个人信息，“”最下一行还有“忘记密码”这一超连接，帮助忘记密码的用户重新找回密码，保证在配送花时，能根据消费者的具体地址把花准确无误的送到消费者的手中。
2.4风格与色彩搭配
网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信息。
在搭配上采用了粉白的搭配，以粉红色为主要基调，可以让网友们把注意力都集中在网站的内容上面。
三、主要数据结构
3.1逻辑结构设计
网上购物系统层次图（H图）：
四、流程图
五、源代码
<
html>
<
head>
<
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gbk"
/>
linkrel="
stylesheet"
type="
text/css"
href="
css/shopping.css"
/head>
body>
bgsoundsrc="
胡夏-那些年.mp3"
loop="
2"
>
/bgsound>
divid="
container"
<
banner"
imgsrc="
images/banner.jpg"
/div>
gk"
<
ul>
<
li>
ahref="
#"
鲜花礼品<
/a>
/li>
自主订花<
绿色植物<
花之物语<
会员中心<
联系我们<
支付方式<
/ul>
left"
login"
form>
<
p>
用户:
inputtype="
text"
name="
user"
class="
/p>
密码:
password"
pwd"
<
button"
value="
登录"
btn"
注册"
忘记密码?
/form>
category"
h4>
span>
用途<
/span>
/h4>
爱情鲜花<
生日鲜花<
新年鲜花<
家庭鲜花<
亲情鲜花<
道歉鲜花<
开业鲜花<
会议鲜花<
花材<
玫瑰花<
百合花<
郁金香<
太阳花<
康乃馨<
马蹄莲<
丁香花<
杜鹃<
价格<
100~200<
200~300<
300~400<
400~500<
500~600<
600~800<
800元以上<
main"
latest"
images/new1.jpg"
images/new2.jpg"
images/new3.jpg"
recommend"
"
images/flower1.jpg"
br/>
幸福的味道<
￥288<
images/flower2.jpg"
阳光守护你<
￥300<
images/flower3.jpg"
温情永存<
￥268<
images/flower4.jpg"
爱无界<
￥318<
images/flower5.jpg"
亲亲宝贝<
￥368<
images/flower6.jpg"
相信是缘<
￥188<
images/flower7.jpg"
水晶童话<
￥198<
images/flower8.jpg"
天使的爱<
&
nbsp;
new"
images/flower9.jpg"
粉丝迷情<
images/flower10.jpg"
海岸的优雅<
images/flower11.jpg"
百年的地中海<
images/flower12.jpg"
爱要说出口<
tips"
各种鲜花所代表的含义<
花的喜怒哀乐与人的各种感觉<
养花与养生之道<
每天清晨的第一缕阳光<
花香的味道<
世界各地关于送花的习俗<
种花与送花<
手捧一束鲜花的等待<
/body>
/html>
六、测试情况
能在浏览器上正确的运行，并与所计划设计的内容相符。
七、小结
感想
通过“达内”的学习，我学会了做网页，这次网站的完成，让我巩固了学到了不少知识，同时在制作过程中也发现了一些不足，通过这次课程设计的完成经历，我加深了对网页的了解，也找到了在网页制作中的许多乐趣，这次的作业中存在许多的小问题，还有很多的不完善，有些内容也是借鉴他人网站的创意制作完成，在今后的网页制作中，我会吸取这次经验，制作更加完善合理的作品，我相信通过不断的学习，会一次比一次更加完善。
在制作这次网页的过程中，我体会到网页的设计与制作需要进行详细地规划，首先应当对制作流程相当清楚，同时系统的了解需要用到的工具和软件，对其进行熟悉。
它还与美术领域息息相关，个人对颜色运用的搭配直接影响到网页使用的效果和给他人的感受。
所以应当根据你使用网页的目的，和网页的内容对其颜色进行定位和搭配。
网页不仅可以传递信息，更可以用于人与人之间的交流，可以说作用广泛。
在学会了一定的网页制作基础后，相信在以后的生活学习中，必定会带来不少收益。
设计总结
经过一段时间的设计制作，该网页系统基本设计完毕，其功能基本符合设计要求，能够通过网页真实地介绍了“满花屋”的概况，反映该电子网站的整体布局。
在设计过程中，也遇到了不少的问题，比如，素材加工方面，由于自身所学的知识技巧不足以满足设计构思所要达到的效果。
网页制作方面，UlteaEdit软件进阶程度较低，在应用表格进行布局时，如果结构复杂，尤其要嵌套表格时，较难控制格局，容易出错，等等。
这些问题，指导老师给予耐心细致的指导和帮助而得以解决，同时也提醒我需要在今后提高专业技术素质，更需要加强软件应用能力的训练。
设计完成后，我作为浏览者对整个网页进行逐一浏览，发现由于部分页面采用了和主页不一致的样式或布局，网站整体上显得风格不统一。
这也是让我感到困惑的地方。
如果所有页面使用统一样式，虽然便于设计，但略显单调，容易让浏览者产生审美疲劳；
而要是根据内容使用不同的样式，则整体上显得风格不一，不便于管理更新。
如何协调平衡这一矛盾，是今后设计中要努力做到的。
致谢
整个课程设计从选题、构思、素材加工到完成设计以及最后的反复修改，都得到李森老师的悉心指导。
在上课时，李老师以一位朋友的身份与我们进行交流，我们管他叫“森哥”。
我在多次询问设计过程中，他为我指点迷津，帮助我解决一些疑难问题。
可以说，整个课程设计中，无不倾注着他的精力和心血。
为了准备第二天上课的图片与音乐，他熬到深夜。
在这里谨向李老师致以最诚挚的感谢！
他对我的成长助益良多，是他的悉心指导，使我能够顺利完成整个设计。
在这短短而有充实的四天内，老师不但传授我们知识，还跟我们讲解了以后找工作时会遇到的种种问题，并提供了许多工作的经验。
在此，要向李老师深深地鞠上一躬。
附件：
（shopping.css文件）
body{
background-color:
#ffd8d9;
margin:
1px0px0px0px;
padding:
0px;
text-align:
center;
font-size:
12px;
font-family:
Arial,Helvetica,sans-serif;
}
#container{
position:
relative;
0pxauto0pxauto;
width:
700px;
left;
#gk{
#gkul{
list-style:
#gkulli{
float:
100px;
#gka{
display:
block;
9px6px11px6px;
background:
url（../images/button1.jpg）no-repeat;
#gka:
link,#gka:
visited{
color:
#630002;
text-decoration:
none;
hover{
#FFFFFF;
underline;
url（../images/button1_bg.jpg）no-repeat;
#left{
180px;
#FFFFFFurl（../images/leftbottom.jpg）no-repeatbottom;
#loginform{
#loginp{
5px0px0px25px;
#loginpinput{
#loginforminput.text{
border-bottom:
1pxsolid#000000;
border-left:
border-right:
border-top:
90px;
#loginforminput.btn{
#ffeff0;
height:
17px;
#loginpa:
link,#loginpa:
#000088;
#333333;
#category{
url（../images/category.jpg）no-repeat;
55px0px40px0px;
#categoryh4{
0px18px0px18px;
3px0px1px5px;
#ffd1d1;
#categoryul{
5px22px15px22px;
#categoryulli{
2px0px2px16px;
1pxdashed#999999;
url（../images/icon1.gif）no-repeat5px7px;
#categoryullia:
link,#categoryullia:
#000000;
#666666;
#main{
518px;
1px0px0px2px;
#latest{
url（../images/latest.jpg）no-repeat;
35px0px0px0px;
#latestimg{
border:
padding-left:
1px;
#recommend{
url（../images/recommend.jpg）no-repeat;
5px0px0px0px;
#recommendbr,#newbr,#tipsbr{
clear:
both;
#recommendul,#newul{
5px5px5px8px;
#recommendulli,#newulli{
125px;
#recommendulliimg,#newulliimg{
5px0px3px0px;
#recommendullia:
link,#recommendullia:
visited,#newullia:
link,#newullia:
hover,#newullia:
#d20005;
#new{
url（../images/new.jpg）no-repeat;
#tips{
url（../images/tips.jpg）no-repeat;
#tipsul{
5px5px5px30px;
#tipsulli{
220px;
1px0px1px12px;
url（../images/icon2.gif）no-repeat5px6px;
#tipsullia:
link,#tipsullia:
#222222;
hover
升级会员 