第15章网页设计与网站开发综合实例

1、.15.1 制作前的工作15.2 制作过程15.3 网站的上传和推广.对于新手，在制作网页的时候，喜欢边做边构思，属于想到哪里，做到哪里，对于网站建设缺乏整体的设计规划，在网站的实现过程中，经常不满意制作效果，推翻了重做，浪费了很多时间。建议按照以下流程去实现自己的网站，会起到事半功倍的效果。.1. 确定主题确定主题15.1.1 策划网站策划网站 要做一个网站，首先要确定主题。主题的选择范围很广，只要网站的内容不带有反动、色情、封建迷信、诈骗等违法的内容即可，班级主页、个人主页、主题网站等等均可，也可以由用户提供。.2. 确定网站风格确定网站风格15.1.1 策划网站策划网站 按浏览人群和用户

2、的需求制定。看受众是儿童，青少年和中老年人群等，可按其喜好定制，只有投其所好，才能获得肯定和共鸣，另外还要考虑网站性质，如电脑公司的高科技类与一个古色古香的茶馆类的网站在风格上就迥异不同，最后也是最重要的要本着实现用户需求来确定风格。.3. 确定网站色彩确定网站色彩15.1.1 策划网站策划网站 按风格制定，注意色彩的调合和搭配，别忘了黑白灰是万能色，和任何颜色都亲密无间、和平相处。如幼儿园可使用儿童较喜欢的活泼亮丽的颜色，像草绿、大红、碧色等，但过亮的颜色不宜大面积使用，因为网页在电脑的屏幕上显示时，浏览时间长了容易引起人视觉疲劳。另外像古典类的网站在用色上就可以使用带有中国特色的栗色、灰黑

3、、大红以及富贵象征的金黄色等。.4. 确定版式确定版式15.1.1 策划网站策划网站 以人性化的界面为主，方便浏览，一般人的浏览顺序是由上至下、由左至右，所以重要的部分应该在中部偏左上的地方，不要把最重要的内容藏得深不见底，更不要只为了界面的美观而令浏览者满屏幕查找。.5. 确定网站的栏目确定网站的栏目15.1.1 策划网站策划网站 在策划阶段一定要确定具体有哪些栏目，千万不要忽视了栏目的划分，如果在这一步走不好，会导致你整个网站重头再来。栏目在某一方面直接影响你的网站版式的划分，所以在制作之前就应该把栏目定好。.6. 绘制草图绘制草图15.1.1 策划网站策划网站 在脑海中形成具体影象后，最

4、好在纸上绘制出草图，以便实现对整体和细节的把握。. 策划好网站后，就要搜集和网站相关的资料了，资料越多越好，在实际应用中可以有选择。网站的资料来源有以下途径：原创。对于网站的某些素材，有些必须要自己制作的，如网站的Banner，当然制作可以是在某些素材上的改造设计。档案 书籍等等。可以通过档案或书籍来获取一些素材，这些素材可能需要扫描得来，但其重要性是无可替代的。网络。通过查找网络上的相关资源，尤其图片、动画等素材进行修改使用。15.1.2 搜集网页素材和资料搜集网页素材和资料. 在制作前要确定使用的工具，本案例选用网页三剑客软件，当然工具的选择是因人而异的，选择工具的原则就是能够熟练使用它，

5、比如有的用户对Photoshop使用起来得心应手，那就没有必要非得使用Fireworks来制作网页。网页三剑客是三款独立的软件，但彼此又有很紧密的关联，也是称其为网页三剑客的原因，所以这三个软件协同使用来实现网站，其优点是其它软件所不能及的。15.1.3 选择制作工具选择制作工具. 准备工作完成后，就要进入到网站的制作过程中，制作过程包括站点的建立、页面的设计、素材的制作等等有关的所有制作。15.2.1 建立站点15.2.2 使用Dreamweaver对网页进行布局15.2.3 利用Fireworks制作网站的Banner15.2.4 使用Flash制作动画15.2.5 网站的制作、整合、完成

6、. 网站制作完成后，只能在本机进行浏览，如果想让所有的网民都能看到你的网站，需要将网站上传到网络上的Web服务器上。Web服务器通常有相应的公司提供，需要收取一定的年费，或者局域网内由自己来架设Web服务器，或者校园网的相关部门，如网络中心，也可以提供Web服务器。根据情况选择联系Web服务器供应者，这样可以获得一定大小的主页空间，并且获得该空间的管理权限，Web服务器提供者会提供一个帐号和口令让你通过FTP来进行该主页空间的管理。如果你申请了该空间的域名服务，Web服务提供者还会给你一个域名，用以实现你的网站的访问，例如，如果你申请了这样的域名，并且得到提供，你在浏览器的地址栏就可以输入http:/ 来访问你的网站了。