家居网站实训报告

《唯爱家居》网站设计

一、 前言

随着社会的发展，科学的进步，人民生活水平的提高，人们的物质文化需求日益强烈。

信息时代,互联网兴起普及为家居公司宣传、销售、服务推向众客户提供了便利。客户登陆网站随时随地方便了解到所需贵公司产品等方面信息。家居公司更可以通过该渠道得到不同需求和不同地域的客户，大大的扩展了服务覆盖面，提高业务量。家居公司企业现在面临着越来越大的激烈市场竞争,如何脱胎换骨脱颖而出创造商机?怎么样全方位的宣传自己?怎么样让客户比较方便快捷的找到您?那就是与时俱进,建立一个属于自己公司的全方位展示的家居网站平台。

二、 总体设计

整体构思：

本网站总共有网页20个，主页为一个标题式框架网页，上方为标题页，下方显示其他各页的内容，由此构成了网站的主体显示结构。

本站20个网页分别为：站点首页，站点标题页，站点内容主页。由于是家居网站，所以页面较多。包括设计搭配、家饰生活、建材宝典、装修手册、设计师、以及论坛等六个主页面。

网站主题：家居装饰设计网站

1.网站名字：唯爱家居网

2.网站作用：主要用于展示家居装饰的设计和家居装饰品的平台

页面构思：

网站主体的颜色为橙色做主色调。因为橙色主要是温馨，温暖，活泼，热情的色调。页面间采用浅紫，浅蓝做辅助。紫色和黄橙是互补色，浅蓝和橙色是对比色。这样的页面比较突出和显眼。同时也比较美观和大方。

（1） 预期目标

1包括二级页面和三级页面 通过本次实训要完成仙剑奇侠传的网页制作。还要应用一些网页制作的基本技巧。

2 模版应用,掌握布局技术。 CSS 样式，超级链接，并运用 firework 做简单的图形编辑。

3巩固对网站的创建、网页的策划、设计与制作的理解， 通过连续时间的实际操作。加深理解网站、网页、制作的过程。

（2）关键技术及解决途径： 一、关键技术：

1 有完整设计思路。

2 有标题的网站以及有对应自己创意设计制作的 Logo 图象、广告条等图象；

3 至少有首页、二级页面、三级页面的层结构；

4 有框架、有表单；

5 有自己创作输入的文字内容并经过排列整理；

6 Dreamweav 模板技术；

7 至少采用了样式表技术；

8 采用鼠标事件等行为设置之一；

9 不允许出现超级链接错误！

10 有版权声明、网站更新日期、创意制作人员。

二、解决途径

充分利用相关技术要点，根据课堂所学。对于不懂的地方问实训老师，以及向同学请教。制作完成后，反复检查，保证链接的正确性。

主页

设计搭配 家饰生活 建材宝典 设计师 装修手册 家居论坛客厅卧室书房厨房卫浴布艺

布艺床品单品橱柜地板等图纸效果玄关设计风格趋势局部空间区论坛

会员专

三、 详细设计

（1）步骤

1 确定网站内容为唯爱家居网站。

制作 banner logo 和相关动画图片

2 查找相关资料。

负责首页制作， 然后插入 logo banner 美化首页 ，采用布局技术设计首页。

3 应用模版技术制作相关图片和文字

其中制作遇到一个麻烦就是做子页的时候需要改变其中的一个小的地方，所以可以刷模板。利用制作好的网页，保存后。在常用的“插入”栏中。选择“可编辑区”，将要改变的部分设为可编辑区域，并命好名字，以便区分。之后保存为“另存为模板”。系统会自动生成文件。以后要用时直接点击“新建文档”点“模板”即可从里面调用。

4链接到百度贴吧

5 友情连接应用了框架。官网等相关网站，并用 firework 制作了相关的 logo 和 banner （暂时没实现）

6采用表单技术制作留言板。

7 最后创建 CSS 样式。

8 个相关页面之间进行必要的超级链接。 完成相关站点的链接 ，清除多余文件和图片。

（由于网站只完成一部分，所以很多连接都无法完成）

9 检查链接。

四、 结束语

(1)自我评价

掌握了许多关键技术，这次实训充分利用了课堂所学。例如模版技术， CSS 样式，使得制作过程方便了很多。

文件夹、文件命名规范；文件存放位置合理； 完成基本要求得基础上。

没有断链 ( 外部链接不算 ) 工作量饱满：内容较丰富、自己设计制作的素材应用多；色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。

(2)心得体会

通过这次的的实训，我学到了很多的多西。这次实训，让我更深地了解了Dreamwever的基本知识，掌握和运用Dreamwever的技巧，同时还掌握了一般商业网站建设的基本流程和注意事项，及相关网页制作软件工具的使用。通过这次实训，我深深的体会到做网站建设网页计师的艰辛，以及作为一个后台管理人员的艰辛，要做好一个完整网站网页，不仅仅需要过硬的技术，还需要更多的耐心、细心与毅力。再次，在实训的过程中，我深深的感觉到自己在实际运用中专业知识的缺乏，及自己工作能力的不足，遇到问题总是很难解决。纸上得来终觉浅，绝知此事要躬行！”在短暂的两周实训过程中，让我深深的感觉到自己在实际运用中的专业知识的匮乏，刚开始的一段时间里，对一些工作感到无从下手，茫然不知所措，这让我感到非常的难过。以前总以为自己学的不错，一旦接触到实际，才发现自己知道的是多么少，这时才真正领悟到“学无止境”的含义。

通过这次实训，今后不管遇上什么样的工作问题，要学会自己冷静思考分析，一点点排除障碍，到最后获取成功。并且不懂的问题，要多向别人请教。另外，今后应多加练习多加熟悉常用的代码，争取在这方面取得更大进步。寒假我准备好好复习一下自己的静态网页制作的基础知识。然后看一下动态网页技术的制作方法，学习一些真正有用的东西。