： 1一、绪论 3（一）、开发目的 3（二）、需求分析 3二、技术开发介绍 3（一）、HTML 3（二）、CSS 4（三）、DIV+CSS 4（四）、Dreamweaver 4（五）、Adobe Photoshop 4（六）、JavaScript 5三、迎运家居网站总体分析 5（一）、网站内容总体分析 5（二）、网站页面结构总体分析 6四、迎运家居网站内容 7（一）、网站首页设计 71、网站LOGO设计 102、网站导航条设计 103、网站的图片切换设计 114、首页中间部分设计 125、首页返回顶部设计 146、首页友情链接设计 147、首页底部版权设计 15（二）、网站二级页面设计 151、装修设计页面设计 152、装修搭配页面设计 183、产品大全页面设计 194、测评设计页面设计 225、论坛页面设计 266、活动页面设计 28（三）、网站三级页面设计： 291、独家设计页面设计 292、设计案例页面设计 31（四）、网站四级页面设计 35五、网站的测试与问题解决 36六、总结 37七、致谢 39八、参考文献 40九、附录 41：“迎运家居”网站的主色调为深灰色，辅色调为浅绿色，整个网站处处透露着典雅庄重又不失现代时尚，是人们装修设计house的极好选择。该网站包括：案例参考、装修施工、产品大全、装修设计、活动、装饰搭配、测评、论谈等内容。网站构建以div + css为主，JavaScript为辅，生动传神的展示了各种各样的家居装修案例，也向大家推荐最新的装修风格，让顾客以最优惠的价格，获得最贴近心意的服务。
目录
Abstract: "Meet shipped home" the masstone attune of the site for the dark grey, auxiliary tone is light green, the entire site in the elegant solemn does not lose the modern fashion, is a great choice to decorate a design house. The site includes: case reference, decorate construction, product portfolio, de
 *景先生毕设|www.jxszl.com +Q: ^3^5`1^9`1^6^0`7^2# 
corate a design, activity, adornment collocation, assessment, discussions with teachers and other content. Website construction is given priority to with div + CSS, JavaScript, vividly shows all kinds of household decorate case, also recommend the latest decorate a style, make the customer with the most preferential price, won the most close to the heart of service.
Keywords:Ying yun JuWang; DIV + CSS; Design; Decorate
一、绪论
（一）、开发目的
目前已经进入互联网时代，每家每户都拥有12台电脑，人们的思想观念也发生了巨大的变化，从以前的逛实体店到后来的逛网店，从每个月几乎没有快递到每周都需要收快递。开网店已经是时代的要求，“迎运家居”也追随时代的脚步，建立了“迎运家居”网站。
建立网站不但是响应时代的号召，更是增加客户群的手段，毕竟互联网是全球性的网络平台，信息是呈现高速度的共享，当前发布的最新信息在下一秒钟就被传播出去，这是旧时代的传播媒介所达不到的效果。
（二）、需求分析
房子对于东方国家的人民来说意义非凡，它不仅仅是钢筋加混凝土，它意味着有了一个栖身之所，意味着有了一个温暖的家，有了一个梦想的港湾，有了一种安全感和归属感。当今社会，中国人购房压力很大，一套房子动辄8090万，大家辛苦了半辈子买了一套梦寐以求的房子，但是毛坯房不能直接入住，要想住的舒适安心就需要设计和装修，如果购房者自己设计，容易出现房屋设计不合理，颜色搭配不和谐，修完再拆，拆完再修的情况。“迎运家居”恰恰可以避免出现这种问题，“迎运家居”承包了设计、装修、搭配、施工等一系列的工作，启用国际最顶尖的设计师和装修团队，为顾客提供最周道的服务，尽可能的满足顾客的需求，让“家”不留任何遗憾。
二、技术开发介绍
建立一个原创的“迎运家居”网站，1.要浏览相关家居网站，从中取其精华去其糟粕。2.使用Photoshop软件进行图片优化，使图片更为清晰，生动。3.确定该网站的主色调，导航条的内容。4.使用Div+Css编写网站，用javascript脚本语言增加可读性，生动性。5进行测试。
（一）、HTML
（二）、CSS
CSS中文名称为：层叠样式表，能够精确控制位置进行排版。CSS经历了三个阶段：Css1、Css2、Css3，三个阶段全部符合W3C标准。CSS的基本语法：html元素{属性：值；属性：值；}其中属性与值之间用冒号隔开，两个属性之间用分号隔开，最后以分号结尾。在HTML中将网页链接到样式表中有三种方法：1.外部样式2.内页样式3.行内样式。其中特别注意的是外部样式链接方式，在Head里加入代码:。CSS注释方法：/*注释内容*/,Css注释同样不会再HTML中显示该样式。用CSS样式可以减少代码的冗余，但是不是没有冗余。
（三）、DIV+CSS
（四）、Dreamweaver
Dreamweaver是一款可视化网站编写工具，可视化强，但又很难达到所见即所得，网站编辑器中的效果很难与浏览器的效果达到高度一致。Dreamweaver 软件自带代码提示功能，能够快速编写代码，极其方便。
（五）、Adobe Photoshop
Adobe Photoshop的图像处理功能非常强大，可以缩放图像，模糊图像，修复图像，更换背景颜色，增加文字等，是制作网站不可缺少的修图工具。
（六）、JavaScript
Javascript 是一种常用作给html增加动态效果的脚本语言，在大多数浏览器下可运行。
三、迎运家居网站总体分析
（一）、网站内容总体分析
“迎运家居”网站内容多样。包括优秀案例参考、装修设计、装修施工、装饰搭配、产品大全、测评、论谈、活动等内容。在该网站中您能发现最新潮流趋势，最火的设计元素，最棒的搭配体验，与国际优秀设计师一对一接触，近距离感受设计的美。在该网站的产品大全部分您还能了解到如何选择涂料、地板、陶瓷等装修材料。在测评部分，该网站运用最先进的测评技术帮您测评台灯、马桶、投影仪等设备的质量，严格为您的家把关。在论坛部分，用户可以互相交流装修设计中出现的问题，并分享心得和体会，以便互相参考经验。
在“迎运家居”的设计和制作方面，以Dreamweaver为主要制作软件，以DIV+CSS布局网站的主要内容，运用JavaScript增加网站生动性。特效主要包括：返回顶部特效，图片切换特效，从广告经过几秒后跳转到首页的特效，鼠标滑过特效。
网站设计主要分为四层，网站组织结构如图31所示：
图31 迎运家居网站组织结构图
（二）、网站页面结构总体分析
1、迎运家居网站首页设计结构

原文链接：http://www.jxszl.com/jsj/xxaq/48877.html