安烁电器销售网站设计.docx

安烁电器销售网站设计.docx

《安烁电器销售网站设计.docx》由会员分享，可在线阅读，更多相关《安烁电器销售网站设计.docx（16页珍藏版）》请在冰豆网上搜索。

安烁电器销售网站设计

学院

毕业设计

（2014届）

设计题目：

安栎电器销售网站设计

目录

摘要1

前言2

第一章网站的需求分析与技术分析3

1.1需求分析3

1.2相关技术分析3

1.2.1Photoshop3

1.2.2Flash5

1.2.3Dreamweaver6

第二章网站的系统设计8

2.1页面的规划8

2.1.1主题，整体风格及色调8

2.1.2首页展示8

2.1.3页面制作过程9

2.1.4二级页面作过制程11

2.1.5三级页面的制作过程13

2.2运用Dreamweaver软件排版html页面14

2.2.1新建站点14

2.2.2首页排版15

2.2.3二级页面的排版15

2.2.4css样式的设置15

第三章网站的栏目内容介绍16

结束语17

参考文献18

安栎电器销售有限公司的网页设计

摘要

当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。

网络的元素也随之而不断增加。

有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。

从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。

所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。

简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。

人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。

安栎电器销售有限公司位于中国无锡这个经济发达的地区，是专业从事电器销售和服务为一体的销售企业，也是目前江苏地区电器销售最大的厂商之一。

产品通过CE、FCC、ROHS、ISO9001质量认证，以“品质之光、全球共享”为质量宗旨，力争打造中国最具一流的电器销售中心，在充满挑战和机遇的一年，安栎电器销售和您共同创造和分享产业高速发展带来的成功与喜悦，为推动中国在低碳、节能、绿色、环保方面作出杰出贡献。

随着时代的发展，网络逐渐成为最时尚、最快捷的交流工具。

从2000年中国入世以来，全球经济一体化的趋势对国有企业带来巨大冲击。

为适应时代发展，借鉴国际先进的管理经验，为了加强管理，提高工作效率，深化改革，我公司于2013年建立了自己的网站。

我所使用的软件是Macromedia公司推出的用于网页设计的软件——photoshop和flash以及dreamweaver等软件。

运用这三个软件做出一个静态的企业公司网站，有了网站方便对公司产品的推广与宣传。

关键词：

photoshopflashdreamweaver

前言

随着社会科技，文化和经济的发展，特别是计算机网络技术和通信技术的大发展，随着人类社会从工业社会向信息社会过渡的趋势越来越明显，人们对信息的意识，对开发和使用信息资源的重视越来越加强，这些都强烈刺激了ARPAnet和NSFnet的发展，使联入这两个网络的主机和用户数目急剧增加。

今天的Internet已不再是计算机人员和军事部门进行科研的领域，而是变成了一个开发和使用信息资源的覆盖全球的信息海洋。

在Internet上，按从事的业务分类包括了广告公司，航空公司，农业生产公司，艺术，导航设备，书店，化工，通信，计算机，咨询，娱乐，财贸，各类商店，旅馆等等100多类，覆盖了社会生活的方方面面，构成了一个信息社会的缩影。

Internet的迅猛发展正在彻底地改变我们的生活、工作方式，网络已经成为我们生活中不可缺少的一部分。

为了加强管理，提高工作效率，借鉴国际先进的管理经验，深化改革，我公司于2013年建立了自己的网站。

为了充分利用网络资源，加强厂内各个部门的联系，加强合作，促进职工的学习热情，提高职工的业务水平，建立此网站。

信息时代的来临拓宽了大家进行自我提升的途径，同时也对大家的素质提出了更高的要求。

被称为当今社会的“天之骄子”的电脑主宰着世界的前进，而主宰电脑的我们则更应该多思考，多研究，多学习。

只读书的学习方式一去不复返，科技的日新月异，使我们不得不学习一种新的知识--计算机技术。

怪不得有人说“不会电脑的人，将是新世纪的文盲”。

足见网上学习的重要性。

员工网上交流系统网站将作为一个员工的学习、交流的平台，设立公司新闻，展示全公司风采，发布各种新闻、单位组织的活动、等信息；设立学习平台实现网上学习，拓宽培训途径；随着单位人事制度改革的深入，强化人才的管理，建立岗位竞聘模块；留言反馈、联系我们的建立，便于于员工的互动和交流。

整个个性化页面生成系统主要由使用Photoshop和Flash完成主页页面设计并使用Dreamweaver软件来生成html页面。

用css样式来定义，设置文本的字体、大小、颜色、行高等。

第一章网站的需求分析与技术分析

1.1需求分析

随着社会的高速发展，如今的社会已是信息发达的社会，随着信息的涌入，以及各种技术的的冲击，改变了我们传统方式的思想方法，Internet整合了各种信息资源，最大好处是实现了信息资源共享，每个人都可以找到我们需要的信息。

为了能让我们的公司产品让更多的人熟知，建立一个网站是非常有必要的方法。

根据本公司的一些情况建立网站的要求有以下几点：

1.网站的建立主要方便公司内部与外部的交流。

