扬州华电网站设计
目录
一、引言 1
（一）扬州华电的产品 1
（二）企业的发展和前景 1
（三）设计内容 1
（四）开发技术 1
（五）使用工具 1
二、网站内容 2
（一）网站主题 2
（二）网站内容 2
三、网站设计 3
（一）Logo设计 3
（二）导航设计 3
（一）首页设计 3
（二）子页设计 4
四、网站具体设计 7
（一）首页制作 7
（二）子页制作 9
五、总结 13
致谢 15
参考文献： 16
扬州华电网站
引言
扬州华电是一家电器企业，该企业生产电器设备，是一家高新技术企业。通过这个网站，可以了解到“扬州华电电器有限公司”的发展历史和主要生产的产品，作为一个对外开放的网站，所以在企业与客户通过网站进行互动十分重要，所以这个功能也是我的网站的一大亮点，还有一大亮点便是我自己工作的介绍，这是通过一个单独的网页呈现出来。 最主要的是网站是告诉客户企业有什么，所以在网站中公司的产品有详细的介绍，可以方便客户寻找他们需要的东西，这些都是我的毕业设计涉及到的。
（一）扬州华电的产品
扬州华电有限公司是一家成立二十多年的高新技术企业，专注于电力电气的实验设备的研发和销售，目前公司生产的产品有上百种，如单相继电保护试验装置、高压兆欧表、无局部放电工频试验变压器，变频串联谐振成套装置等。
（二）企业的发展和前景
现代中国的发展离不开国家电力事业的发展，从1990年中国总发电量6212亿度电，到2014年的55 *好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
233亿度电，中国的发电装机的总容量达到了13.6亿千瓦！远超美国等众多发达国家，成为世界上最大的用电国和发电国！
国家对于用电安全和保护是十分的重视的，而扬州华电正是一家专注于漏电保护和试验设备的高新技术企业。
（三）设计内容
本网站的制作，运用到的主要工具是 DIV+CSS技术，图片的修理还需要一些PS运用。网站主要包括首页，公司简介，产品介绍，联系我们和我的工作栏这五个分栏。通过这五个分栏，简单的介绍了扬州华电和产品信息。
（四）开发技术
网站的建立和设计离不开DIV+CSS技术，这些软件也是网站制作者们所熟知的，它是网站的一个设计标准，是一种网页布局的方式，是有别于传统的表格（table）布局定位的方式，可以实现网页的页面内容和表现分离开来。CSS是层叠样式表（Cascading Style Sheets）的缩写，用来定义HTML元素的显示形式。它的好处便是可以对网页进行统一的设计管理，通过样式表，管理全部的网页，只要通过修改样式表就可以统一布局整个网页的风格。
还有就是，使用DIV+CSS的一个很大的优势，大大的提高了网页的加载速度。所有人都有这样的体会，逛一个网站的时候，网页加载十分缓慢是多么影响人心情的一件事。所以通过DIV+CSS技术在硬件上可以吸引到更多的使用者。
（五）使用工具
1.Dreamweaver CS3
Dreamweaver CS3是最新的用于网页制作与设计的组件。Dreamweaver CS3可以很简单的制作出跨操作系统的平台和跨浏览器的动态网页。是目前制作web页站点和web页和应用程序开发的理想工具。Dreamweaver CS3的特点可以总结为一下几点：
形式较灵活，可视化编辑环境，强大的CSS功能，站点管理功能完善，集成性高，媒体支持能力强，拓展能力强
2.PhotoshopCS5
Adobe Photoshop CS5 Extended是视频，电影和多媒体领域中的专业代名词，用作与3D，动图和web设计人员，受到工程和科学领域的专业人士追捧。显示3D图像及合并到2D图像。可以轻松的编辑视频图层上的动画，也可使用做测量，计数和可视化工具来探查图像。
它的特点如下：能够轻松完成复杂选择，内容感知型填充，操控变形，GPU加速，出众的绘图效果，简单的用户界面管理，出色的跨平台性能以及出色的黑白转换等
3.Adobe Flash CS6
Adobe Flash CS6是用于创建动画和多媒体内容的一个创作平台，在计算机，平板电脑，智能手机，电视等多种平台都能展现出强大一致的互动体验。
软件有如下的几个特点：它首先精简了AIR SDK,Bridge CS6,多国语言，激活/升级系统等组件。再者使用 SQLLITE准确注册程序，为以后安装其他的Adobe程序做好准备。能关联相关的文件。还有一个很好的地方，程序不含任何第三方插件，保持纯净。Adobe Flash CS6新增的功能有：生成Sprite表单，HTML的新支持，广泛的平台和设备支持，创建预先封顶的 Adobe AIP应用程序，Adobe AIR移动设备模拟，锁定3D场景，可伸缩的工具箱等。
二、网站内容
（一）网站主题
这是扬州华电的一个介绍网站，方便客户查询公司的主要产品。
（二）网站内容
1.整体介绍
该毕业网站设计主要是介绍了一个电气企业的品牌和产品以及我个人的一些工作，通过网站可以了解公司的一个产品以及联系方式，可以很好的服务客户。
2.详细介绍
首页：首页是展示网站的首个网页，所以在布局内容的设计尤其重要，由首页可以通往网站的各个子页，所以首页的内容很多。
产品介绍：该栏是这个网站的最为重要的一个部分，也是整个网站的精华所在，顾客最为关心的部分，该子页展示了扬州华电的主要产品，可以点击来了解更多更详细的商品介。
联系我们：该栏有我们的联系方式，以及方便顾客留下联系方式，方便后期联系。
公司简介：介绍扬州华电电器有限公司的一个发展和市场，以及公司的生产理念。
我的工作栏：作为我在该公司的一个工作体验和作业，介绍了我在公司的一次中频直流高压发生器的调试过程和中间的一些注意事项，比如中频直流高压发生器的调试。
三、网站设计
功能板块介绍：
该网站有首页，子页组成，二级子页包涵“产品介绍”，“联系我们”，“公司简介”，“我的工作栏”，还有三级子页“产品详情”。具体如图1所示：
图1功能模块
（一）Logo设计
是一个简单的汉字拼音的首字母组成一个椭圆，和明了的“扬州华电”字样。这样的Logo十分简单简洁、不花哨，给人感觉清晰明了。在这个过程中用到了ps，其效果图如图2所示：
图2Logo
（二）导航设计
本网站的导航设计放在了logo的后方，但是和logo有一个错位设计，不会造成视觉上的别扭。总共五个栏目，“首页”，“产品介绍”，“联系我们”，“公司简介”，“我的工作栏”，点击后可以进入不同的子页。
图18子页留言
一、引言 1
（一）扬州华电的产品 1
（二）企业的发展和前景 1
（三）设计内容 1
（四）开发技术 1
（五）使用工具 1
二、网站内容 2
（一）网站主题 2
（二）网站内容 2
三、网站设计 3
（一）Logo设计 3
（二）导航设计 3
（一）首页设计 3
（二）子页设计 4
四、网站具体设计 7
（一）首页制作 7
（二）子页制作 9
五、总结 13
致谢 15
参考文献： 16
扬州华电网站
引言
扬州华电是一家电器企业，该企业生产电器设备，是一家高新技术企业。通过这个网站，可以了解到“扬州华电电器有限公司”的发展历史和主要生产的产品，作为一个对外开放的网站，所以在企业与客户通过网站进行互动十分重要，所以这个功能也是我的网站的一大亮点，还有一大亮点便是我自己工作的介绍，这是通过一个单独的网页呈现出来。 最主要的是网站是告诉客户企业有什么，所以在网站中公司的产品有详细的介绍，可以方便客户寻找他们需要的东西，这些都是我的毕业设计涉及到的。
（一）扬州华电的产品
扬州华电有限公司是一家成立二十多年的高新技术企业，专注于电力电气的实验设备的研发和销售，目前公司生产的产品有上百种，如单相继电保护试验装置、高压兆欧表、无局部放电工频试验变压器，变频串联谐振成套装置等。
（二）企业的发展和前景
现代中国的发展离不开国家电力事业的发展，从1990年中国总发电量6212亿度电，到2014年的55 *好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
233亿度电，中国的发电装机的总容量达到了13.6亿千瓦！远超美国等众多发达国家，成为世界上最大的用电国和发电国！
国家对于用电安全和保护是十分的重视的，而扬州华电正是一家专注于漏电保护和试验设备的高新技术企业。
（三）设计内容
本网站的制作，运用到的主要工具是 DIV+CSS技术，图片的修理还需要一些PS运用。网站主要包括首页，公司简介，产品介绍，联系我们和我的工作栏这五个分栏。通过这五个分栏，简单的介绍了扬州华电和产品信息。
（四）开发技术
网站的建立和设计离不开DIV+CSS技术，这些软件也是网站制作者们所熟知的，它是网站的一个设计标准，是一种网页布局的方式，是有别于传统的表格（table）布局定位的方式，可以实现网页的页面内容和表现分离开来。CSS是层叠样式表（Cascading Style Sheets）的缩写，用来定义HTML元素的显示形式。它的好处便是可以对网页进行统一的设计管理，通过样式表，管理全部的网页，只要通过修改样式表就可以统一布局整个网页的风格。
还有就是，使用DIV+CSS的一个很大的优势，大大的提高了网页的加载速度。所有人都有这样的体会，逛一个网站的时候，网页加载十分缓慢是多么影响人心情的一件事。所以通过DIV+CSS技术在硬件上可以吸引到更多的使用者。
（五）使用工具
1.Dreamweaver CS3
Dreamweaver CS3是最新的用于网页制作与设计的组件。Dreamweaver CS3可以很简单的制作出跨操作系统的平台和跨浏览器的动态网页。是目前制作web页站点和web页和应用程序开发的理想工具。Dreamweaver CS3的特点可以总结为一下几点：
形式较灵活，可视化编辑环境，强大的CSS功能，站点管理功能完善，集成性高，媒体支持能力强，拓展能力强
2.PhotoshopCS5
Adobe Photoshop CS5 Extended是视频，电影和多媒体领域中的专业代名词，用作与3D，动图和web设计人员，受到工程和科学领域的专业人士追捧。显示3D图像及合并到2D图像。可以轻松的编辑视频图层上的动画，也可使用做测量，计数和可视化工具来探查图像。
它的特点如下：能够轻松完成复杂选择，内容感知型填充，操控变形，GPU加速，出众的绘图效果，简单的用户界面管理，出色的跨平台性能以及出色的黑白转换等
3.Adobe Flash CS6
Adobe Flash CS6是用于创建动画和多媒体内容的一个创作平台，在计算机，平板电脑，智能手机，电视等多种平台都能展现出强大一致的互动体验。
软件有如下的几个特点：它首先精简了AIR SDK,Bridge CS6,多国语言，激活/升级系统等组件。再者使用 SQLLITE准确注册程序，为以后安装其他的Adobe程序做好准备。能关联相关的文件。还有一个很好的地方，程序不含任何第三方插件，保持纯净。Adobe Flash CS6新增的功能有：生成Sprite表单，HTML的新支持，广泛的平台和设备支持，创建预先封顶的 Adobe AIP应用程序，Adobe AIR移动设备模拟，锁定3D场景，可伸缩的工具箱等。
二、网站内容
（一）网站主题
这是扬州华电的一个介绍网站，方便客户查询公司的主要产品。
（二）网站内容
1.整体介绍
该毕业网站设计主要是介绍了一个电气企业的品牌和产品以及我个人的一些工作，通过网站可以了解公司的一个产品以及联系方式，可以很好的服务客户。
2.详细介绍
首页：首页是展示网站的首个网页，所以在布局内容的设计尤其重要，由首页可以通往网站的各个子页，所以首页的内容很多。
产品介绍：该栏是这个网站的最为重要的一个部分，也是整个网站的精华所在，顾客最为关心的部分，该子页展示了扬州华电的主要产品，可以点击来了解更多更详细的商品介。
联系我们：该栏有我们的联系方式，以及方便顾客留下联系方式，方便后期联系。
公司简介：介绍扬州华电电器有限公司的一个发展和市场，以及公司的生产理念。
我的工作栏：作为我在该公司的一个工作体验和作业，介绍了我在公司的一次中频直流高压发生器的调试过程和中间的一些注意事项，比如中频直流高压发生器的调试。
三、网站设计
功能板块介绍：
该网站有首页，子页组成，二级子页包涵“产品介绍”，“联系我们”，“公司简介”，“我的工作栏”，还有三级子页“产品详情”。具体如图1所示：
图1功能模块
（一）Logo设计
是一个简单的汉字拼音的首字母组成一个椭圆，和明了的“扬州华电”字样。这样的Logo十分简单简洁、不花哨，给人感觉清晰明了。在这个过程中用到了ps，其效果图如图2所示：
图2Logo
（二）导航设计
本网站的导航设计放在了logo的后方，但是和logo有一个错位设计，不会造成视觉上的别扭。总共五个栏目，“首页”，“产品介绍”，“联系我们”，“公司简介”，“我的工作栏”，点击后可以进入不同的子页。
图18子页留言
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1847.html
