1、网站规划与建设基础,项目化、模块化的教学 结合实践、服务未来 以学习能力培养为目标 适用视觉传达设计等专业方向 要求先修:计算机及网络基础、图形 图像处理、网页设计与制作,网站规划与建设基础,艺术设计视传121班上课时间 第1周:一（14节， 68节）、三(14， 68节)、四（ 69 节） 第2周: 同上 第2周: 同上 上课地点：B5-410,网站规划与建设基础,艺术设计视传122班上课时间 第4周:二(15， 69节) 五(15， 69节) 第5周: 同上 第6周: 同上 上课地点：B5-410,网站规划与建设基础,艺术设计视传123班上课时间 第14周:三(14， 68节) 四(14节
2、) 五(14， 68节) 第15周: 同上 第16周: 同上上课地点：B5-410,了解各种网站 解读典型网站 正确规划网站 概要设计网站 制定设计规范 详细设计网站 精心编写代码 全面测试网站 安全发布网站 高效维护网站 综合练习,网站建设主要内容：,课程性质和意义为视觉传达设计专业的重要专业课程，以网站建设的实践为主线，全面融合学生的知识结构，锻炼和提高学生的综合分析、设计和动手能力。（与前修课程的关系）教学目标 1、掌握网站建设的基本概念，基本框架与工作流程。 2、掌握商业网站建设、管理和维护的基本方法。 3、通过本课程的学习与实践，学生运用艺术设计专业知识与计算机和互联网技术相结合，构
3、建几个常用的商业网站的框架。完成1到2个实用的商业网站主要框架。,重点与难点：重点：网站的需求分析与规划，网站的全面设计，网站的建设流程难点：网站的数据库设计应用，以及相关编程 教学安排教学方式 ：介绍重点内容，充分利用参考书和INTERNET来学习， 结合实例完成指定练习。考核及分数分配：总分100，练习、作业占30，平时占30， 综合练习占40 。E 盘上建立以自己的 “学号”或“姓名” 命名的文件夹（如20xx5001、王培德），用于保存自己的作业，然后拷贝到教师电脑上指定的文件夹中 缺课达3次无成绩一律重修，上课迟到或早退1次扣5分，玩游戏1次扣10分， 作业迟交视同迟到，缺交达3次则
4、扣除全部作业分30分。,教学参考书,1、网站制作与管理技术标准实训教程，姚莹等编著，39元ISBN 978-7-5142-0103-1，印刷工业出版社，2011.6 网站建设经典范例，陈益材、曾劲柏 主编 42 元ISBN7-302-12568-6，清华大学出版社，2006.4 2、网站规划与建设，顾正刚 主编 23元ISBN7-111-1727-0，机械工业出版社，2005.9 3、网站规划与建设，朱友芹、陈圣琳 编著 28元ISBN7-5053-6442-1/TP.3511，电子工业出版社，2001.1 4、商业网站设计指南，美Kim and Brad Hampton著，刘征宇等译 36.
5、5元ISBN7-5341-1213-3/ TP.70，浙江科学技术出版社，1999.1 5、开源软件网站构件方案，美Thomas Schenk著，谢君英等译 35元ISBN7-111-09951-6/ TP.2345，机械工业出版社，2002.4 6、网站开发实例，泰蒙工作室编著，25元ISBN7-5366-5240-2/ TP.61，重庆出版社 7、网络构建与网页设计，康哓东主编，28元ISBN 7-115-09832-8/ TP.2581，人民邮电出版社,示例: 学生网页设计作业分析1、2、网站建设套餐实例,网站建设开发流程简介,客户提出需求 设计建站方案 查询申办域名 网站系统规划 确定
6、合作意向 网站内容整理 网页设计、制作、修改 网站确认并发布 网站推广维护,网站建设流程图解,第一步：客户提出需求,客户通过电话、电子邮件或在线订单方式提出自己网站建设方面的“基本需求”。 涉及内容包括： 1、公司介绍； 2、栏目描述； 3、网站基本功能需求； 4、基本设计要求,第二步：设计建站方案,首先，根据企业的要求和实际状况，设计适合企业的网站方案。是选择虚拟主机服务，还是自己购置服务器；根据企业风格度身定制；一切根据企业的实际需要选择，最合适的才是最好的。,第三步：查询申办域名,根据企业的需要，决定是国际域名还是国内域名。域名就是企业在网络上的招牌，是一个名字，并不影响网站的功能和技术
7、。如果是登记国际域名的话，就必须向国际互联网络管理中心申请；国内域名则向中国互联网服务中心登记。,第四步：网站系统规划,网站是发布公司产品与服务信息的平台，所以网站内容非常重要。一个好的网站，不仅仅是一本网络版的企业全貌和产品目录，它还必须给网站浏览者，即企业的潜在客户提供方便的浏览导航，合理的动态结构设计，适合企业商务发展的功能构件，如信息发布系统、产品展示系统等，丰富实用的资讯和互动空间。我们将根据客户的简单材料，精心进行规划，提交出一份网站建设方案书。,第五步：确定合作,双方以面谈、电话或电子邮件等方式，针对项目内容和具体需求进行协商。双方认可后，签署网站建设合同书并支付 ? %网站建设
8、预付款。,第六步：网站内容整理,根据网站建设方案书，由客户组织出一份与企业网站栏目相关的内容材料（电子文档文字和图片等），我们将对相关文字和图片进行详细的处理、设计、排版、扫描、制作，这一过程需要客户给予积极的配合。,第七步：网页设计、制作、修改,一旦网站的内容与结构确定了，下一步的工作就是进行网页的设计和程序的开发。网页设计关乎企业的形象，一个好的网页设计，能够在信息发布的同时对公司的意念以及宗旨作出准确的诠释。很多国际大型公司都不惜花费巨大的投入在网页的设计上。专业的技术人员，提供最专业的网页设计，使客户的网站表现不凡，脱颖而出。,第八步：网站提交客户审核并发布,网站设计、制作、修改、程序
9、开发完成后，提交给客户审核，客户确认后，支付网站建设余款。同时，网站程序及相关文件上传到网站运行的服务器，至此网上正式开通并对外发布。,第九步：网站网站推广及后期维护,在网络上建立了一个家，是企业上网的一个重要标志，但还不等于说就可以大功告成了。因为一个设计新颖，功能齐全的网站，如果没有人来看就起不到应有的作用了。为了能让更多的人来浏览企业的网站，必须有一个详尽而专业的网站推广方案，包括著名网络搜索引擎登录，网络广告发布，邮件群发推广，Logo互换链接等等。这一部分尤其重要，专业的网络营销推广策划必不可少。可以利用国内外搜索引擎登陆服务、门户网站分类广告、分布式批量电子邮件广告、电子杂志贴片等
10、多种推广方案。另外，在以后还应根据客户具体的需要，按客户的要求和授权，对网站页面和内容进行适当的修改、更新、维护服务。,网站建设流程简图,第1章 多角度了解网站,本章要点 了解网站有哪些主要类型 了解网站常见的表现风格 了解网站应该具备哪些主要功能 了解网站建设使用的主要技术,1.1 网站概述,1.1.1 网站及相关概念 1.基本概念（1）什么是域名 ：域名就是互联网络上识别和定位计算机的层次结构式的字符标识，与该计算机的互联网协议(IP)地址相对应。也就是用来表示一个单位或机构在Internet上有一个确定的名称或位置的。 .com 用于商业公司 .org 用于组织协会.net 用于网络服务
11、 .edu 用于教育机构 .gov 用于政府部门 .mil 用于军事领域英文国际顶级域名：“.com ”、“.net”、“.org”、“.gov”、“.edu” 英文国内顶级域名：“”、“”、“”、“”、“” 中文国际域名：“.com ”、“.net”、“.org”（美国NSI 公司推出） 中文通用域名：“. 中国”、“.CN”、“.公司”、“. 网络”、“.组织”（中国CNNIC 推出）,选择域名 对于一个网站来说，特别是对于商业网站来说，起一个好的域名非常重要，这样可以让访问者很容易地记住网站的网址。,在选择域名时应遵守以下两个原则： （1）简短、切题、通俗 比如用数字简单好记，163、2
12、63、126、127、188、990 等多个域名。因此，一个简短易记、反映站点性质的响亮域名往往会给用户留下深刻的印象。 （2 ）域名与公司密切相关 一个好的域名应该与企业的性质、企业的商标及企业平时的宣传风格一致，如用单位名称的中英文缩写、企业的产品注册商标、企业商品或服务类别名称等。这样的域名易记，也能成为网 络上的活广告，并在无形中宣传企业的形象，保护企业的利益。,域名注册 选择好一个合适的域名之后就应该马上进行注册。如果迟了，用户想要申请的域名可能会被别人抢先注册了。要知道域名的注册是遵循“先申请先注册”的原则，没有预留服务。因此在选择好了合适的域名之后，应当马上进行注册。,在注册一个
13、域名之前，企业应当访问有关机构的网站，查询自己选择的域名是否已经被他人注册。如果尚未有他人注册，便可以注册并使用该域名了。 如需查询一个国际域名是否已被他人注册，一般可以到 InterNIC（国际互联网络信息中心）。 它的网址是： http :/www.I .html查询一个国内域名是否已被他人注册，一般是在 CNNIC （中国互联网络信息中心）进行查 询， 它的网址是： http:/ CNNIC 并不直接受理用户提交的中文域名注册申请，而是将这个工作交给了由 CNNIC 正式认证和授权的中文域名注册服务商。大家可以到 CNNIC 的网站上查询域名注册服务商的信息。,1.1.1 网站及相关概念
14、,（2）什么是网站申请了域名之后，还需要拥有存放信息的服务器空间（又分主机托管和虚拟主机），才能使访问者在网上看到信息，这个空间和上面的信息，统称为网站。 网站空间 + 网站内容 （3）什么是网址如果申请的域名为，同时又申请了网站空间，该网站的网址即为，那么全世界上网的人均可访问到该网站。网址的作用类似于信封上的邮寄地址，它是Internet上的重要标识，在Internet上没有重复的网址，即网址具有唯一性。,网站建设的人员组织 明确自己在一个组织中的角色是非常重要的，可以让我们更好地和其他工作人员配合，发挥一个组织的最大作用。,在网站前期开发过程中，主要是需要网站的设计人员、程序员和网页制作
15、人员。其中，设计人员负责内容、形象等设计，程序员主要负责服务器端程序开发等，网页制作人员负责开发网页，其中还包括美工等。 网站的前期开发完成后的网站运行过程中，主要的工作就是网站的维护和管理。这些工作主要分为两部分，一部分是技术维护，主要是服务器的维护、程序的维护等；另一部分就是内容的管理，比如内容的更新，信息的发布等。,网站规划与设计的一般性原则 设计者要想设计出达到预期效果的站点和网页，就必须对用户需求有深刻理解，并对人们上网时的心理进行认真地分析研究。 Web 站点是向用户或潜在客户提供信息 （包括产品和服务）的一种方式，是未来企业开展电子商务的基础设施和信息平台。企业的网站犹如企业的商
16、标和品牌一样，是反映企业形象和企业文化的重要窗口。,1明确网站设计目标与用户需求 2 总体设计方案主题鲜明 3 网页形式与内容统一 4 网站结构设计原则 5 访问速度 6 多媒体技术的合理应用 7 网站信息的及时更新8网站信息的交互能力,Web 服务器的安装与配置,Windows 2000/XP+IIS 架设(安装) Web 服务器,1.1.2 网站的主要类型,1.基本概念 按照网站语种分类（中文、英文、俄文、蒙文、藏文 ） 按照网站所有者性质分类 （个人、企业、政府、研究机构 ） 按照行业分类 （IT、教育、研究机构、金融、房地产 ） 按照网站作用分类 （搜索引擎、软件下载、论坛、游戏、购物
17、、教育、证券交易 ） 按照网站主要开发语言分类 （HTML、ASP、JSP、PHP ） 按照网站内容更新方式分类 （静态/动态、内容可管理/自助式 ） 按照网站规模分类 （小、中、大型 ） 按照网站信息交互分类 （浏览式、交互式/互动式 ） 按照网络操作系统分类 （Windows、UNIX、Linux、Solaris平台 ）,练习 一,分析并编写某政府网站的定位分析报告（word或ppt文档）文件名统一为： 王培德_练习1_政府网站的定位分析报告 例如：西湖区 具体要求：1、上网查询某区/县政府网站作参考(可多查几个)2、网站能实现政务公开3、网站能接受群众咨询、建议4、定位分析报告编写详细，
18、说明理由，不能只列提纲5、在下次上课时上交，并抽1、2个同学讲述，随后讨论,分析报告参考格式,王培德_练习1_政府网站的定位分析报告报告人姓名： 完成时间： 工作内容： 具体要求 报告详细内容：参考书列表： 参考网站地址列表： 备注：,1.1.3 网站的常见风格,1.基本概念网站的风格是通过一种或多种网站表现形式综合体现出来的，是指网站的整体形象给浏览者的综合感受。网站的表现形式又是多种多样的，进而决定了网站的风格也是多样的。 沉稳型：一般政府网站、科研院所网站。 活泼型：一般儿童网站、动漫网站、游戏网站。 时尚型：一般时装网站、化妆品网站、饰品网站、时尚网站、娱乐网站、交友网站。 典雅型：一
19、般专业公司网站、专业科研机构网站。 简约型：一般搜索引擎网站、短信网站、聊天网站、论坛网站。 大众型：一般企业网站、购物网站、民俗网站、资讯网站等。 综合型：综合运用了多种单一风格的多层次、多结构大型网站，如各类门户网站、大型综合网站等。,练习 二,分析并编写某公司网站的网站风格分析报告（word或ppt文档）文件名统一为： 王培德_练习2_公司网站的网站风格分析报告 , , 具体要求：1、上网查询某公司网站作参考(可多查几个)2、 确定公司的产品及客户群3、重点分析该公司网站的风格，有哪些方面体现该风格4、分析报告编写详细，说明理由，不能只列提纲5、在下次上课时上交，并抽1、2个同学讲述，
20、随后讨论,1.2 网站的必备功能,1.基本概念（1）普通功能 站点导航：也就是网站的主菜单，利用该功能可以找到网站的所有信息。 计数器：网站计数器可以直观地了解网站的访问量。 留言板：提供了一个公共的信息发布平台，适合多对一的信息交流 电子邮件：也是一种信息交流的方式。 （传统联系方式）（2）高级功能 信息发布与维护系统。 信息检索系统。 在线调查系统。 网站流量分析系统。,1.基本概念,（3）特殊功能 网上购物系统。 供求信息发布系统。 会员管理系统。 在线招聘系统。 电子邮局系统。 邮件列表系统。 BBS。聊天室。 网上拍卖系统。 互动地图演示系统。,练习 三,分析并编写某公司网站的网站功
21、能分析报告（word或ppt文档）文件名统一为： 王培德_练习3_公司网站的网站功能分析报告 具体要求：1、上网查询某公司网站作参考(可多查几个)2、 分析公司网站用到的主要功能3、分析报告编写详细，说明理由，不能只列提纲4、在下次上课时上交，并抽1、2个同学讲述，随后讨论,1.3 网站常用技术,（1）HTML：最初的HTML语言只能在浏览器中展现静态的文本或图像信息 , HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后以.htm或.html为文件后缀保存即可在浏览器里看到内容了。 （2）ASP：全名为Active Server Pages，是由微软公司推出的一个Web服务器端
22、的开发环境，利用它可以产生和执行动态的、互动的、高性能的Web服务应用程序。 （3）JSP：全名为Java Server Page，是Sun公司推出的新一代网站开发语言，它几乎可以使用Java语言的所有特性。 （4）PHP：是一种跨平台的服务器端的嵌入式脚本语言，它大量的借鉴C、Java和Perl语言的语法，并加入了PHP自己的特性，使Web开发者能够快速地写出动态页面。,作业 一 文件名统一为： 王培德_作业1,1.基础题 网站有哪些主要类型？ 网站常见的表现风格有哪些？ 网站应该具备哪些主要功能？ 网站建设使用的常用技术有哪些？ 2.拓展创新题 列举两种未讲到的网站类型。 列举三种未讲到的网站风格。 列举四种未讲到的网站功能。,
