网站的建设与制作.docx
- 文档编号:10549449
- 上传时间:2023-02-21
- 格式:DOCX
- 页数:17
- 大小:28.38KB
网站的建设与制作.docx
《网站的建设与制作.docx》由会员分享,可在线阅读,更多相关《网站的建设与制作.docx(17页珍藏版)》请在冰豆网上搜索。
网站的建设与制作
目录
摘要
前言
第一章为什么要开发企业型的网站?
第二章计算机已经成为我们在经商和占领市场上得力助手
2.1如何在市场中给企业型网站的方向定位和规划
2.2我制作的网站如何定位
第三章怎样开发一个企业型的网站?
3.1建站环境的选择
3.2站内内容的选择和实现
第四章Windows下的DreamweaverMX技术简介
4.1面对对象的建设
4.1.1基本要求
4.1.2编写脚本
4.1.3一般原则
4.2关于系统
第五章网站流程图
第六章网站系统具体构造
6.1主界面
6.2分支界面
第七章结束语
第八章主要参考文献
附录
--------------摘要--------------
本文在介绍网络信息资源如何开发市场含义和特点的基础上,从多层次对网络信息资源进行阐述.;并对网站的建设和页面的选择进行多方面的分析和解析。
关键字:
市场网络信息资源网站的建设页面的选择
--------------前言--------------
随着计算机技术和现代通讯技术的发展人类已经步入以数字化和网络化为特征的知识经济时代,为了保持我国的国际竞争能力,特别是提高我国的创新能力,我们政府特此制定了由“知识成产系统,技术生产系统,知识传播系统和只是应用系统”4个良性循环的子系统所形成的国家创新体系中的知识传播系统,已经被纳入国家创新体系当中。
经过100多年的发展,信息管理的过程已经经历了传统管理时期,技术管理时期,信息资源管理时期,现在正逐渐向“网络信息资源管理”阶段演进。
这种演进和发展对信息管理工作模式和服务模式势必造成巨大的变化,产生新的社会需求,而网络信息资源正是这种新需求下的产物。
第一章为什么要开发企业型的网站?
++第一台计算机相关历史。
(1946年,人类第一台真正意义上的电子计算机ENIAC在美国的宾西法尼亚大学诞生了……)
现代计算机的诞生是20世纪人类最伟大的发明创造之一。
经历了短短半个世纪的发展,计算机已经是各行各业必不可少的一种基本工具,计算机已经成为我们学习和工作的得力助手。
现今,计算机的性能价格比已经非常的高,一台高配置的PC已经和几年之前的小型服务器相媲美。
计算机由于其不可替代的优点,如:
提高人们的工作效率,长期有效的保存大量的文件,提高文件的保密度等等,已经被应用到许多领域。
也可以说,计算机几乎渗透到了每个领域。
随着近十年的计算机技术的发展,计算机已经不是高不可及的生产工具,他已经走入平民百姓的日常生活,成为我们在工作和生活上的得力助手。
然而,这十年当中发展的不仅仅是单片机技术本身的发展,还有连接很多单片机的网络技术。
以前也许没有人能想到,坐在家里办公吧!
几个键盘的敲击,就可以完成一大单大的买卖!
这都是网络技术所带来的便利,可以说网络技术的使单片机得到更好的利用空间和深度。
这是传统的市场营销所没有的和不可比拟的优势。
然而在十年中,网络连接的不仅仅是单片机,高速信息网络现在就是一个巨大的社会经济系统,这个系统将计算机,通讯网,信息资源网,信息生产者(提供者),信息消费者(用户)融为一个有机的整体。
从根本上改变了人类信息生产,分配,流通和利用模式。
这就是网络技术所带来的新的经济形态。
我国还是一个发展中国家,在信息化如此快速的今天,我们如果没有领先一步的思想格局的话,将来很难在全球市场上立足;然而,想占领国际市场的第一步就是先在国内市场有所作为。
在我国,计算机网络通信技术并不发达,我国13亿人口还有相当多的人是“计算机盲”和“网络盲”。
尤其是农村,这种现象更加突出。
我国是1994年才开始接通互联网的,尽管我国从1994年来一直飞速发展,但是和发达国家比起来,距离还是很大的;所以发展网络技术,任重道远。
在现有市场中,有自己网站的企业还是不多的,所以我们可以充分利用这一有利条件使自己领先别人一步。
从这一方面来讲就有充分的理由开发一个网站。
在者,放眼当今市场,阿里巴巴,3年数十亿的资产;163。
Com,搜狐,新浪,哪一个都是在创造着网络经济时代的神话!
从可以创造的利润上讲,这也就给了企业一个开发自己的网站一个很实在的理由了。
所以,从以上的两个方面来看,如今企业型的网站有条件话都是非办不可的!
第二章
计算机已经成为我们在经商和占领市场上得力助手
2.1如何在市场中给企业型网站的方向定位
网站的类型很多,企业网站的类型也很多。
那我么如何给我想做网站一个准确的定位呢?
首先,我们来看看企业性的网站有几种类型吧!
(1)纯商务平台型
例如,我前面提到的阿里巴巴,他就是一个纯商务的网络平台,本身并没有产品。
他可以说是一个大的中间商,这种网站类型是很有风险的一种;这种网站的生存就是靠他的点击率和他的知名度。
网络市场才开始的时候或许可以,以很小的投资得到很大市场和知名度,但是在商务平台类型的网站多如牛毛的今天,想前期没有充分的资金支持之下,扩大知名度,是件很难的事情。
但是,他的利润追回率是企业型网站中比较高的,而且后期没有什么其他方面的困扰(自身产品的不定期型),毕竟只是中间商嘛!
笑
优势:
稳定的利润回收率
劣势:
前期投资巨大
(2)综合型宣传平台型
远的不说了,就拿我们IT界的太平洋电脑网来说吧!
他就是一个典型的综合型宣传平台型,他不仅仅提供全国7大城市的市场行情,他还测试各大厂商的产品的性能,提供免费的产品信息动向,还提供娱乐信息。
主要的是他提供了一个给同兴趣网友的交流平台,使得他的网站人气很足,点击率很高。
从后面这一点来说,他就不是一个单纯的纯商务平台型网站了。
优势:
网站人气十足
劣势:
产品信息很多,但是不乏枪手的作品有损网站形象
(3)纯宣传平台型
我想大家一定知道SONY这个世界闻名的品牌吧!
他的网站就是一个纯宣传平台型的网站;也不知道大家去看过没有,所有去过的人,我想都应该有这样一个感受吧!
内容简洁,但是肯定找到你所想要的产品的内容;画面艳丽,但是肯定你的眼睛不会挑剔。
他大量的运用了FLASH技术和JAVE技术,使他的网站标新立异但是又很简洁,不失贵族的气质。
但是,致命的缺点在于没有人气,你不见的天天去看他的产品介绍吧!
这种网站只有大的企业才办的起!
优势:
网页标新立异,另人过目不忘
劣势:
需大量的资金支持,没有人气的拉动,点击率上不去
看了以上的几种类型,我们还是要分析一下怎么来给不同的网站进行规划!
(1)前期信息收集
首先在没有明确网站定位之前,开始收集相关的意见,跟公司其他部门结合,跟公司的实际情况结合,这样可以发挥网站的最大作用。
这一步是前期策划中最为关键的一步,因为做网站一定是为公司服务的,所以收集其他部门的意见和想法是最为必要的,这一步需要整理成文档,可以让其他部门配合提交一份本部门需要在网上开辟的栏目计划书,这份计划书呢,一定要考虑充分,因为如果要把网站做为一个正式的站点来运营的话,所做的每一项栏目的设置都应该是有规划的,如果考虑不充分会导至以后突如其来的新加内容破坏网站的整体规划和风格,这也并不意味着网站成形后是不许添加栏目的,只是在添加的过程中需要跟网站的情况结合着来,也最好是当初策划时考虑全面!
(2)具体分栏目策划
收集完其它各部门的相关信息以后,对其进行整理,整理以后找出重点,根据重点以及公司业务的侧重点,结合网站定位来敲定网站的分栏目需要有哪几项,可能开始时会因为栏目较多进而难以确定最终需要哪几项,这又是一个讨论的过程,需要大家在一起把自己的意见说出来,一起反复比较,给定下来的内容进行归类,形成网站栏目的树状列表用以清淅表达站点结构。
然后以同样的方法,来讨论二层栏目下的子栏目,对它进行归类,并逐一确定每个二级分栏目的主页面需要放哪些具体的东西,二级栏目下面的每个小栏目需要放哪些内容,让栏目负责人能够很清楚的了解本栏目的每个细节和每个栏目,大家讨论完以后,就应由栏目负责人来按照讨论过的结果写栏目规划书,栏目规划书要求写得详细,具体。
并有统一的格式,以备网站留档,这次的策划书只是第一版本,以后在制作的过程当中如果出现问题及时修改该策划书,并且也需要留档。
下面就是需要说一下策划书设计到的具体内容。
每个栏目的策划书应该是格式统一的。
第一,是栏目概述,其中包括栏目定位,栏目目的,服务对像,子栏目设置,首页内空,分页内容!
这一部分起到一个索引的作用,让领导看起来能对栏目有一个大概的整体把握和了解。
第二,为栏目详情。
栏目详情就是把每一个子栏目的具体情况描述一下,其中包括到各个子栏目的名称,
栏目目的,(把子栏目的目的写清楚)
服务对像,(用以明确栏目的发展方向,更好的为达到目的而做哪些具体内容)
内容介绍,(详细说明本子栏目的具体内容)
资料来源,(说明该栏目的内容来源是什么,以保证栏目开展下去不会出现没有内容的情况)
实现方法,(讲述实现这个栏目的具体方法)
有关问题,(栏目负责人在栏目的策划过程当中想到的,目前尚未解决的问题)
重点提示(重点提示美工人员或编程人员需要注意的地方,或需要结合的地方,也可是栏目策划人员对该子栏目在这些方面的良好见意)
第三,相关栏目,这一项是用以说明本栏目和其它栏目之间的结合,沟通,之所以要有这一项是想通过各个栏目之间的联系,来加强网站的整体性。
第四,参考网站,标明本栏目参考了哪些网站,或可以参考哪些网站。
并一定要说明参考其它网站的哪些优点,哪些地方是我们在建设过程当中应该注意的。
决不是只写上一个网址就可以了!
第四,最后一项为附录,用以记录这个文档的历史修改过程,和改了哪些内容。
再接下来,需要做的就是让页面设计人员跟根每个栏目的策划书来设计页面,重申一下,在设计之前应该让栏目负责人把需要特殊处理的地方和设计人员讲明!
在设计页面时设计人员一定要根据策划书把每个栏目的具体位置和网站的整体风格确定下来,为了让网站有整体感,应该在网页中放置一些贯穿性的元素,最终要拿出至少三种不风格的方案,每种方案应该考虑到公司的整体形象,与公司的精神相结合。
设计方案拿出以后,由大家讨论定稿。
设计完成下一步是实现,由制作人员负责实现网页,并制作成模版。
在这个过程实现的同事,栏目负责人应该开始收集每个栏目的具体内容并整理。
模版制作完成后,由栏目负责人往每个栏目里面添加具体内容。
网站的建设计应该是同时进行的,这如何统筹是一个比较重要的问题。
在上面所讲述的过程进行的同时,网站的程序人员应该正是处于开发程序的阶段,如果实现的这个过程中出现什么问题编程人员应和制作人员及时结合,以免程序开发完成后发现问题要进行大规模的反工。
(3)接下来,当两边的工作都完成以后,就是整合。
把程序和页面时行整合。
整合完以后,需要内部测试,测试完成,没有问题以后就可以ok啦!
2.2我制造的网站如何定位
那么这次我的这个网站如何定位呢!
怎么定位才是很好方案呢!
我们还是从以下一个方面还分析一下了!
我这次做的网站是一个供电所的网站!
供电所是一个行政单位,一个集合服务与约速力相结合的主体;所以说他的定位类型也只能是纯宣传平台型,因为只有纯宣传平台型才能表现出他的为纪律性和严肃性。
为了不使他的点击率很低,我想只有在界面和开始过场动画中下功夫了。
第三章怎样开发一个企业型的网站?
3.1建站环境的选择
选用的软件:
1.MacromediaDreamweaverMX是一种专业的HTML编辑器,用于对Web站点、Web页和Web应用程序进行设计、编码和开发。
无论您喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver都会为您提供帮助良多的工具,丰富您的Web创作体验。
利用Dreamweaver中的可视化编辑功能,您可以快速地创建页面而无需编写任何代码。
不过,如果您更喜欢用手工直接编码,Dreamweaver还包括许多与编码相关的工具和功能。
并且,借助Dreamweaver,您还可以使用服务器语言(例如ASP、ASP.NET、ColdFusion标记语言(CFML)、JSP和PHP)生成支持动态数据库的Web应用程序。
只所以选择DreamweaverMX,因为他的可视化的HTML代码视窗,虽然他的可视化功能并不是很全面,但是已经满足基本的建站要求。
在表格和层的表现方面是无可挑剔的!
2.MacromediaFlashMX是制作令人过目不忘的Web内容的专业标准创作工具。
无论是创建动画徽标、Web站点导航控件、长篇动画、完整的FlashWeb站点,还是Web应用程序,您都将发现Flash的强大功能和灵活性是实现您的创造力的最佳选择。
FlashMX的新功能增强了Flash的易用性、创造性和功能性。
如果设计人员需要有更高层次的控制能力和与工业标准设计工具集成的功能,现在就有了一个用于创作多种媒体内容的极富创造力的应用程序。
以这种创造性为基础的强大新特性给予了应用程序开发人员新的功能,这些新功能使FlashMX成为一个可靠的、令人振奋的应用程序开发环境。
开发人员可使用高级脚本撰写和调试工具、内置的代码引用以及预定义组件迅速地部署丰富多彩的Web应用程序。
在FLASH的制作上,我还是用的Macromedia公司的FlashMX,我想没有比FlashMX更加优秀的动画做作软件了,同样因为他的动作,简洁并不需要太多的语言基础。
3.AdobePhotoshop概述
AdobePhotoshop是一款及为优秀的图象处理软件,它可用的滤镜技术了,图层分解技术;通过功能全面的修饰、绘画、绘图和Web工具等工具组,Photoshop可以帮助您卓有效率地完成任何图像编辑任务。
而借助于“历史记录”调板和可编辑的图层效果等功能,您尽可以随心所欲地尝试,而不至影响效率。
没有其他的什么话了,图像处理软件舍他其谁呢?
3.2站内内容的选择
原始数据:
(1)大部分是自己的用DC采集的图片,以及自己和别人的报道。
(2)其次就是企业内部,局域网内的各网站的重要新闻和图片。
(3)在其次就是自己用FlashMX,Photoshop,和其他的软件做出的图片。
补充说明:
图片的要求
(1)图像要求方方正正,基本上看不出如何经过处理;要求图片与文字的互补搭配。
(2)图片不能处理过暗,图片上文字模糊不清;以及图片孤立,与周围内容缺乏统一;用色怪异,图片颜色随意。
第四章Windows下的DreamweaverMX环境简介
4.1面对对象的建设
4.1.1/基本要求
1.在网站根目录中开设imagescommontemp三个子目录,根据需要再开设media子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner条、菜单、按钮等等;common子目录中放css、js,、php、include等公共文件;temp子目录放客户提供的各种文字图片等等原始资料;media子目录中放flash,avi,quicktime等多媒体文件。
2.在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。
3.temp目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。
4.除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂,
4.1.2/脚本编写
我们应该有一个脚本整体风格一致的概念,意思是一个月后和一个月前的你写的脚本风格保持一致,以及同一个工作组中不同的开发人员编写的脚本风格保持一致,因为我们不可能永远孤立的开发,你随时都有可能和三个月前的自己合作(你的客户要求改版),也经常要和工作室中不同的同事共同开发一个项目,还有可能被要求修改已经离职人员开发的脚本,当然你自己也有可能会扔下一个项目给后来的同事。
1.Html文件的通用模板:
--
Generator:
SubDesignStudio()
CreationData:
2000-8-1
OriginalAuthor:
eastline
-->
其他meta标记
样式表定义
客户端Javascript函数定义及初始化操作
……
补充:
为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,即我们应该写
2.允许全文检索的页面,为了使Internet上的搜索引擎能够有效检索,在频道的首页的html的
之间应该加入Keywords和Description元标记,例如:3.CSS文件的格式样例代码:
―
p{text-indent:
2em;}
body{font-family:
"宋体";font-size:
9pt;color:
#000000;margin-top:
0px;margin-right:
0px;margin-bottom:
0px;margin-left:
0px}
table{font-family:
"宋体";font-size:
9pt;line-height:
20px;color:
#000000}
a:
link{font-size:
9pt;color:
#FFFFFF;text-decoration:
none}
a:
visited{font-size:
9pt;color:
#99FFFF;text-decoration:
none}
a:
hover{font-size:
9pt;color:
#FF9900;text-decoration:
none}
a:
active{font-size:
9pt;color:
#FF9900;text-decoration:
none}
a.1:
link{font-size:
9pt;color:
#3366cc;text-decoration:
none}
a.1:
visited{font-size:
9pt;color:
#3366cc;text-decoration:
none}
a.1:
hover{font-size:
9pt;color:
#FF9900;text-decoration:
none}
a.1:
active{font-size:
9pt;color:
#FF9922;text-decoration:
none}
.blue{font-family:
"宋体";font-size:
10.5pt;line-height:
20px;color:
#0099FF;letter-spacing:
5em}
-->
这里尤其要注意的是a:
linka:
visiteda:
hovera:
actived的排列顺序一定要严格照上面的样例代码,否则或多或少会出问题。
另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!
为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。
在写
缩进两个半角空格, | 中如果还有嵌套的表格,
|