海南师范大学信息科学技术学院计算机应用基础课件第11章 网页制作.ppt

计算机科学与教育技术系 第12章 网页制作 【本章概述】 网页制作是在掌握前两章网络基本知识和网络应用知识的基础上，学会自己创建网站的一章。本章从规划建设网站入手，介绍网站制作流程、网页制作工具、网站规划布局等概念，通过FrontPage 2000详细介绍，学会制作网站的基本操作。 12.1 网页制作概述 （1）当在浏览器的地址栏中输入一个网址（URL）或按下一个超链接（Hyperlink）时，浏览器便会送出一个请求到网络上，请求网址中所指定的文件。 （2）这个请求会在Internet上传送，根据网址或超链接所指定的位置，找到存有这份文件的WWW服务器（Server）。 （3）WWW服务器是一台放有网页文档的电脑，它里面有一个WWWServer的程序，这个程序是专门处理网页资料和接受客户端请求用的。 （4）当这台服务器（WWWServer程序）接收到请求，它便会检查自己的电脑中是否有这份文件，如果有的话，服务器就会将文件送出，这个文件就是HTML文档。 （5）HTML文档会被送上Internet，最后再转回到客户端的电脑中。 （6）浏览器接收到HTML文件，便会开始解读HTML，将最后的结果呈现在客户端的屏幕上，便可以看到自己所请求的文件。 12.1.2 网站的类型 网站是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页。这些网页按照一定的组织结构，以链接等方式连接在一起，形成一个整体，描述一组完整的信息。 网站按内容来分大致有以下类型：法律、金融机构咨询站点、电子商务站点、教育科研机构站点、社团站点、报纸杂志电子刊物站点、娱乐站点、艺术站点、体育站点、有哪些信誉好的足球投注网站引擎及软件下载站点、个人站点，还有一部分是大型的综合门户类网站。 网站按使用对象可分为信息发布、电子报刊、个人主页、网上购物、专题介绍、实用信息服务等。 12.1.3 创建网站流程 1．策划网站 网站策划可以从以下几方面考虑：主题、对象、内容、风格和创意。主题具体说来就是要规划好网站的题材和标题，主题明确后，才知道接下去要想些什么、做些什么。对象是对网站的访客的定位，要明确网站的服务对象是哪些人，做到有的放矢。内容方面要避免空洞、要有内涵、要丰富、并且要不断更新。风格则是反映浏览者对网站的整体形象的综合感受，在网站建设上有美工基础，再加少许的创意，相信会给访客留下深刻印象。所谓“七分策划、三分做”就形象的说明这个道理。 2．网站布局规划 页面布局包括以下几方面： 页面标题 网站标志 页眉 导航栏 主内容区 页脚 蓝图绘制 3．色彩搭配 （1）利用色彩分布，划分不同类型信息排布，给人以不同心理感受。区分主次顺序，形成有序视觉流程。 （2）利用色彩优势，突出主题。用不同色彩的表现力、情感效应及审美心理感受，烘托主题、突出主题。 （3）利用色彩优势，吸引视线。用色彩的力量，设计出各式各样悦目的网页界面，可以吸引更多浏览者的注意。 （4）利用色彩优势，增强艺术性。色彩即是视觉信息传达的方式，又是艺术设计的语言，网页色彩的运用表达可以创作出更加富于审美情趣的作品。 4．收集资料 资料收集通常是最耗时、最困难的一个部份。好像它和网页制作本身没有什么关系，但对于个人网站来说，网站的内容大多依赖资料的收集，收集不完整，可能网页制作到一半就必须被迫停下（没内容可以写了）。当然网站如果要有特色，一定要有自己的东西，要有自己独创的文章。一个人的精力是有限的，读者的要求是无限的。设计时需要在二者之间权衡。学会对资料进行查找、分类、整理和编辑。 5．目录设计 网站目录如何设计，对浏览者来说并没有什么太大的感觉和影响，但是对于站点的上传和维护，以及内容的扩充和移植都有着重要的影响。目录的结构设计要注意以下几点： （1）按栏目内容建立子目录。 （2）目录的层次不要太深，一般不要超过三层嵌套。 （3）避免使用中文目录。 （4）尽量使用意义明确的目录名称。 6．导航设计 进行网站的规划时，要组织网站的内容和链接设计 几种常用的链接结构类型。 （1）分级结构 （2）线性结构 （3）Web结构 （1）分级结构 （2）线性结构 （3）Web结构 7．页面设计 网站规划完毕，就可以动手设计页面。页面设计具有两方面功能： （1）传递信息功能。页面所传递的信息必须清晰、准确，具有明确的受众面和宣传目标，注重时效性。 （2）审美功能。网页界面从属于网页内容，其本身不可能独立存在。因而网页界面设计的审美功能不仅由界面形式所决定，很大程度上也受到操作顺畅程度、信息接受心理及信息接受形式等因素的影响，具有很明显的综合性。 8．申请域名 网站在自己的计算机上制作完毕后，就需要着手为自己的网站在网上找到一席之地，此时需要进行域名、空间的申请。 9．上传网站 上传可以使用网