名匠装饰公司网站的设计和实现

目录
一、 引言 1
二、 网站开发工具的介绍 1
（一）HTML简介 1
（二）CSS简介 2
（三）JavaScript简介 2
三、需求分析 2
（一）功能需求 2
四、网站风格定位 3
五、网站结构分析 3
（一）“同”字型布局 3
（二）“国”字型布局 4
（三）“T”字型布局 4
六、网站制作过程 5
（一）色彩搭配原则 5
（二）网站开发流程 5
（三）网站框架设计 5
（四）网站代码分析 6
1.网站结构代码 6
2.网站css代码 6
（1） 网站导航栏 6
（2） 公司动态效果 8
（3） 网站版权和友情链接 10
（4）子页 经典案例 11
（5）子页 新闻导航 13
（6）子页 联系方式 15
（7）子页 装修新闻 16
（8）子页 最新活动2 18
3. JavaScript代码 20
七、网站测试与维护 21
（一）网站测试 21
（二）网站维护 22
结束语 22
致 谢 22
参考文献 23
引言
网络就像人们另外一个强大的精神载体，一直改革着，为了人类的生活便利提供了快节奏。信息存储与备份、出门不用担心没车坐、公交车还有几站到达、金钱的来往等等，慢慢的渗透进人们的生活，逐步的成为人们精神依赖的家园。可以借着网络，发表自己的意见和评论，寻找有共鸣的人，比较个性，成为人与人互相认识的一种潮流，具有新奇的特点。网络在人们的思维方式和生活方式上起着很大的改变。因为存在着改变，所以有很多对IT有兴趣的人。上网已经远远不是他们的目的了，他们想进入到网站的建设中来，为生活的“巨变”都奉献出自己的技术所及。在网上建立好一个属于自己公司的官网，就像是一个美丽的聚会，可以让顾客在美好的环境中了解公司，进而可以了解到公司的一些实力，公司的优势
 *好棒文|www.hbsrm.com +Q: *351916072* 
。有利于最后生意的落成。尤其是装潢业，每一笔的成交额最后都比较多，有非常多的强有力的竞争强手，在强势的环境中，肯定要改变自己，在网上也要不服输，展示自己的实力。有了一个属于自己的官网，不仅可以让客户使用方便，还可以让自己跟上别人的步伐。其中最重要的环节就是网站的制作，有很多新颖的表现手法可以体现在网站的设计和制作中。结合我的毕业作品，一些具体的经历体现在作品中的包括：网页设计与制作过程中的选择网页布局、搭配色彩，学习与研究css样式结构等相关事项作以下论述。
在这飞速发展的时代，有着越来越进步的科技，导致人们也有着越来越高的需求。在不长的时间里，网页设计已经不仅仅是一门技术了，而是一种艺术的表达展示。无论是草根出来的实业家，还是已经成熟稳重的事业单位，都会机智的选择在网上搞个像聚会一样的官网，让人一目了然自己的实力，从而吸引商机。很多小公司也想得到客户的选择与认可，他们就会选择在网络上也做一个像样的属于它们自己的官网。这网络的意义对于他们而言，是一座宝藏，挖掘不尽，有着无限的机遇和财富等待着他们。
网站开发工具的介绍
（一）HTML简介
HTML是现在非常通用风靡的网页制作语言。我大学才接触的网页设计课，HTML最先展示的网页制作技术。它描述着文本的标记和属性，在网页中鼠标点到图片就可以看到图片，点到视频就可以观看视频，点击网址就能看到网页，正是它的作用，借助着不同的超链接转到不同地址中的文件。随着人们对网页有着越来越高的要求，对网页的审美的要求也越来越高，HTML里很多的功能激起了人们的好奇探索，被很多具有创新和研发意识的IT精英进行扩展，比如可以自行设置喜欢的字体的样式和颜色。网页中页面的整体性、个性化、有序性，都有着HTML超强的排版功能的支持。通过把标签符添加在文本文件中，可以指挥浏览器显示自己预期想要得到的内容。一个具有超强功能的网页必定是依赖着熟练操作的HTML和别的web技术，选用专门的编辑网页的软件进行编写，编辑结束后，以.html或.htm为后缀进行文件保存。
（二）CSS简介
网页的美观成熟光靠HTML是大大不够的，后来因为所谓的个性化进而加入了大量繁琐的描述性标签使得网页的制作显得繁杂。要想简洁明了的将页面的显示信息、颜色、字体、排版制作出来，使用CSS是必不可少的，CSS可以将页面的表现形式和内容分离。不仅可以使人们清楚点维护网站的外观，而且还可以使HTML文档代码看起来更加简练，很有成效的缩短浏览器的加载时间。CSS使得网页是信息聚集显示在一个区域，如果需要修改则非常的方便。
（三）JavaScript简介
一个网站若是没有“动感”一点的装饰，会显得非常单调枯燥，而这种具有“动感”的装饰是一种以对对象和事件驱动为基础的具备安全性的脚本语言——JavaScript，不需要经过编译和设置什么链接就这样直接镶嵌在HTML页面中就可以解释并且执行。许多特效的实现也是依赖于JavaScript，比如让图片轮换的效果，会使网页显得精美一些，各种花哨的图片，会视觉得到满足，快速的了解企业的成就和近期活动等等。它具有非常高安全系数，信息的审阅和动态交互只能经过浏览器实现，有益于防范恶意程序。
三、需求分析
（一）功能需求
名匠装饰公司网站旨在，能使任何人在任何时候、任何地方都能借助网络了解公司的基本情况与具体成熟的设计方案信息。服务客户，便利客户，争取网页这张“脸”，能被客户记住，光临本公司！

图31 功能示意图
四、网站风格定位
一个网站的风格类型的选择，是了解一个网站的必然关注点。不同网站的风格都是有迥异的。对于对网站建设没什么概念和经验的人，不了解什么颜色啊结构啊之类的。这时候想要做一个较为成熟的网站就非常有必要花非常多的时间，多看一些网站，多做一些理解，然后自我进行较为全面的学习。这样才会有一个可以确定的想法和基本的做法在脑中过一遍，才不至于毫无目的，到处都惹麻烦。名匠装饰公司网站是专业用于装修行业的网站，它主要面对的用户是消费者，是一个服务于企业要求主题突出的网站。由于该行业的特殊性图片内容丰富，所以在色彩运用上，色彩总是呈现简洁、明了、低调的特征。在图片运用上，该网站主要是展示装饰公司的设计成品，各类风格图，框架色调颜色沉稳更能突出图片的鲜活。在功能上，网站的超多信息量希望能够从各方面尽量照顾到各种“口味”的客户和所有有需要人的，给予他们更多简单易接收的信息。

版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/693.html