2.因为公司部门相对独立，建立网站可以加强部门之间的交流。

3.本网站难度不是很大，方便以后的维护人员进行修改。

4.向外界展示本公司的相关情况等。

5.公司前期对网站的要求不高，随着公司的发展要求会越来越高。

这就要让网站有灵活性便于升级。

6.随着公司人事制度深化改革，逐渐加强各部门管理，竞争上岗成为单位的主要的管理形式，因此建立岗位竞聘栏目

1.2相关技术分析

1.2.1Photoshop

AdobePhotoshop，简称“PS”，是一个由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。

使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。

2003年，Adobe将AdobePhotoshop8更名为AdobePhotoshopCS。

PhotoshopCS5作为Adobe的核心产品，PhotoshopCS5历来最受关注。

选择PhotoshopCS5的理由不仅仅是它会完美兼容Vista，更重要的是几十个激动人心的全新特性，诸如支持宽屏显示器的新式版面、集20多个窗口于一身的dock、占用面积更小的工具栏、多张照片自动生成全景、灵活的黑白转换、更易调节的选择工具、智能的滤镜、改进的消失点特性、更好的32位HDR图像支持等等

软件特色：

1、PhotoshopCS5最大的改变是工具箱，变成可伸缩的，可为长单条和短双条。

2、工具箱上的快速蒙版模式和屏幕切换模式也改变了切换方法。

3、工具箱的选择工具选项中，多了一个组选择模式，可以自己决定选择组或者单独的图层。

4、工具箱多了快速选择工具QuickSelectionTool，应该魔术棒的快捷版本，可以不用任何快捷键进行加选，按往不放可以像绘画一样选择区域，非常神奇。

当然选项栏也有新、加、减三种模式可选，快速选择颜色差异大的图像会非常的直观、快捷。

5、所有的选择工具都包含重新定义选区边缘（RefineEdge）的选项，比如定义边缘的半径，对比度，羽化程度等等，可以对选区进行收缩和扩充。

另外还有多种显示模式可选，比如快速蒙版模式和蒙版模式等，非常方便。

举例来说，您做了一个简单的羽化，可以直接预览和调整不同羽化值的效果。

当然，选择菜单里熟悉的羽化命令从此退出历史舞台。

6、调板可以缩为精美的图标，有点儿像CorelDraw的泊坞窗，或者像Flash的面板收缩状态，不过相比之下这个更酷，两层的收缩，感觉超棒！

7、多了一个“克隆（仿制）源”调板，是和仿制图章配合使用的，允许定义多个克隆源（采样点），就好像Word有多个剪贴版内容一样。

另外克隆源可以进行重叠预览，提供具体的采样坐标，可以对克隆源进行移位缩放、旋转、混合等编辑操作。

克隆源可以是针对一个图层，也可以是上下两个，也可以是所有图层，这比之前的版本多了一种模式。

8、在AdobeBridge的预览中可以使用放大镜来放大局部图像，而且这个放大镜还可以移动，还可以旋转。

如果同时选中了多个图片，还可以一起预览，真是酷毙了。

9、AdobeBridge添加了AcrobatConnect功能，用来开网络会议的，前身是Macromedia的降将Breeze。

10、Bridge可以直接看FlashFLV格式的视频了，另外Bridge启动感觉好快，比CS2和CS两个版本都要快，没有任何拖累感和“死机感”。

11、在Bridge中，选中多个图片，按下Ctrl+G可以堆叠多张图片，当然随时可以单击展开，这个用来节省空间

12、新建对话框添加了直接建立网页、视频和手机内容的尺寸预设值。

比如常用的网页Banner尺寸，再比如常见的手机屏幕尺寸等等……

Windows操作系统下要求

　　IntelPentium4或AMDAthlon64处理器

　　MicrosoftWindowsXP（带有ServicePack3）;WindowsVistaHomePremium、Business、Ultimate或Enterprise（带有ServicePack1，推荐ServicePack2）;或Windows7

　　1GB内存

　　1GB可用硬盘空间用于安装;安装过程中需要额外的可用空间（无法安装在基于闪存的可移动存储设备上）

　　1024x768屏幕（推荐1280x800），配备符合条件的硬件加速OpenGL图形卡、16位颜色和256MBVRAM

　　某些GPU加速功能需要ShaderModel3.0和OpenGL2.0图形支持

　　DVD-ROM驱动器

　　多媒体功能需要QuickTime7.6.2软件

1.2.2Flash

Flash是由macromedia公司推出的交互式矢量图和Web动画的标准，由Adobe公司收购。

网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。

Flash是一种动画创作与应用程序开发于一身的创作软件，到2013年9月2日为止,最新的零售版本为AdobeFlashProfessionalCC（2013年发布）。

AdobeFlashProfessionalCC为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。

Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。

可以在Flash中创建原始内容或者从其它Adobe应用程序（如Photoshop或Illustrator）导入它们，快速设计简单的动画，以及使用AdobeAcitonScript3.0开发高级的交互式项目。

设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。

背景

Flash出现的历史背景和前提条件：

由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。

然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有功能强大的动画设计工具，而Flash的出现正好满足