Dreamweaver+Flash+Photoshop网页设计案例课堂/网站开发案例课堂（附光盘）

第2章
网站建设基本流程
建立站点之前，用户首先需要了解网站的建设流程，然后在网上注册一个域名，申请一个网站空间，以便存放网站。
本章要点(已掌握的在方框中打钩)
熟悉网站的建站方式
熟悉网站的建站流程
熟悉网页制作的软件
2.1 建 站 方 式
目前，建设一个网站已经不是什么神秘的事情了，用户可以选择多种建站方式，比较常见的建站方式主要有三种，分别是自助建站、智能建站和专业设计。
2.1.1 自助建站
自助建站就是通过一套完善、智能的系统，让不会建设网站的人通过一些非常简单的操作就能轻松建立自己的网站。自助建站一般是将已经做好的网站(包含非常多的模板及非常智能化的控制系统)传到网络空间上，然后购买自助建站的人只需登录后台对其进行一些非常简单的设置，就能建立个性化的网站。
如图2-1所示为提供自助建站服务的网站。
图2-1 提供自助建站的网站
“会打字就能建网站”是自助建站方式的最大亮点。一个会简单计算机操作的人只要几分钟就能快速生成一个企业网站，甚至各类门户网站，这就是域名注册查询自助建站所提出的网站建设理念。这种建站方式使得企事业单位能够快速而有效地以“成本节约、简单易用、维护方便”的方式来建设和实施其先进的电子商务系统，使得企业能够通过有效的应用互联网技术来提高企业的运作效率、降低成本、拓展业务，从而实现更大的利润和效益。自助建站一般有简、繁、英三种模块。
如图2-2所示为提供自助建站服务网站的网页展示效果。用户只需找到自己所需网站的类型，然后在网页中单击自己喜欢的网页就可以预览效果了。
图2-2 网页预览效果
2.1.2 智能建站
智能建站是自助建站的“升级”，相比自助建站程序而言，智能建站继承了它的易上手、成本低的优点，摒弃了它的功能简单、呆板的缺点。“升级版”的自助建站系统的功能之强大可以比拟大型CMS程序，还能够自定义网站板块功能，使原先在自助建站程序上不具备的购物系统、在线支付系统、权限系统、产品发布系统、新闻系统、会员系统等功能得以实现。
如图2-3所示为提供智能建站服务的网站。用户只需在网页左侧选择自己的行业分类，就可以在右侧查看该网站已经做好的网页模板。
图2-3 提供智能建站的网站
2.1.3 专业设计
专业设计也被称为人工建站。人工建站就是网站建设者要求建站公司按照自己的要求设计网站。市面上人工建站的价格都不会太低，拿搭建一个最简单的企业网站来说，其报价就要上千元，这其中还不包括注册域名和购买主机空间的费用。
不过，虽然人工建站的成本很高，但其优势也是显而易见的，因为人工建站可以根据网站主办者的要求定制，网站模板可以任意修改，直至用户满意为止。但是，这种服务是一锤子买卖，网站交付给网站主办者后，如果出现漏洞或设计问题也不会有免费的售后服务。相对智能建站的24小时在线免费技术支持，人工建站的安全和升级问题堪忧。
2.2 建 站 流 程
对于一个网站来说，除了要设计网页的内容之外，还要对网站进行整体规划设计。格局凌乱的网站的内容再精彩，也不能说是一个好的网站。要设计出一个精美的网站，前期的规划是必不可少的。
2.2.1 网站规划
规划站点就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。规划站点就是对站点中所使用的素材和资料进行管理和规划，对网站中栏目的设置、颜色的搭配、版面的设计、文字图片的运用等进行规划。
一般情况下，将站点中所用的图片、按钮等图形元素放在Images文件夹中，HTML文件放在根目录下，而动画、视频等放在Flash文件夹中。对站点中的素材进行详细的规划，便于日后管理。
2.2.2 搜集资料
确定了网站风格和布局后，就要开始搜集素材了。常言道：“巧妇难为无米之炊”，要想让自己的网站有声有色、引人入胜，就要尽量搜集素材，包括文字、图片、音频、动画及视频等，搜集到的素材越充分，制作网站就越容易。素材既可以从图书、报刊、光盘及多媒体上得来，也可以从网上搜集，还可以自己制作，然后把搜集到的素材去粗取精，选出制作网页所需的素材，如图2-4所示。
在搜集图片素材时，一定要注意图片的大小。因为在网络中传输时，图片的容量越小，传输的速度就越快；所以应尽量搜集容量小、画面精美的图片。
图2-4 搜索网站素材图片
2.2.3 制作网页
制作网页是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序来制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题能及时修改。
在网页排版时，要尽量保持网页风格的一致性，不至于在网页跳转时产生不协调的感觉。在制作网页时灵活地运用模板，可以大大提高制作的效率。将相同版面的网页做成模板，基于此模板创建网页，则以后想改变网页时，只需修改模板就可以了。如图2-5所示就是一个主题鲜明的网页，全网页的信息都与旅游这个主题相关。
图2-5 网站的首页
2.2.4 网站测试
网页制作完毕后，最好先在浏览器中打开网站，逐一对站点中的网页进行测试，以便能及时发现问题并修改，然后再上传网站。
2.2.5 申请域名
网站建设好之后，就要在网上给网站注册一个标识，即域名。申请域名的方法很多，用户可以登录域名服务商的网站，根据提示申请域名。域名有免费域名和收费域名两种，用户可以根据实际需要进行选择。
2.2.6 申请空间
域名注册成功之后，需要申请网站空间。应根据不同的网站类型选择不同的空间。
网站空间有免费空间和收费空间两种，对于个人网站的用户来说，可以先申请免费空间使用。免费空间只需向空间服务器提出申请，在得到答复后，按照说明上传主页即可，主页的域名和空间都不用操心。使用免费空间美中不足的是：网站的空间有限，提供的服务一般，空间不是非常稳定，域名不能随心所欲。
对于商业网站，用户需要考虑空间、安全性等因素，为此可以选择收费网站。
2.2.7 网站备案
网站备案的目的是为了防止用户在网上从事非法的网站经营活动，打击不良互联网信息的传播。
不管是经营性还是非经营性的网站均需备案且备案的流程基本一致，如图2-6所示。
图2-6 网站备案
网站备案的流程如下。
网站备案的途径有两种：一种是网站主办者自己登录到网站备案系统进行备案；另一种是通过接入商代为备案。如图2-7所示为网站备案的方式。
图2-7 网站备案的方式
网站接入商也称服务器提供商，就是提供网站空间的服务商。
通过上述两种途径，将网站和网站主办者的信息提供给网站接入服务的服务器提供商，如图2-8所示。
图2-8 接入服务单位
服务器提供商对网站主办者提供的信息的真实性进行查验，如图2-9所示。
如果信息有误则退回；如果数据初审正确完整，服务器提供商将信息提交到省局的信息审核系统继续审核，如图2-10所示。
信息在省局系统中等待审核，如图2-11所示。
图2-9 验证网站备案资料
图2-10 审核网站的备案信息
图2-11 等待审核
如果备案信息在省局的审核中通过将发放网站的备案号，如图2-12所示。
图2-12 审核通过返回备案号
在省局的信息审核中如果没有通过，则返回到企业系统(服务器提供商)并退回网站主办者，需要重新提交和审核网站备案数据。如果通过审核，则省局的备案系统将网站的备案信息提交到部级的网站备案系统中保存。同时网站的CPI备案过程完成，如图2-13所示。
图2-13 网站备案完成
2.2.8 发布网页
在前期的准备工作都完成后，再经过网站的测试，就可以发布网页了。发布网页也称为上传网站，一般使用FTP协议上传，即以远程文件传输方式上传到服务器中申请的域名之下。
现在最常用的还是上传工具，如FTP上传工具GuteFTP和LeapFTP；另外，还可以直接使用网页制作工具Dreamweaver提供的上传和下载功能来发布网页。
2.2.9 网站推广和维护
1. 网站推广
网站制作好之后，还要不断地对其进行宣传，这样才能让更多的朋友认识它，以提高网站的访问率和知名度。推广的方法很多，例如到搜索引擎上注册、与其他的网站交换链接或加入广告链接等。
网站推广是企业网站获得有效访问的重要步骤，合理而科学的推广计划能使企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支，正在显示出其巨大的魅力，并越来越引起企业的高度重视和关注。
2. 网站维护与更新
网站需要经常维护，保持内容的新鲜，只有不断地给它补充新的内容，才能够吸引住浏览者，并给访问者留下良好的印象。否则网站不仅不能起到应用的作用，反而会对网站自身的形象造成不良的影响。
网站维护包括网页内容的更新，即通过软件进行网页内容的上传、目录的管理、计算器文件的管理及网站的定期推广服务等。更新是指在不改变网站结构和页面形式的情况下，为网站的固定栏目增加或修改内容。
2.3 制作网页的常用软件
制作单一的网页直接应用某个软件即可完成，但要制作生动有趣的网页，则需要综合应用图形处理软件(如Photoshop)、动画制作软件(如Flash)和网页布局软件(如Dreamweaver)等。
2.3.1 网页布局软件Dreamweaver
Dreamweaver是一款集网页制作和管理网站于一身的所见即所得的网页编辑器。用户不需要编写复杂的代码，利用该软件即可轻松制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver的工作界面继承了原版本的一贯风格，既有方便编辑的窗口环境，又有易于辨别的工具列表。无论在使用什么功能出现问题时，都可以找到帮助信息，便于初学者使用。Dreamweaver的工作界面如图2-14所示。
图2-14 Dreamweaver的工作界面
……