机械企业网站设计与实现毕业设计说明书
目录
一、引言 2
（一）课题开发目的 2
（二）课题开发意义 2
（三）课题内容 2
（四）课题开发技术 2
1.DIV定义 2
2.DIV用法 2
3.DIV布局优势 3
（五）课题开发工具 3
1.Fireworks 3
2.Dreamweaver 3
二、网站内容规划 4
（一）网站背景 4
1.网站职能 4
2.电子商务的发展 4
（二）网站开发需求性 4
1.网站开发的重要性 4
2.建站分析 4
（二）网站主题 5
（三）网站内容 5
1.整体介绍 5
2.详细介绍 6
（三）网站色彩 6
三、网站设计 6
（一）LOGO设计 6
1.设计思想 6
2.设计步骤 6
（二）导航设计 6
1.设计思想 6
2.设计效果 6
（三）首页设计 8
1.设计思想 8
2.设计步骤 8
（四）子页设计 10
1.设计思想 10
2.设计步骤 10
四、网站具体制作 12
（一）首页制作 12
1.制作过程 12
2.CSS样式 12
（二）模板制作 13
1.设计思想 13
2.设计步骤 13
（三）子页制作 15
五、总结 17
致谢 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
18
参考文献 18
附录 19
1.首页代码 19
2.CSS代码 22
机械企业网站设计与实现
Abstract:
In this project, the construction site is mainly used in Dreamweaver HTML station. To div layout of the way, written as a mechanical information for the theme of the small website, combined with the popular use of traditional mechanical information, hope to everyone in the purchase of machinery and equipment can bring convenience. Website construction the fireworks make a home page and with red, the symbol of industrial strength color website features and effects of reflected. Then the div comprehensive design the layout of Web site, first the basic rudiments page to show up, then specific perfect page. The page template to complete the remaining sub page making. The website is completed, on the whole, the color appropriate, reasonable layout, is a very good website.
The design specification in the construction site specific introduced mechanical production site of significance, Center for ideas and specific design tools, the main layout.
Keywords: DIV; layout; machinery enterprise website
一、引言
（一）课题开发目的
机械，源于希腊语中的Mechine，指“巧妙的设计”，古罗马时期为区别手工工具的一般性机械概念。简单点说，是极大解放双手劳动力的有用工具，每一份机械工具制作都饱含了广大劳动人民的智慧的结晶，是生产生活的积累，它象征着以科学技术为核心的第一生产力。随着世界工业化飞速发展，中国也正向着高度工业化的方向迈进，拿苏州来说，各大工厂基本上已被机器所代替。相比于手工业而言，机械带来的便捷度是手工业无法比拟的。在现今的社会中接触到大多数装置，都能看到机械给人们带来的方便，所以本网站的建设意义不言而喻。
（二）课题开发意义
随着现代文明的进步，机械越来越像现代社会的基础，是一个国家的顶梁柱。毫不夸张的说，在这个社会，没有机器人们将寸步难行。但各类机械信息的获取也是一个问题，机器的种类繁多，好坏也良莠不齐。考虑到快捷的网络带来的便利因素，顺应社会信息传播的趋势，决定设计一个以网络为载体的机械企业网站作为自己的毕业设计作品。所以本课题的意义就在于希望能通过建设一个信息齐全的机械器材网给大家带来方便。本网站为静态网站设计，大体采用了HTML中DIV+CSS的网页布局方式。
（三）课题内容
论文介绍了有关机械制作这项传统工业在网上展示的功能。就网站主页来看，有网站首页、企业简介、企业形象、产品展示、新闻中心、与我联系、推荐网址、友情链接。论文首先介绍了开发机械网站的目的和实际意义，在介绍网站的主要布局方式和能用到的工具，大体的以网站主页为总的阐述点。包括网站主页的布局顺序，总体设计，超链接的实现效果，颜色搭配等等。最后是对成型网站的测试阶段，从中看看有哪些地方搭配不合适，或是布局不合理，从而加以修改，完成最终的机械企业网站设计。
（四）课题开发技术
DIV定义
Div全称“DIVision”是一种定位技术。Div主要是在HTML中对大块文章做一个结构和背景元素的控制。Div在网站结构上可以吧文章具体的划分为不同的部分使之不与任何格式产生反应，让结构更加严密紧凑。
2.DIV用法
DIV的加入意味着内容中又多了一个新的结构布局，是一个块级元素，他有唯一的格式表现，在给结构加属性方面，用div能带来更多的方便，可以调控页面的高度、宽度。以div书写的网页程序在网站上更容易展示效果。
DIV布局优势
Div布局可以让编写的代码看起来不是那么的复杂，各结构之间可以能清晰。同样的，既然可以更容易的看到各段结构代码的编写，那修改起来也更加方便容易。对网站而言，代码的简化意味着网站结构的简化，那在网站上访问速度也自然得到提升，增强了用户对网站的友好度。在网站优化方便也能起到不错的效果。
（一）网站背景
一、引言 2
（一）课题开发目的 2
（二）课题开发意义 2
（三）课题内容 2
（四）课题开发技术 2
1.DIV定义 2
2.DIV用法 2
3.DIV布局优势 3
（五）课题开发工具 3
1.Fireworks 3
2.Dreamweaver 3
二、网站内容规划 4
（一）网站背景 4
1.网站职能 4
2.电子商务的发展 4
（二）网站开发需求性 4
1.网站开发的重要性 4
2.建站分析 4
（二）网站主题 5
（三）网站内容 5
1.整体介绍 5
2.详细介绍 6
（三）网站色彩 6
三、网站设计 6
（一）LOGO设计 6
1.设计思想 6
2.设计步骤 6
（二）导航设计 6
1.设计思想 6
2.设计效果 6
（三）首页设计 8
1.设计思想 8
2.设计步骤 8
（四）子页设计 10
1.设计思想 10
2.设计步骤 10
四、网站具体制作 12
（一）首页制作 12
1.制作过程 12
2.CSS样式 12
（二）模板制作 13
1.设计思想 13
2.设计步骤 13
（三）子页制作 15
五、总结 17
致谢 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
18
参考文献 18
附录 19
1.首页代码 19
2.CSS代码 22
机械企业网站设计与实现
Abstract:
In this project, the construction site is mainly used in Dreamweaver HTML station. To div layout of the way, written as a mechanical information for the theme of the small website, combined with the popular use of traditional mechanical information, hope to everyone in the purchase of machinery and equipment can bring convenience. Website construction the fireworks make a home page and with red, the symbol of industrial strength color website features and effects of reflected. Then the div comprehensive design the layout of Web site, first the basic rudiments page to show up, then specific perfect page. The page template to complete the remaining sub page making. The website is completed, on the whole, the color appropriate, reasonable layout, is a very good website.
The design specification in the construction site specific introduced mechanical production site of significance, Center for ideas and specific design tools, the main layout.
Keywords: DIV; layout; machinery enterprise website
一、引言
（一）课题开发目的
机械，源于希腊语中的Mechine，指“巧妙的设计”，古罗马时期为区别手工工具的一般性机械概念。简单点说，是极大解放双手劳动力的有用工具，每一份机械工具制作都饱含了广大劳动人民的智慧的结晶，是生产生活的积累，它象征着以科学技术为核心的第一生产力。随着世界工业化飞速发展，中国也正向着高度工业化的方向迈进，拿苏州来说，各大工厂基本上已被机器所代替。相比于手工业而言，机械带来的便捷度是手工业无法比拟的。在现今的社会中接触到大多数装置，都能看到机械给人们带来的方便，所以本网站的建设意义不言而喻。
（二）课题开发意义
随着现代文明的进步，机械越来越像现代社会的基础，是一个国家的顶梁柱。毫不夸张的说，在这个社会，没有机器人们将寸步难行。但各类机械信息的获取也是一个问题，机器的种类繁多，好坏也良莠不齐。考虑到快捷的网络带来的便利因素，顺应社会信息传播的趋势，决定设计一个以网络为载体的机械企业网站作为自己的毕业设计作品。所以本课题的意义就在于希望能通过建设一个信息齐全的机械器材网给大家带来方便。本网站为静态网站设计，大体采用了HTML中DIV+CSS的网页布局方式。
（三）课题内容
论文介绍了有关机械制作这项传统工业在网上展示的功能。就网站主页来看，有网站首页、企业简介、企业形象、产品展示、新闻中心、与我联系、推荐网址、友情链接。论文首先介绍了开发机械网站的目的和实际意义，在介绍网站的主要布局方式和能用到的工具，大体的以网站主页为总的阐述点。包括网站主页的布局顺序，总体设计，超链接的实现效果，颜色搭配等等。最后是对成型网站的测试阶段，从中看看有哪些地方搭配不合适，或是布局不合理，从而加以修改，完成最终的机械企业网站设计。
（四）课题开发技术
DIV定义
Div全称“DIVision”是一种定位技术。Div主要是在HTML中对大块文章做一个结构和背景元素的控制。Div在网站结构上可以吧文章具体的划分为不同的部分使之不与任何格式产生反应，让结构更加严密紧凑。
2.DIV用法
DIV的加入意味着内容中又多了一个新的结构布局，是一个块级元素，他有唯一的格式表现，在给结构加属性方面，用div能带来更多的方便，可以调控页面的高度、宽度。以div书写的网页程序在网站上更容易展示效果。
DIV布局优势
Div布局可以让编写的代码看起来不是那么的复杂，各结构之间可以能清晰。同样的，既然可以更容易的看到各段结构代码的编写，那修改起来也更加方便容易。对网站而言，代码的简化意味着网站结构的简化，那在网站上访问速度也自然得到提升，增强了用户对网站的友好度。在网站优化方便也能起到不错的效果。
（一）网站背景
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1809.html
