网站建设1.

网站建设考试形式平时成绩（60%）考勤（20%）上机作业（20%）平时作业（20%）考试成绩（40%）内容介绍一．网站建设概述二．网站需求分析三．网站结构策划四．域名申请五．技术方案选择六．网页制作七．网站发布与维护第一章网站建设概述1.1网站建设基本知识1.2网站开发流程思考小张是一家小公司的营销部职员，他一直以来都想给公司营销部门打开市场。在考虑了多种方法之后，他发现给公司搭建一个网站是最好的方法。但是他需要说服上级领导给他这个机会和资源去做这件事情。请问建设一个公司网站有什么好处能够让boss觉得值得并且愿意投入去做呢？1.1网站建设基本知识1.1.1网站建设的作用•提升企业形象，全面介绍公司产品有作用类似于报纸和电视广告的作用，费用却非常低，而且还能全面的介绍自己的公司内容。•降低通信费用，具有网络沟通能力对电子邮箱的运用降低了大量的通信费用，而且还能与客户保持密切的联系。互联网的普及也是公司更容易被其他客户搜索到。也能及时收到客户的反馈。•丰富营销手段，增加销售渠道网站与网页的关系网站是由网页组成的，如果网站是一个学校的话，那么网页就是学校里的每一个学生，每个网页都是不同的，就像学校中的学生也是不同的。当然除了网页还有大量的资源来填充网页，包括图片、视频、动画、CSS样式、Javascript样式等。1.1网站建设基本知识网站基本结构1.1网站建设基本知识1.1.2网站的结构网站的结构即网站中每个页面间的层次关系。网站结构式衡量网站用户体验好坏的重要指标之一。清晰的网络结构可以使用户快速获取所需信息，而一个糟糕的设计则会让用户仿佛走进迷宫而放弃浏览。主页一级子页一级子页一级子页二级子页二级子页二级子页二级子页二级子页二级子页一个典型的网站结构1.1网站建设基本知识1.1.3页面结构不同网站对网页栏目的安排会有所不同，但大多数网站首页都包括页面标题、网站LOGO、导航栏、登录区、主页区和页脚区，而子页面则会相对简单一些，一般由页面标题、网站LOGO、导航栏、主内容区和页脚区组成。1.1网站建设基本知识一个典型的页面结构任务随意选择一个网站，然后说出该网页的构成情况。（提示：指出该网页的LOGO、导航栏、登录区（没有则不用说）、主内容区以及页脚区）1.1网站建设基本知识1.1.4网页的布局常见的网页布局有4种：①“同”字形②“匡”字形③“三”字形④“川”字形1.1网站建设基本知识①“同”字形“同”字形，也可以叫“国”字形，是很多大型网站喜欢的布局方式，网页布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航栏、登录区、搜索区等，中间是主内容1.1网站建设基本知识淘宝是典型的“同”字形网页1.1网站建设基本知识②“匡”字形“匡”字形是去掉“国”字形布局右边的边框部分，给主内容释放更多的空间1.1网站建设基本知识“匡”字形网站1.1网站建设基本知识③“三”字形这种布局一般运用在简洁明快的艺术性网页布局，这种布局采用简单的图片和线条代替拥挤的文字，给人以强烈的视觉冲击。1.1网站建设基本知识“三”字形网页1.1网站建设基本知识④“川”字形“川”字形页面在垂直方向分为三列，网站内容按栏目分布在这三列中，最大限度地突出主页的索引功能，一般在门户网站应用的较多1.1网站建设基本知识“川”字形网页任务请大家选择四种布局中的两种并找到相应的网站。找到之后展示出来并且说明该网页的布局。1.1网站建设基本知识1.1.5网页构成元素•文字——符合排版要求•图片、音频、动画、视频等——根据客户需求进行精选•色彩——色彩搭配很重要，尽量简洁明了1.1网站建设基本知识1.1.6网站的分类（一）按内容分类①门户网站②交流网站（包括论坛和社交网站）③电子商务网站④企业宣传网站⑤搜索引擎网站⑥政务网站1.1网站建设基本知识①门户网站门户网站主要提供综合性互联网信息资源和相关信息服务的应用系统。门户网站的业务包罗万象，提供新闻、搜索引擎、网络接入、聊天室、电子公告牌、免费邮箱、影音资讯、电子商务等等。我国典型的门户网站有新浪、网易和搜狐等。1.1网站建设基本知识搜狐门户首页1.1网站建设基本知识②交流网站交流网站主要有两种：论坛和社交网站（1）论坛论坛是互联网上的一种电子信息服务系统，全称为BulletinBoardSystem（电子公告板）。论坛一般是志趣爱好相同者聚集的地方，也是最早的交流网站。1.1网站建设基本知识天涯论坛1.1网站建设基本知识（2）社交网站社交网站又称SNS，全称SocialNetworkSite。社交性网络（SocialNetworking）是指个人之间的关系网络，这种基于社会网络关系系统思想的网站就是社会性网络网站（SNS网站）。这种网站主要是帮助人们建立社会性网络的互联网应用服务。1.1网站建设基本知识开心网1.1网站建设基本知识③电子商务网站一个企业、机构或公司在互联网上建立的站点，该站点主要将买卖双方的商务信息、产品信息、销售信息、服务信息以及电子支付等活动，用相互认同的交易标准来实现。主要分为B2B（企业对企业）、B2C（企业对消费者）、C2C（消费者对消费者）。1.1网站建设基本知识B2C京东商城1.1网站建设基本知识④企业宣传网站企业宣传网站主要是通过建立公司网站来宣传自己的公司，创建公司品牌形象，利用互联网传播快的特性能够迅速推广自己的公司，打响公司品牌。该类网站主要是展示公司产品、技术、经营理念、企业文化等。因此成本很低，可以实现低成本高效率的管理模式。1.1网站建设基本知识红塔集团官网首页1.1网站建设基本知识⑤搜索引擎网站搜索引擎网站是用户用的最频繁的网站。该类网站运用特定的计算机程序和算法从互联网上搜集信息，对信息进行处理之后为用户提供检索服务。1.1网站建设基本知识微软必应搜索引擎1.1网站建设基本知识⑥政务网站政务网站是各级政府、政府各部门之间互动的纽带。该类网站还起到公布政府决策并且承担一定管理职能的作用。政务网站现在日趋成熟，已经能够承担政府与企业、政府与公众之间的互动、政府对外服务和监管职能。1.1网站建设基本知识湖南省政府官网任务每位同学找出三种不同的网站并指出该网站是什么类型的网站。1.1网站建设基本知识（二）按技术上分类①静态网站静态网站指完全由HTML代码格式页面组成的网站，所有的内容包含在网页文件中。静态网站通常以htm、html、shtml等为后缀。静态网页相对稳定，无特殊代码，因此容易被搜索引擎检索。静态网站没有数据库的支持，制作和维护工作量大，但是访问速度快1.1网站建设基本知识梦洁官网首页1.1网站建设基本知识②动态网站动态网站一般用HTML+ASP或者HTML+JSP等编写。动态网站会随不同用户、不同时间，返回不同的网站。动态网站以数据库技术为基础，大大降低了网站维护的工作量。动态网站可以实现更多的功能，包括注册、登录、用户管理、订单管理等。1.1网站建设基本知识亚马逊首页1.1网站建设基本知识1.1.7网站建设技术介绍DIV+CSS是前端的主流技术，而后台的主流技术则是ASP、ASP.NET和PHP。PHP开发环境是免费的但是维护成本较高。ASP.NET则适合大型项目。一般的企业展示站则适合选用ASP，开发费用比ASP.NET低得多。1.2网站建设开发流程1.2.1总体流程（1）网站策划网站策划包括网站的域名空间的使用，网站目标定位，网站目标用户及潜在用户对网站的需求，网站的总体风格，网站的功能定位等。而电子商务需要有一些基本功能，包括：会员系统、在线支付系统、商品检索系统等。1.2网站建设开发流程①会员系统方便用户与企业间的相互联系，以及商务活动的联络和传递信息，该系统可以收集客户的基本信息，建立数据库用于统计分析，同时，会员还可以享受个性化服务。1.2网站建设开发流程典型的注册会员系统1.2网站建设开发流程②在线支付系统电子商务必不可少的一个组成部分，目前我国普遍使用三种支付方法。（1）网银支付（2）第三方支付（3）让用户选择支付方式方法，减少企业风险1.2网站建设开发流程支付宝支付系统1.2网站建设开发流程③商品检索、商品采购、订单系统这几个系统是商务网站必须包括的，是最基本的应用系统。其中“购物车”系统采用Cookie技术，最大限度地提高商品采购的速度，个性化的采购订单模式，方便顾客进行商品的比较并实现快速选购。1.2网站建设开发流程除了上述的基本系统还需要很多的辅助系统，包括：信息发布系统，在线咨询系统，网站管理系统，人力资源管理系统，办公成本管理系统等等。1.2网站建设开发流程（2）网站设计按照之前的策划，对网站前台、后台以及数据库进行设计，将内容结合起来。接下来进行网页设计，做出效果图，这时需要对导航、文本、图像进行充分的规划，设计出符合大众审美的网页。1.2网站建设开发流程（3）网站测试与发布当网站设计好之后就需要对整体进行详细的测试，包括页面美观、显示速度、兼容性、网站结构等等。当测试完所有的细节之后就可以发布到服务器上。1.2网站建设开发流程1.2.2网站设计原则①明确建站目的和受众②总体设计方案主题鲜明③网站版式设计美观④合理运用色彩⑤网站形式与内容的统一⑥利用多媒体功能⑦注意网站的层次性和一致性1.2网站建设开发流程⑧内容经常更新，保持沟通渠道畅通⑨努力提高网站的性能⑩合理运用新技术