1.6 网站的建设与发布
网站建设是一个系统工程，包含一定的工作流程，我们只要遵循这个流程，按部就班把每一步工作做好，就有可能创建一个令人满意的网站。简单来说，这个流程大致可以分为：网站策划、网站素材收集、网页规划、网站目录设计、网页制作、网站的测试、网站发布等几个主要步骤。
1.6.1 网站策划
网站策划，即网站定位。在建设一个网站前，首先必须确定网站的主题。这一步主要是确定网站的题材，即要明确网站的类型，是作为一个个人主页，还是作为门户网站、社交网站、公司网站或是电子商务网站。确定主题后，还要明确访问网站的对象和网站内容。主题、对象和内容三者之间存在图1-7所示的相互关系。
图1-7 网站策划逻辑图
1.6.2 网站素材收集
网站定位后，接下来就应该围绕网站的主题和访问对象收集网站的素材。这些素材主要包括文字、图片、动画、声音及影像等类型的资料。网站素材的收集途径主要有以下两种。
（1）自己编制文字材料或使用一些制作软件，如Photoshop、Fireworks等软件制作图片，使用Flash等软件制作动画，以及使用一些影视软件制作影像视频等多媒体文件。
（2）从网络、书本、报刊、杂志、光盘等媒体中获取所需素材。
收集到素材后应分门别类地保存在相应的目录中，以便制作网站时使用。另外，在使用别人的素材时，要注意版权问题，以及确保内容的完整性与正确性。
1.6.3 网页规划
网页规划包括网页版面布局和颜色规划。
网页的版面，指的是在浏览器中看到的完整的一个页面的大小。由于浏览器有800×600像素、1024×768像素，1280×800像素等多种不同的分辨率，为了能在尽可能多的浏览器窗口完整地显示页面，我们制作网页时需要将页面的宽度进行设置，目前一般是将宽度设置为不超过800像素。
网页布局指的是网页结构的设计，即合理地设计页面中的栏目和板块，并将其合理地分布在页面中。比如网站主页的基本构成内容包括网站标志、页眉、导航栏、主内容区、页脚等。在进行规划时，需要对这些内容进行布局规划，比如作为网站的标志应该能集中体现网站的特色、内容及其内在的文化内涵和理念；页眉位置应该对访问者有较高的吸引力，通常在此处放置网站的宗旨、宣传口号、广告语或设置为广告席位来出租；导航栏则可以根据具体情况放在页面的左侧、右侧、顶部和底部；主内容区一般是二级链接内容的标题，或内容提要，或内容的部分摘录，布局通常是按网站内容的分类进行分栏或划分板块；页脚通常用来标注站点所属的单位的地址、E-mail链接，以及版权所有或导航条。
页面颜色的规划需要遵循一定的原则：保持网页的色彩搭配的协调性；保持不同网页色彩的一致性；根据页面的主题、性质及浏览者来规划整体色彩。
1.6.4 网站目录设计
为了让读者能正确地访问，同时也便于日后的维护和管理，我们在设计网站目录时，需要遵循这样的原则：目录的层次不要太深，一般不要超过3层；不要使用中文目录；尽量使用意义明确的目录名称。
一个网站的目录一般按以下步骤来设计。
（1）创建一个站点根目录。
（2）根据网站主页中的导航条，一般在站点根目录下为每个导航栏目建一个目录（除首页栏目外）。
（3）在站点根目录下创建用于存放公用图片的目录images。
（4）在站点根目录下创建一个保存样式文件的CSS文件夹。
（5）在站点根目录下创建一个保存脚本文件的JS文件夹。
（6）如果有flash、avi等多媒体文件，则可以在站点根目录下再创建一个用于保存多媒体文件的media文件夹。
（7）创建主页，将主页命名为index.html或default.html，并存放在根目录下。
（8）每个导航栏目的文件分别存放在相应导航栏目录下。
1.6.5 网页制作
上述各项工作准备好后，就可以开始制作网页了。网页包括静态网页和动态网页，如果是静态网页，只需使用Html、CSS和JavaScript来创建；如果是动态网页，则还需要使用到诸如JSP、ASP.net、PHP等一些用于创建动态网页的技术。在此我们主要介绍静态网页的制作。静态网页的制作可以使用任意一种文本编辑工具，如记事本、Dreamweaver等工具。
1.6.6 网站测试
为了保证所建设的网站能被用户快速有效地访问到，在发布网站之前及之后，都应对网站进行测试。根据测试内容的不同，可将网站测试分为以下几种类型。
（1）浏览器兼容的测试：在不同的浏览器中和在不同的版本下访问网页，查看显示情况是否正确。
（2）链接测试：单击每一个链接，查看能否正确链接到目标页面，确保不存在无效和孤立链接。
（3）发布测试：将网站发布到Internet上后，对网站中的网页进行链接及访问速度等内容的测试，确保各个链接有效，同时访问速度可接受。
1.6.7 网站发布
网站创建好后，就可以申请域名供别人访问了，如果网站空间需要使用别人提供的，则还需要申请空间，并且将网站上传到所申请的空间上。网站的上传可以使用cutFtp这样的FTP软件，也可以使用Dreamweaver软件的上传文件功能进行上传。