电子工业出版社.ppt
《电子工业出版社.ppt》由会员分享,可在线阅读,更多相关《电子工业出版社.ppt(233页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、 电子工业出版社 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望 在目前环境状况下,网站建设的目的是为各单位对外设立一个开放的窗口,让所有需要向外传播的信息全面展示在世界面前,以期得到外界的反馈和咨询。同时赢得更广泛的客户资源。根据单位所在行业的特点和经营模式,可以有以下几方面:1、有利于提升企业形象2、使公司具有网络沟通能力3、可以全面详细地介绍公司及公司产品4、实现电子商务功能5、可以与客户保持密切联系6、可以与潜在客户建立商业联系7、可以降低通信费用8、可以
2、利用网站及时得到客户的反馈信息1.1 1.1 网站建设的目的网站建设的目的第第一一章章中中小小型型网网站站创创建建概概述述 1.2有效的网站规划有效的网站规划 第第1章章中中小小型型网网站站创创建建概概述述知道了网站的用途后,我们即可进行网站内容的规划,在规划之前有一个概念很重要,为谁而战,为何而战,很多网站这一点都做的不是很好。把自己设想成客户,有很多都不懂,都想要了解,以客户最想了解的信息为标题并做相关链接,方便可户寻找解决问题的资料。这样来参观您网站的网友,便能在最短的时间,了解自己的需求。另外在每个网页里,尽量使客户可以方便订购或下单或联络贵公司,比如:每页都出现电话。不要让网友想要成
3、为您顾客的时候,难以找到您的联络方式,那他可能就会放弃了。1.3网站建设的方案网站建设的方案1.3.11.3.1自己公司建设自己公司建设一般非网站建设公司想要建设一套可发挥网络行销效果的网站,其实成本是相当高的。1.3.2 1.3.2 购买套餐软件建设购买套餐软件建设1.3.3 1.3.3 外包专业网络公司建设外包专业网络公司建设现在一般的网站公司设计团队将根据您的主营业务特点与网站建设目的,为您提供一个有别于往常网站的全新一代的网站建设规划:各种高级服务的一体化、建设费用的大众化、系统的定期完善升级、专家季度建议书等。同时将给部分网站内容较多,需要有较复杂的结构设计、较高的艺术表现和整体电子
4、政务或电子商务策划要求的客户出具一套完整的网站建设方案。1.4关于动态网站和静态网站的区别关于动态网站和静态网站的区别1.1.从功能方面来说从功能方面来说(1)动态网站可以实现静态网站所实现不了的功能,比方说:聊天室、论坛、音乐播放、浏览器、搜索等;而静态的网站则实现不了。(2)静态网站,如用frontpage或Dreamweaver开发出来的网站,其源代码是完全公开的,任何浏览者都可以非常轻松地得到其源代码,也就是说,自己设计出来的东西很容易被别人盗用。动态网站,如:开发出来的网站,虽然浏览者也可以看到其源代码,但是那已经是转换过以后的代码,想盗用源代码那是不可能的,因为它的源代码已经放在服
5、务器上了,客户端是看不到的。1.4关于动态网站和静态网站的区别关于动态网站和静态网站的区别2.2.从对数据的利用上说从对数据的利用上说(1)动态网站可以直接地使用数据库,并通过数据源直接操作数据库;而静态网站不可以使用,静态网站只能使用表格来死板地实现动态网站数据库表中少有的一部分数据的显示,不能操作。(2)动态网站是放到服务器上的,要看到其源程序或者对其进行直接的修改都须在服务器上进行,因此保密性能比较优越。静态网站实现不了信息的保密功能。(3)动态网站可以实现远程数据的调用,而静态网站连本地数据都不可以用,更谈不上远程数据了。1.4关于动态网站和静态网站的区别关于动态网站和静态网站的区别3
6、.从本质上说从本质上说(1)动态网站的开发语言是编程语言,比方说ASP用Vbscript或Javascript开发。而静态的网站只能够用HTML开发标记语言开发,它只是一种标记语言,不能实现程序的功能。(2)动态网站本身就是一个系统,一个可以实现程序几乎所有功能的系统,而静态网站则不是,它只能实现文本以及图片等的平面性的展现。(3)动态网站可以实现程序的高效快速性能,而普通静态网站没有高效快速可言。以上是对动态网站和静态网站所做的基本分析,而在实际的应用中,各人会有不同的体会,并且其中的细微区别以及本质区别远远多于以上所列。读者可以靠亲自体验来区别它们.网站设计基本条件是:1硬件条件 2软件条
7、件 1.5网站建设的基本条件网站建设的基本条件 网站设计的方法很多,但常用的一般有以下几种:1 静态网页组成的网站:2 动态网页组成的网站:3 动态网页数据库:4 WEB应用程序组成的动态网站:1.6网站建设的常用方法网站建设的常用方法 1.7网站建设的常用技术网站建设的常用技术1 1、HTMLHTML语言语言2 2、DHTML DHTML3 3、JaVa JaVa与与JaVaAppletJaVaApplet4 4、ActiVeX ActiVeX5 5、CGICGI6 6、ASP ASP7 7 ASP.NET ASP.NET 8 8、PHP PHP 9 9、JSP JSP 1010、Flash
8、Flash 11.数据库 1.8网站建设的常用术语网站建设的常用术语1.8.1 1.8.1 虚拟主机虚拟主机1.8.2 1.8.2 网页空间网页空间 1.8.3 1.8.3 静态网页与动态网页静态网页与动态网页 1.8.4 1.8.4 脚本(脚本(ScriptsScripts)1.8.5 1.8.5 脚本权限脚本权限1.8.6 1.8.6 接入带宽接入带宽1.8.7 IDC1.8.7 IDC(Internet Data CenterInternet Data Center)1.8.8 1.8.8 站点流量限制站点流量限制 1.8.9 1.8.9 站点并发连接数限制站点并发连接数限制1.8.10
9、 1.8.10 论坛(论坛(BBSBBS)1.8.11 1.8.11 江湖江湖1.8.12 1.8.12 防火墙防火墙 1.9企业网站的设计企业网站的设计1.9.1 1.9.1 建设网站的注意事项建设网站的注意事项1.分析需求2.选择网站的技术实现方式3.预计网站规模4.如何选择虚拟主机服务商5.要经常备份6.合法、健康的网站内容 1.9.21.9.2企业网站设计的主要原则企业网站设计的主要原则1.明确建立网站的目标和用户需求2.总体设计方案主题鲜明3.网站的版式设计 4.色彩在网页设计中的作用 5.网页形式与内容相统一6.三维空间的构成和虚拟现实7.多媒体功能的利用 8.网站测试和改进9.内
10、容更新与沟通10.合理运用新技术1.9企业网站的设计企业网站的设计 1.9.3网站的成功标志网站的成功标志网站成功与否有以下标志:(1)访问量:有多少人次访问网站;(2)访问人数的识别,对不同类别的浏览者是否进行了区分统计;(3)问题咨询次数:回答了用户和其他访问人员的多少问题;(4)收到了多少用户建议;(5)通过网站吸引了多少客户;(6)如何提高了以及提高了哪些日常办公的效率;(7)是否树立和宣传了企业的积极形象。1.9.4网站的营销网站的营销1.技术打造简易的维护基础:2.服务拓宽网站健康成长之路:3.网站如何营销网站如何营销我们知道网络营销的方法只有以上三种,因此透过以上三种方法,因此我
11、们可以从以下几点入手。1.网址营销2.搜寻引擎3.链接营销 1.10中小型网站建设的基本流程中小型网站建设的基本流程1.1.联系网站建设公司并提交要求联系网站建设公司并提交要求(1)向网站建设公司提出网站建设基本要求;(2)提供相关文本及图片资料。公司介绍 项目描述 网站基本功能需求基本设计要求2.制定网站建设方案制定网站建设方案(1)双方就网站建设内容进行协商,修改、补充,以达成共识;(2)网站建设方制定网站建设方案;(3)双方确定建设方案具体细节及价格。3.3.签署协议,并支付预付款签署协议,并支付预付款(1)双方签订网站建设协议;(2)客户支付预付款;(3)客户提供网站相关内容资料 1.
12、10中小型网站建设的基本流程中小型网站建设的基本流程4.完成初稿,经客户确认后进行建设完成初稿,经客户确认后进行建设(1)根据网站建设方案)完成初稿设计:首页风格 频道首页风格 网站架构图(2)客户审核确认初稿设计;(3)网站建设方完成整体网站制作。5.网站开通,客户浏览验收网站开通,客户浏览验收(1)客户根据协议内容进行验收工作;(2)验收合格,由客户签发网站建设验收合格确认书;(3)户支付余款,网站开通;(4)为客户注册域名、开通网站空间、上传制作文件、设置电子邮箱。6.网站交付使用网站交付使用(1)验收通过后,网站正式交付使用。向客户移交所有的管理和登陆权限,以便以后的网站更新和维护。(
13、2)网站建设公司提供免费的电话技术支持。1.11网站内容制作的流程网站内容制作的流程(1)网站策划 网站策划包括主题策划、内容策划、风格策划、网站创意、目录设计、布局策划等。(2)明确网站开放对象明确网站开放对象:当一个网站主题确定后,我们所要考虑的就是确定网站服务对象,我们网站的真正浏览者是那些群体。只有正确的定位了网站浏览群体后,才能真正体现网站的可观性。(3)绘制网站草图绘制网站草图,就是把网页的平面效果图画在一张纸上,便于以后的设计和排版。说起来很容易,但实际上较为复杂,这往往是一个网站成功的关键因素。当人浏览网站时。网页的精彩度是把握也是吸引浏览者的关键。在做网站前,一定要先设计好平
14、面效果图。把所有栏目摆放的具体位置和将用到的一些什么图片一定要计划好。这样便于收集和制作。1.11网站内容制作的流程网站内容制作的流程(4)建立网站文件夹(5)收集建站资源收集网络资料、针对网站平面效果图及版块内容准备好所要用到的资料,然后存放在对应的文件夹,以便在建站时调用。(6)设计网站页面内容(7)网上安家及域名申请(8)网站发布(9)网站宣传维护及管理 1.12网站内容制作的详细步骤网站内容制作的详细步骤1.12.1 1.12.1 网站主题及风格策划网站主题及风格策划1 1网站主题策划网站主题策划2 2网站风格和网站创意网站风格和网站创意风格(style)是抽象的,是指站点的整体形象给
15、浏览者的综合感受。创意(idea)是网站生存的关键。1.12.2网站内容规划网站内容规划1 1网站内容的组织原则网站内容的组织原则网站内容的组织原则如下。(1)清晰性:网站内容必须简洁明了,直奔主题,非常有效地讲清楚所要宣传的内容。(2)创造性:网站观点会使访问者产生认同,发出共鸣吗?这是访问者判断一个公司是否有实力,从而影响到购买动机的重要因素。(3)突出三个重点:突出产品的优点和与众不同的特色;突出帮助访问者辨别与判断同类产品优劣方面的内容;突出内容的正确性。1.12.2网站内容规划网站内容规划2 2网站内容的组织方法网站内容的组织方法栏目设置栏目设置网站栏目的设置一定要突出重点、方便用户
16、。网站栏目实质是一个网站内容的大纲索引,就好比一本书的目录,集中了各个章节的名称及页码,索引应该引导浏览者寻找网站内最主要、最有用的东西。在设置栏目时,要仔细考虑内容的轻重缓急,合理安排,突出重点。1.12.3网站设计的技术路线网站设计的技术路线1 1个人网站个人网站主要有如下3种技术路线:(1)Microsoft Windows20009xXP+ASP-IIS+MSSQLServerAccess(2)WindowsLinux+JSP+TomcatResinJSWDK+MSSQLServerAccessMySQL(3)Linux+PHP+Apache+MySQL 1.12.3网站设计的技术路线
17、网站设计的技术路线2 2商业网站商业网站商业网站和个人网站使用的技术比较相似,所不同的是商业网站能够更多地使用动态网页技术和数据库技术,使用较高配置的专业服务器硬件和软件平台,比如IBM的eServer+Websphere+Lotus+DB2。开发过程需要仔细考虑用户的访问需求。另外,网络安全防护和电子商务认证也是必须考虑的。3 3学术机构和政府团体网站学术机构和政府团体网站学术机构和政府团体的网站从风格上来说,不需要像个人网站那样千变万化,也不需要像商业网站那样奢华绚丽,应该更多地体现出严谨、科学和庄重的气氛。它在技术上采用和个人网站相类似的路线。1.12.4网站栏目规划及布局目录设计网站栏
18、目规划及布局目录设计1 1栏目与版块的划分栏目与版块的划分规划网站栏目时要注意以下几方面:(1)紧扣主题。(2)设定更新或网站指南栏目。(3)设定可以双向交流的栏目。(4)设定下载或常见问题回答栏目。(5)至于其他的辅助内容,如“关于本站”、“版权信息”等可以不放在主栏目里,以免冲淡主题。1.12.4网站栏目规划及布局目录设计网站栏目规划及布局目录设计2 2网站的目录结构策划网站的目录结构策划规划网站目录可以按照如下要点:(1)尽量不要在网站本地根目录下存放文件。有的网页设计者喜好将网页所有文件存放在根目录下,这样容易造成文件管理混乱,常常不知道哪些文件需要编辑,要编辑一个文件需要浏览查找,比
19、较麻烦,也不知道哪些文件需要删除,同时影响服务器的工作效率。网站设计好后,需要上传文件到服务器主机,如果全部文件存放在本地根目录下,将会耗费大量的上传时间。(2)目录层次不要太深。一般来说,网站的目录层次不要超过3层。1.12.4网站栏目规划及布局目录设计网站栏目规划及布局目录设计(3)根据栏目内容建立子目录。子目录的建立应该按照主菜单的栏目建立,如企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录;而其他的次要栏目,如友情链接等内容较多或需要经常更新的栏目可以建立独立的子目录;一些相关性强,不需要经常更新的栏目,如关于本站、关于站长、站点经历等可以合并放在一个统一的目录
20、下。所有数据库建立一个单独的文件夹,CSS存放样式文件,Media 存放多媒体文件。(4)建立目录时一般不要使用中文来建立文件夹和文件。建立目录可以使用英文或者中文拼音来建立文件夹或文件,使用中文目录可能会使浏览器无法识别文件而无法显示。1.12.4网站栏目规划及布局目录设计网站栏目规划及布局目录设计3 3网站页面的布局规划网站页面的布局规划网页的排版布局是决定网站美感的重要方面。通过合理的、有创意的布局,可以把文字、图像等内容完美地展现在浏览者面前,而布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力。一般来说,网页布局遵循一定的原则,再加上自己的奇特创意,设计一个吸引浏览者的网页布
21、局是可以成功的。导航是网页设计中的重要部分,也是整个网站设计中的一个独立部分。一般说,网站导航在案例网站中各个页面出现的位置是固定的,风格较为统一。导航的位置对于网站的结构以及各个页面的布局起着举足轻重的作用。导航的位置一般有4种常见的显示位置,在页面的左侧、右侧、顶部、底部。有的在一个页面中用多种导航,如有的在顶部设置主导航菜单,在页面的左侧设置折叠菜单,以增强网站的可访问性。1.12.5导航设计导航设计 1.12.6链接设计链接设计网站的链接设计是指网站页面之间相互链接的拓扑结构,建立在目录结构的基础上。网站的链接结构有两种基本方式:树状结构和星状结构。这两种基本结构都只是理想方式,在实际
22、的网站设计中,总是这两种结构混合起来。比较好的方案是:首页和一级页面之间用星状链接结构,一级页面和以下各级页面之间用树状结构。1.12.7网站资料搜集网站资料搜集网站制作在目录、导航、链接策划后,需要搜索准备网站资料,为动手进行网站设计做准备。个人网站的大多数内容除了自己的独创外,还需要依赖于资料搜集。搜集不完整,可能设计中途就会停下来。同时,在搜集资料时主要是搜集其他精典网站的页面布局技巧、导航设计技巧、链接设计技巧、网站色彩处理技巧及网站具体内容。商业网站虽然不像个人网站那样从网上搜集内容,但是可以吸取其他同类网站的设计风格精华,布局风格、导航技巧、色彩处理、同类产品的宣传技巧等,有比较才
23、有鉴别。在搜集时不能照搬其他网站的风格,应该有自己的独创。1.12.8网页设计网页设计在网站规划工作完成后,即可以开始网页设计。网页设计首先需要进行首页设计。首页是网站的灵魂,一定要在首页设计上多下功夫,然后再设计一级页面、二级页面,将一级页面、二级页面做成模板或者库进行保存,然后在设计其他一级、二级页面时即可从模板新建网页或者插入库项目,这样维护起来更较为方便,设计网页的速度也较快。设计网页时要注意版面的规划。版面规划主要是如何突出主题内容,如何提高网页下载打开的速度。1.12.9 1.12.9 网上安家网上安家网站在本地计算机上建成以后,需要为网站找一个家,这个家就是空间。关于空间的概念及
24、申请空间的方法参见本书第9章相关内容。1.12.10 1.12.10 域名申请域名申请在申请网站空间后,接下来要考虑的问题是选择域名。域名被视为企业的网上商标,其重要性不言而喻。1.12.11 1.12.11 网站发布网站发布网站在空间申请及域名申请好以后,则可以进行站点发布,将网站上传到服务器上。发布站点的方法很多,可以采用Dreamweaver MX自带的发布站点功能或者采用专门的FTP发布工具进行网站发布。以上两种发布网站的方法将在网站项目工程建设过程中进行详细讲解。1.12.12网站宣传维护管理网站宣传维护管理网站上传到服务器,如果在本地测试正确,远程服务器正常,则可以正常浏览网页。网
25、站做好上传后,不等于网站设计工作已经完成,还需要进行宣传、更新、维护及管理。2.1 2.1 HTML概述与基本结构概述与基本结构2.1.1 HTML2.1.1 HTML的概述的概述 HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,自1990年以来HTML就一直被用作(是World Wide Web的缩写,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子 工业出版社
限制150内