无锡商业职业技术学院
毕 业 设 计
(2014届)
设 计 题 目:
安栎电器销售网站
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
系 科 物联网技术学院
专 业 计算机网络
姓 名 钱婷娟
学 号 11432247
指导教师 高敬瑜
完成日期:2013年 10 月
目 录
摘 要 1
前言 2
第一章 网站的需求
分析
定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析
与技术分析 3
1.1 需求分析 3
1.2 相关技术分析 3
1.2.1 Photoshop 3
1.2.2 Flash 5
1.2.3 Dreamweaver 6
第二章 网站的系统设计 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.4 css样式的设置 15
第三章 网站的栏目内容介绍 16
结束语 17
参考文献 18
安栎电器销售有限公司的网页设计
摘 要
当前,随着计算机技术与通信技术的发展,网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信,有的利用其作为商业用途,在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素,而网站就是这个网络里的一个很大的元素。
所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务。
安栎电器销售有限公司位于中国无锡这个经济发达的地区,是专业从事电器销售和服务为一体的销售企业,也是目前江苏地区电器销售最大的厂商之一。产品通过CE、FCC、ROHS、ISO9001质量认证,以“品质之光、全球共享”为质量宗旨,力争打造中国最具一流的电器销售中心,在充满挑战和机遇的一年,安栎电器销售和您共同创造和分享产业高速发展带来的成功与喜悦,为推动中国在低碳、节能、绿色、环保方面作出杰出贡献。随着时代的发展,网络逐渐成为最时尚、最快捷的交流工具。从2000年中国入世以来,全球经济一体化的趋势对国有企业带来巨大冲击。为适应时代发展,借鉴国际先进的管理经验,为了加强管理,提高工作效率,深化改革,我公司于2013年建立了自己的网站。我所使用的软件是Macromedia 公司推出的用于网页设计的软件—— photoshop和flash以及dreamweaver等软件。运用这三个软件做出一个静态的企业公司网站,有了网站方便对公司产品的推广与宣传。
关键词:photoshop flash dreamweaver
前 言
随着社会科技,文化和经济的发展,特别是计算机网络技术和通信技术的大发展,随着人类社会从工业社会向信息社会过渡的趋势越来越明显,人们对信息的意识,对开发和使用信息资源的重视越来越加强,这些都强烈刺激了ARPAnet和NSFnet的发展,使联入这两个网络的主机和用户数目急剧增加。今天的Internet已不再是计算机人员和军事部门进行科研的领域,而是变成了一个开发和使用信息资源的覆盖全球的信息海洋。在Internet 上,按从事的业务分类包括了广告公司,航空公司,农业生产公司,艺术,导航设备,书店,化工,通信,计算机,咨询,娱乐,财贸,各类商店,旅馆等等100多类,覆盖了社会生活的方方面面,构成了一个信息社会的缩影。Internet的迅猛发展正在彻底地改变我们的生活、工作方式,网络已经成为我们生活中不可缺少的一部分。为了加强管理,提高工作效率,借鉴国际先进的管理经验,深化改革,我公司于2013年建立了自己的网站。为了充分利用网络资源,加强厂内各个部门的联系,加强合作,促进职工的学习热情,提高职工的业务水平,建立此网站。
信息时代的来临拓宽了大家进行自我提升的途径,同时也对大家的素质提出了更高的要求。被称为当今社会的“天之骄子”的电脑主宰着世界的前进,而主宰电脑的我们则更应该多思考,多研究,多学习。只读书的学习方式一去不复返,科技的日新月异,使我们不得不学习一种新的知识--计算机技术。怪不得有人说“不会电脑的人,将是新世纪的文盲”。足见网上学习的重要性。员工网上交流系统网站将作为一个员工的学习、交流的平台,设立公司新闻,展示全公司风采,发布各种新闻、单位组织的活动、等信息;设立学习平台实现网上学习,拓宽培训途径;随着单位人事
制度
关于办公室下班关闭电源制度矿山事故隐患举报和奖励制度制度下载人事管理制度doc盘点制度下载
改革的深入,强化人才的管理,建立岗位竞聘模块;留言反馈、联系我们的建立,便于于员工的互动和交流。
整个个性化页面生成系统主要由使用 Photoshop 和Flash完成主页页面设计并使用Dreamweaver软件来生成html页面。用css样式来定义,设置文本的字体、大小、颜色、行高等。
第一章 网站的需求分析与技术分析
1.1 需求分析
随着社会的高速发展,如今的社会已是信息发达的社会,随着信息的涌入,以及各种技术的的冲击,改变了我们传统方式的思想
方法
快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载
,Internet整合了各种信息资源,最大好处是实现了信息资源共享,每个人都可以找到我们需要的信息。为了能让我们的公司产品让更多的人熟知,建立一个网站是非常有必要的方法。
根据本公司的一些情况建立网站的要求有以下几点:
1. 网站的建立主要方便公司内部与外部的交流。
2. 因为公司部门相对独立,建立网站可以加强部门之间的交流。
3. 本网站难度不是很大,方便以后的维护人员进行修改。
4. 向外界展示本公司的相关情况等。
5. 公司前期对网站的要求不高,随着公司的发展要求会越来越高。这就要让网站有灵活性便于升级。
6. 随着公司人事制度深化改革,逐渐加强各部门管理,竞争上岗成为单位的主要的管理形式,因此建立岗位竞聘栏目
1.2 相关技术分析
1.2.1 Photoshop
Adobe Photoshop,简称“PS”,是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以更有效的进行图片编辑工作。2003年,Adobe将Adobe Photoshop 8更名为Adobe Photoshop CS。
Photoshop CS5作为Adobe的核心产品,Photoshop CS5历来最受关注。选择Photoshop CS5的理由不仅仅是它会完美兼容Vista,更重要的是几十个激动人心的全新特性,诸如支持宽屏显示器的新式版面、集20多个窗口于一身的dock、占用面积更小的工具栏、多张照片自动生成全景、灵活的黑白转换、更易调节的选择工具、智能的滤镜、改进的消失点特性、更好的32位HDR图像支持等等
软件特色:
1、Photoshop CS5最大的改变是工具箱,变成可伸缩的,可为长单条和短双条。
2、工具箱上的快速蒙版模式和屏幕切换模式也改变了切换方法。
3、工具箱的选择工具选项中,多了一个组选择模式,可以自己决定选择组或者单独的图层。
4、工具箱多了快速选择工具Quick Selection Tool,应该魔术棒的快捷版本,可以不用任何快捷键进行加选, 按往不放可以像绘画一样选择区域,非常神奇。当然选项栏也有新、加、减三种模式可选,快速选择颜色差异大的图像会非常的直观、快捷。
5、所有的选择工具都包含重新定义选区边缘(Refine Edge)的选项,比如定义边缘的半径,对比度,羽化程度等等,可以对选区进行收缩和扩充。另外还有多种显示模式可选,比如快速蒙版模式和蒙版模式等,非常方便。举例来说,您做了一个简单的羽化,可以直接预览和调整不同羽化值的效果。当然,选择菜单里熟悉的羽化命令从此退出历史舞台。
6、调板可以缩为精美的图标,有点儿像CorelDraw的泊坞窗,或者像Flash的面板收缩状态,不过相比之下这个更酷,两层的收缩,感觉超棒!
7、多了一个“克隆(仿制)源”调板,是和仿制图章配合使用的,允许定义多个克隆源(采样点),就好像Word有多个剪贴版内容一样。另外克隆源可 以进行重叠预览,提供具体的采样坐标,可以对克隆源进行移位缩放、旋转、混合等编辑操作。克隆源可以是针对一个图层,也可以是上下两个,也可以是所有图 层,这比之前的版本多了一种模式。
8、在Adobe Bridge的预览中可以使用放大镜来放大局部图像,而且这个放大镜还可以移动,还可以旋转。如果同 时选中了多个图片,还可以一起预览,真是酷毙了。
9、Adobe Bridge添加了Acrobat Connect功能,用来开网络会议的,前身是Macromedia的降将Breeze。
10、Bridge可以直接看Flash FLV格式的视频了,另外Bridge启动感觉好快,比CS2和CS两个版本都要快,没有任 何拖累感和“死机感”。